@charset "UTF-8";
/***********************************************************************
media queries setting
**********************************************************************/
/* ---- reset ---- */
canvas {
  　display: block;
  vertical-align: bottom; }

/* ---- particles.js container ---- */
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 0; }

/* ---- stats.js ---- */
.count-particles {
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold; }

/***********************************************************************
variable
**********************************************************************/
/***********************************************************************
reset
**********************************************************************/
* {
  margin: 0;
  padding: 0; }

html, body {
  -webkit-text-size-adjust: 100%; }

body {
  display: none;
  color: #141B25;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: clamp(13px, 1.4vw, 16px);
  line-height: 1.75rem;
  letter-spacing: 1.5px; }
  @media (max-width: 768px) {
    body {
      height: auto !important; } }

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td, img,
article, footer, header, nav, section {
  margin: 0;
  padding: 0;
  border: none;
  font-feature-settings: "palt";
  list-style-type: none; }

th {
  font-weight: normal;
  text-align: inherit; }

select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 100%;
  font-family: "Noto Sans JP", sans-serif; }

select {
  cursor: pointer; }

select::-ms-expand {
  display: none; }

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  outline: none; }

*:focus {
  outline: none; }

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

li {
  line-height: 150%; }

hr {
  display: none; }

a {
  color: #141B25;
  text-decoration: none;
  outline: none; }

/* set html5 elements to block */
article, footer, header, nav, section {
  display: block; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none; }

.flex-reverse {
  flex-direction: row-reverse; }

.pc {
  display: block; }
  @media (max-width: 768px) {
    .pc {
      display: none !important; } }

.sp {
  display: none !important; }
  @media (max-width: 768px) {
    .sp {
      display: block !important; } }

/***********************************************************************
イレギュラー
**********************************************************************/
.wp-block-file__button {
  color: #fff !important;
  background: #0B57A6 !important; }

/***********************************************************************
ipadのみ
**********************************************************************/
/********************************************************************************
common item
********************************************************************************/
.to-top-wrapper {
  background: #fff; }

#business-content .to-top-wrapper {
  /*overflow: hidden;*/ }

.view-more-btn {
  border: 1px solid #141B25;
  display: block;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 600;
  font-size: clamp(18px, 1.8vw, 23px);
  max-width: 315px;
  text-align: center;
  cursor: pointer;
  letter-spacing: 1px;
  overflow: hidden;
  position: relative;
  transition-duration: .4s;
  z-index: 2;
  /*& active*/ }
  @media (max-width: 768px) {
    .view-more-btn {
      max-width: 255px; } }
  .view-more-btn a {
    display: block;
    padding: 13px 0px 9px; }
  .view-more-btn::after {
    background: #0b57a6;
    background: linear-gradient(90deg, #0b57a6 0%, #0092d3 100%);
    border-radius: 50%;
    content: "";
    display: block;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    padding-top: 100%;
    height: 0;
    z-index: -1;
    transform: translateY(-50%) scale(0.1);
    transition: opacity .5s, transform 0s;
    transition-delay: 0s, .4s; }
  @media (hover: hover) and (pointer: fine) {
    .view-more-btn:hover a {
      color: #fff; } }
  @media (hover: hover) and (pointer: fine) {
    .view-more-btn:hover {
      border-color: transparent; } }
  @media (hover: hover) and (pointer: fine) {
    .view-more-btn:hover::after {
      opacity: 1;
      transform: translateY(-50%) scale(1.1);
      transition-delay: 0s;
      transition: opacity .7s, transform .5s ease-in-out; } }
  .view-more-btn.active {
    background: #0b57a6;
    background: linear-gradient(90deg, #0b57a6 0%, #0092d3 100%);
    border-color: #fff; }
    .view-more-btn.active a {
      color: #fff; }
    .view-more-btn.active::after {
      background: white; }
    @media (hover: hover) and (pointer: fine) {
      .view-more-btn.active:hover a {
        color: #141B25; } }
    @media (hover: hover) and (pointer: fine) {
      .view-more-btn.active:hover {
        border-color: #0b57a6; } }

/*vew-more-btn*/
.recruit-btn {
  background-image: linear-gradient(-74deg, #0a5ba9 50%, #046faf 50%);
  background-image: -webkit-linear-gradient(-74deg, #0a5ba9 50%, #046faf 50%);
  background-image: -moz-linear-gradient(-74deg, #0a5ba9 50%, #046faf 50%);
  background-image: -ms-linear-gradient(-74deg, #0a5ba9 50%, #046faf 50%);
  padding: 0;
  transition: .3s; }
  .recruit-btn a {
    color: #fff; }

.entry-btn {
  background-image: linear-gradient(-74deg, #141b25 50%, #293039 50%);
  background-image: -webkit-linear-gradient(-74deg, #141b25 50%, #293039 50%);
  background-image: -moz-linear-gradient(-74deg, #141b25 50%, #293039 50%);
  background-image: -ms-linear-gradient(-74deg, #141b25 50%, #293039 50%);
  padding: 0;
  transition: .3s; }
  @media (max-width: 768px) {
    .entry-btn {
      max-width: 240px !important;
      width: 50% !important; } }
  .entry-btn a {
    color: #fff; }
    @media (max-width: 768px) {
      .entry-btn a {
        /*padding: 1.35rem 2rem!important;*/ } }
  .entry-btn img {
    margin: 0 auto !important;
    width: 80px !important; }

footer .recruit-btn {
  background-image: linear-gradient(-74deg, #d9e021 50%, #ced51f 50%);
  background-image: -webkit-linear-gradient(-74deg, #d9e021 50%, #ced51f 50%);
  background-image: -moz-linear-gradient(-74deg, #d9e021 50%, #ced51f 50%);
  background-image: -ms-linear-gradient(-74deg, #d9e021 50%, #ced51f 50%);
  font-weight: 600;
  margin-top: 1rem;
  width: 100%;
  max-width: inherit; }
  footer .recruit-btn img {
    margin-bottom: 2px;
    margin-left: .3rem;
    height: 20px;
    width: 23px; }
  footer .recruit-btn a {
    color: #0B57A6; }

.contact-btn {
  background-image: linear-gradient(-74deg, #fff 50%, #E6E6E6 50%);
  background-image: -webkit-linear-gradient(-74deg, #fff 50%, #E6E6E6 50%);
  background-image: -moz-linear-gradient(-74deg, #fff 50%, #E6E6E6 50%);
  background-image: -ms-linear-gradient(-74deg, #fff 50%, #E6E6E6 50%);
  padding: 0;
  transition: .3s;
  margin-left: 1.5rem; }

footer .contact-btn {
  font-weight: 600;
  width: 100%;
  max-width: inherit; }
  footer .contact-btn img {
    margin-bottom: 4px;
    margin-left: .3rem;
    height: 13px;
    width: 19px; }
  footer .contact-btn a {
    color: #0B57A6; }

.recruit-btn,
.contact-btn,
.entry-btn {
  font-size: clamp(13px, 1.4vw, 16px);
  text-align: center;
  max-width: 192px;
  width: 13vw; }
  .recruit-btn a,
  .contact-btn a,
  .entry-btn a {
    display: block;
    padding: 1.35rem 0;
    transition: .2s;
    width: 100%; }
    @media (hover: hover) and (pointer: fine) {
      .recruit-btn a:hover,
      .contact-btn a:hover,
      .entry-btn a:hover {
        opacity: .7; } }

.service-btn {
  /*position: absolute;
  bottom: -68px;
  left: 50%;
  transform: translate(-50%, 0);*/
  opacity: 0;
  position: sticky;
  bottom: 5%;
  margin-left: auto;
  margin-right: calc(6.5% + 135px);
  transition: .5s;
  z-index: 9;
  max-width: 135px;
  width: 13%; }
  @media (max-width: 768px) {
    .service-btn {
      /*margin-top: 42px;
      position: relative;
      bottom: auto;
      left: auto;
      transform: none;*/
      margin-right: 5%;
      bottom: 2%;
      max-width: inherit;
      /*width: 80%;*/
      width: 95px; } }
  .service-btn img {
    display: block;
    margin: auto;
    width: 100%; }
    @media (max-width: 768px) {
      .service-btn img {
        /*width: 80%;*/ } }

/*service-btn*/
/********************************************************************************
lower-page
********************************************************************************/
.lower-page {
  /*image-none-wrapper*/
  /*menu*/ }
  .lower-page .image-none-wrapper {
    padding: 72px 0 0;
    /*title*/ }
    @media (max-width: 768px) {
      .lower-page .image-none-wrapper {
        padding: 42px 0 0;
        margin-top: 54px; } }
    .lower-page .image-none-wrapper .inner {
      margin: auto;
      max-width: 1290px;
      width: 85%; }
    .lower-page .image-none-wrapper .title {
      border-bottom: 1px solid #0B57A6;
      padding-bottom: 2rem; }
      @media (max-width: 768px) {
        .lower-page .image-none-wrapper .title {
          padding-bottom: 1rem; } }
      .lower-page .image-none-wrapper .title .head {
        font-size: clamp(22px, 2.5vw, 37px);
        font-weight: 800;
        text-align: center; }
        .lower-page .image-none-wrapper .title .head + .small {
          font-size: clamp(15px, 2vw, 23px);
          margin-top: 2rem;
          text-align: center; }
          @media (max-width: 768px) {
            .lower-page .image-none-wrapper .title .head + .small {
              margin-top: 1rem; } }
  .lower-page .toggle_btn {
    /*top: 2.5%;*/ }
    .lower-page .toggle_btn span {
      background-color: #000; }
  .lower-page #menu {
    padding-bottom: 0px;
    padding: 26px 0;
    /*position: relative;
    top: inherit;*/
    /*left: inherit;
    transform: none;*/
    margin: auto;
    position: absolute;
    top: 0; }
    @media (max-width: 768px) {
      .lower-page #menu {
        /*padding: 2% 0 5px;*/
        padding: 0;
        position: relative;
        margin: inherit; } }
    .lower-page #menu::before {
      content: none; }
    .lower-page #menu #menu-content > li > a {
      color: #141B25; }
      @media (max-width: 1126px) {
        .lower-page #menu #menu-content > li > a {
          color: #fff; } }
    .lower-page #menu.follow-nav #menu-content > li > a {
      color: #fff; }
    .lower-page #menu #menu-content > li > ul.second-content {
      backdrop-filter: none;
      background: white; }
      @media (max-width: 1126px) {
        .lower-page #menu #menu-content > li > ul.second-content {
          background: none; } }
    .lower-page #menu #menu-content > li > ul.second-content > li > a {
      color: #0B57A6; }
      @media (max-width: 1126px) {
        .lower-page #menu #menu-content > li > ul.second-content > li > a {
          color: #fff; } }
  .lower-page .lower-main {
    margin-top: 119px; }
    @media (max-width: 768px) {
      .lower-page .lower-main {
        margin-top: 54px; } }

/*lower-page*/
/********************************************************************************
header nav
********************************************************************************/
#logo img {
  height: 55px; }
  @media (max-width: 768px) {
    #logo img {
      height: 38px; } }
  #logo img.follow-none {
    display: block; }
  #logo img.follow-disp {
    display: none; }

#home #logo {
  /*@include sp{
      position: fixed;
      top: 3%;
      left: 5%;
      z-index: 9999;
  }*/ }

@media (max-width: 768px) {
  .lower-page {
    /*bar*/ }
    .lower-page .bar {
      background: rgba(255, 255, 255, 0.4);
      -webkit-backdrop-filter: blur(12px);
      backdrop-filter: blur(12px);
      position: fixed;
      top: 0;
      height: 55px;
      width: 100%;
      z-index: 9999; }
      .lower-page .bar #logo {
        position: absolute;
        top: 10px;
        left: 4%; }
        .lower-page .bar #logo img {
          width: 130px; }
      .lower-page .bar .toggle_btn {
        position: absolute;
        top: 18px; } }

/*lower-page*/
.follow-nav #logo img {
  height: 33px; }
  .follow-nav #logo img.follow-none {
    display: none; }
  .follow-nav #logo img.follow-disp {
    display: block; }
@media (max-width: 1126px) {
  .follow-nav #logo {
    display: none; } }
@media (max-width: 768px) {
  .follow-nav #logo {
    display: block; } }

#menu {
  display: flex;
  align-items: center;
  padding-bottom: 24px;
  position: absolute;
  top: 34px;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 1500px;
  width: 90%;
  z-index: 999;
  /*follow-nav*/ }
  @media (max-width: 1126px) {
    #menu {
      top: 5%;
      left: 5%;
      transform: none; } }
  @media (max-width: 768px) {
    #menu {
      top: 3%;
      left: 3%;
      width: 44%; } }
  #menu::before {
    content: "";
    background: #fff;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
    @media (max-width: 1126px) {
      #menu::before {
        display: none; } }
  #menu.follow-nav {
    background: rgba(20, 27, 37, 0.6);
    backdrop-filter: blur(8px);
    position: fixed;
    top: 0px;
    padding: 1% 5%;
    width: 90%;
    max-width: inherit;
    animation: menu-disp .5s; }
@keyframes menu-disp {
  0% {
    top: -83px; }
  100% {
    top: 0px; } }
    @media (max-width: 1126px) {
      #menu.follow-nav {
        backdrop-filter: none;
        display: block;
        position: relative;
        top: auto;
        padding: 0;
        width: inherit;
        animation: none; } }
    #menu.follow-nav::before {
      content: none; }
    #menu.follow-nav #menu-content > li > ul.second-content {
      backdrop-filter: none;
      background: white; }
      @media (max-width: 1126px) {
        #menu.follow-nav #menu-content > li > ul.second-content {
          background: none; } }
    #menu.follow-nav #menu-content > li > ul.second-content > li > a {
      color: #0B57A6; }
      @media (max-width: 1126px) {
        #menu.follow-nav #menu-content > li > ul.second-content > li > a {
          color: #fff; } }
    #menu.follow-nav .btn-wrapper .recruit-btn a,
    #menu.follow-nav .btn-wrapper .contact-btn a {
      padding: 0.5rem 0; }

#menu-inner {
  margin-left: 3rem; }

#menu-btn {
  display: none; }

#menu-content {
  margin: 0;
  list-style-type: none;
  display: flex; }
  @media (max-width: 1126px) {
    #menu-content {
      display: inherit; } }

#menu-content > li {
  font-size: clamp(15px, 1.5vw, 16px);
  font-weight: 500;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }

#menu-content > li > a {
  display: block;
  padding: 0 1.5rem;
  position: relative;
  line-height: 40px;
  color: #fff;
  letter-spacing: 4px;
  text-decoration: none; }
  @media (max-width: 1134px) {
    #menu-content > li > a {
      letter-spacing: 0px; } }
  @media (max-width: 1126px) {
    #menu-content > li > a {
      color: #fff;
      font-weight: 700; } }

#menu-content > li > a > img {
  position: absolute;
  top: 50%;
  right: .7rem;
  transform: translate(0, -50%);
  width: 6px; }

#menu-content > li > ul.second-content {
  backdrop-filter: blur(12px);
  border-radius: 8px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  /*padding: .5rem 0;*/
  padding-left: 0;
  list-style-type: none;
  z-index: 9;
  -webkit-box-shadow: 0px 0px 10px #bbb;
  box-shadow: 0px 0px 10px #bbb; }

#menu-content > li:hover > ul.second-content {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s; }

#menu-content > li > ul.second-content > li {
  text-align: center;
  white-space: nowrap; }

#menu-content > li > ul.second-content > li > a {
  display: block;
  line-height: 40px;
  color: #fff;
  padding: 0 1rem;
  text-decoration: none; }
  @media (max-width: 1126px) {
    #menu-content > li > ul.second-content > li > a {
      color: #fff;
      line-height: 26px;
      padding: 0 0rem; } }

#menu-content > li > ul.second-content > li > a:hover {
  background: #eee;
  color: #000;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

#menu-content > li > ul.second-content > li.indent {
  font-size: 14px;
  background: rgba(204, 204, 204, 0.4);
  line-height: 120%; }
  #menu-content > li > ul.second-content > li.indent a {
    line-height: 32px; }
    @media (max-width: 768px) {
      #menu-content > li > ul.second-content > li.indent a {
        line-height: 26px;
        /*padding-left: 30px;*/ } }
    @media (max-width: 768px) {
      #menu-content > li > ul.second-content > li.indent a::before {
        content: "- "; } }
#menu-content > li > ul.second-content > li:nth-child(8) {
  border-top: 1px solid #ccc;
  padding-top: .25rem; }
  @media (max-width: 768px) {
    #menu-content > li > ul.second-content > li:nth-child(8) {
      border: none; } }
#menu-content > li > ul.second-content > li:last-child {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-bottom: .25rem; }
  @media (max-width: 768px) {
    #menu-content > li > ul.second-content > li:last-child {
      border-radius: 0; } }

.btn-wrapper {
  display: flex;
  margin-left: auto; }
  @media (max-width: 1126px) {
    .btn-wrapper {
      display: none; } }

.btn-wrapper-sp {
  display: none; }
  @media (max-width: 1126px) {
    .btn-wrapper-sp {
      display: block; } }
  .btn-wrapper-sp ul {
    display: flex;
    justify-content: flex-start;
    gap: 0 2%; }
    .btn-wrapper-sp ul .recruit-btn,
    .btn-wrapper-sp ul .contact-btn {
      width: 48%; }
      .btn-wrapper-sp ul .recruit-btn a,
      .btn-wrapper-sp ul .contact-btn a {
        padding: .75rem 0; }
    .btn-wrapper-sp ul .recruit-btn a {
      color: #fff; }

@media (max-width: 1126px) {
  nav:not(.pagination) {
    position: fixed;
    top: 0;
    /*left: -300px;*/
    left: -85%;
    bottom: 0;
    width: 85%;
    /*background: rgba(11,86,166,0.4);*/
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 99999;
    opacity: 0; }

  .open nav {
    left: 0;
    opacity: 1; }

  nav .inner {
    padding: 25px; }

  nav .inner ul {
    list-style: none;
    margin: 0;
    padding: 0; }

  nav .inner ul li {
    position: relative;
    margin: 0; }

  nav .inner ul li a {
    display: block;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }
    nav .inner ul li a img {
      display: none; }

  .toggle_btn {
    display: block;
    position: fixed;
    top: 5%;
    right: 5%;
    width: 27px;
    height: 18px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    z-index: 9999; }
    .toggle_btn.follow-toggle_btn {
      mix-blend-mode: difference; }
      .toggle_btn.follow-toggle_btn.open {
        mix-blend-mode: inherit; } }
  @media (max-width: 1126px) and (max-width: 768px) {
    .toggle_btn {
      top: 4%; } }

@media (max-width: 1126px) {
  .lower-page .follow-toggle_btn {
    mix-blend-mode: inherit; }

  .toggle_btn span {
    position: absolute;
    left: 0;
    width: 27px;
    height: 1px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }

  .toggle_btn span:nth-child(1) {
    top: 0px; }

  .toggle_btn span:nth-child(2) {
    top: 9px; }

  .toggle_btn span:nth-child(3) {
    bottom: 0px; }

  .toggle_btn.open span {
    background-color: #fff; }

  .toggle_btn.open span:nth-child(1) {
    -webkit-transform: translateY(10px) rotate(-315deg);
    transform: translateY(8px) rotate(-45deg); }

  .toggle_btn.open span:nth-child(2) {
    opacity: 0; }

  .toggle_btn.open span:nth-child(3) {
    -webkit-transform: translateY(-10px) rotate(315deg);
    transform: translateY(-9px) rotate(45deg); }

  #mask {
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }

  .open #mask {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    z-index: 2;
    cursor: pointer; }

  #menu-content > li {
    width: 100%;
    margin-bottom: 15px; }

  #menu-content > li:hover {
    background: none; }

  #menu-content > li > a {
    height: 100%;
    padding: 0px;
    font-size: 100%;
    border-bottom: 1px solid #fff; }

  #menu-content > li.to-toppage {
    margin-bottom: 0; }

  #menu-content > li.to-toppage > a {
    border-bottom: none; }

  #menu-content > li > ul.second-content {
    visibility: visible;
    backdrop-filter: none;
    opacity: 1;
    width: 100%;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none; }

  #menu-content > li > ul.second-content > li {
    width: 100%;
    text-align-last: left; }

  #menu-content > li > ul.second-content > li > a {
    padding-left: 15px; }

  #menu-content > li > ul.second-content > li > a:hover {
    background: none; } }
/********************************************************************************
footer
********************************************************************************/
.to-top {
  opacity: 0;
  position: sticky;
  bottom: 5%;
  margin-left: auto;
  margin-right: 5%;
  margin-top: -131px;
  max-width: 135px;
  width: 13%;
  transition: .5s;
  z-index: 9; }
  @media (max-width: 768px) {
    .to-top {
      opacity: 1 !important;
      position: relative;
      bottom: auto;
      margin: auto;
      margin-top: 25px;
      width: 112px;
      z-index: 8; } }
  .to-top img {
    width: 100%; }
    @media (max-width: 768px) {
      .to-top img {
        /*width: 112px;*/ } }

@media (max-width: 768px) {
  #business-content .to-top-wrapper {
    position: relative; } }
@media (max-width: 768px) {
  #business-content .to-top {
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 50%;
    margin-left: -56px;
    margin-top: 0px;
    width: 112px; } }

.lower-page {
  /*.to-top{
      margin-top: -53px;
      
      @include sp{
          margin-top: -53px;
      }
  }
  &#business-content{
      .to-top{
          margin-top: -118px;
          
          @include sp{
              margin-top: 25px;
          }
      }
  }*/ }

footer {
  background: #0B57A6;
  padding: 106px 0 82px;
  position: relative;
  margin-top: -72px;
  width: 100%;
  /*office-map*/
  /*sitemap*/ }
  @media (max-width: 768px) {
    footer {
      position: relative;
      margin-top: -58px;
      padding: 86px 0 16px; } }
  footer::after {
    /*content: "";
    background: #e8edf0;
    height: 70px;
    width: 100%;
    position: absolute;
    top: -69px;
    left: 0;*/ }
    @media (max-width: 768px) {
      footer::after {
        /*height: 165px;
        top: -167px;*/ } }
  footer .inner {
    margin: auto;
    max-width: 1300px;
    width: 85%; }
  footer .footer-logo {
    max-width: 458px; }
    @media (max-width: 768px) {
      footer .footer-logo {
        margin: 0 0 15px;
        width: 255px; } }
  footer .office-map {
    display: flex;
    justify-content: space-between;
    margin-top: 72px;
    /*area*/ }
    @media (max-width: 768px) {
      footer .office-map {
        display: inherit;
        margin-top: 32px; } }
    footer .office-map .area {
      color: #fff;
      width: 47%; }
      @media (max-width: 768px) {
        footer .office-map .area {
          width: 100%; } }
      @media (max-width: 768px) {
        footer .office-map .area + .area {
          margin-top: 32px; } }
      footer .office-map .area .office-name {
        font-size: clamp(16px, 1.8vw, 23px);
        font-weight: 700; }
      footer .office-map .area .address {
        font-size: clamp(13px, 1.6vw, 18px);
        font-weight: 400;
        margin-top: .5rem; }
        @media (max-width: 768px) {
          footer .office-map .area .address {
            margin-top: 0; } }
      footer .office-map .area .tel {
        font-size: clamp(13px, 1.6vw, 18px);
        font-weight: 400;
        margin-top: .25rem; }
        @media (max-width: 768px) {
          footer .office-map .area .tel {
            margin-top: 0; } }
        footer .office-map .area .tel a {
          color: #fff; }
        footer .office-map .area .tel strong {
          font-size: clamp(18px, 2.2vw, 28px);
          font-weight: 500;
          margin-left: .25rem; }
        footer .office-map .area .tel .fax {
          margin-left: 1.5rem; }
      footer .office-map .area .gmap {
        margin-top: 1rem; }
        @media (max-width: 768px) {
          footer .office-map .area .gmap {
            margin-top: .5rem; } }
        footer .office-map .area .gmap iframe {
          aspect-ratio: 16 / 8;
          max-width: 1000px;
          width: 100%;
          height: 299px; }
          @media (max-width: 768px) {
            footer .office-map .area .gmap iframe {
              height: auto; } }
  footer .sitemap {
    display: flex;
    gap: 0 3%;
    margin-top: 72px;
    /*menu-list*/
    /*btn-list*/ }
    @media (max-width: 768px) {
      footer .sitemap {
        display: inherit;
        margin-top: 48px; } }
    footer .sitemap ul:not(ul ul) {
      width: calc(100% / 4); }
      @media (max-width: 768px) {
        footer .sitemap ul:not(ul ul) {
          width: 100%; } }
    @media (max-width: 768px) {
      footer .sitemap .menu-list + .menu-list {
        margin-top: 32px; } }
    footer .sitemap .menu-list .parent > a {
      border-bottom: 1px solid #fff;
      display: block;
      font-size: clamp(14px, 1.6vw, 18px);
      font-weight: 600;
      padding-bottom: 1rem;
      margin-bottom: .75rem; }
      @media (max-width: 768px) {
        footer .sitemap .menu-list .parent > a {
          padding-bottom: .5rem; } }
    footer .sitemap .menu-list .parent li + li {
      margin-top: .45rem; }
    footer .sitemap .menu-list .parent a {
      color: #fff; }
      @media (hover: hover) and (pointer: fine) {
        footer .sitemap .menu-list .parent a:hover {
          color: #d9e021; } }
    footer .sitemap .menu-list .indent {
      text-indent: 0rem;
      padding-left: 1rem;
      font-weight: 300; }
    footer .sitemap .btn-list {
      position: relative; }
      @media (max-width: 768px) {
        footer .sitemap .btn-list {
          margin-top: 28px; } }
      footer .sitemap .btn-list .contact-btn {
        margin-left: 0; }
      footer .sitemap .btn-list .privacy,
      footer .sitemap .btn-list .copyright {
        position: absolute;
        bottom: 0;
        right: 0; }
        @media (max-width: 768px) {
          footer .sitemap .btn-list .privacy,
          footer .sitemap .btn-list .copyright {
            position: relative;
            bottom: auto;
            right: auto; } }
      footer .sitemap .btn-list .privacy {
        font-size: clamp(13px, 1.3vw, 14px);
        margin-top: auto;
        text-align: right;
        bottom: 2rem; }
        @media (max-width: 768px) {
          footer .sitemap .btn-list .privacy {
            bottom: auto;
            margin-top: 28px;
            text-align: center; } }
        footer .sitemap .btn-list .privacy a {
          color: #fff; }
      footer .sitemap .btn-list .copyright {
        color: #fff;
        font-size: clamp(12px, 1.2vw, 14px);
        margin-top: .75rem;
        text-align: right;
        white-space: nowrap; }
        @media (max-width: 768px) {
          footer .sitemap .btn-list .copyright {
            margin-top: 1rem;
            text-align: center; } }

/*footer*/
#home footer, #archive footer, #contact footer, #confirm footer, #thanks footer, #entry-form footer, #entry-confirm footer, #entry-thanks footer {
        /*&::after{
            content: "";
            background: #fff;
            height: 70px;
            width: 100%;
            position: absolute;
            top: -69px;
            left: 0;

            @include sp{
                height: 165px;
                top: -167px;
            }
        }*/ }

#archive footer, #confirm footer, #thanks footer, #entry-confirm footer, #entry-thanks footer {
  margin-top: 0; }
  @media (max-width: 768px) {
    #archive footer, #confirm footer, #thanks footer, #entry-confirm footer, #entry-thanks footer {
      margin-top: -58px; } }

#business-content footer {
  position: relative; }
  #business-content footer::after {
    content: "";
    background: #e8edf0;
    height: 70px;
    width: 100%;
    position: absolute;
    top: -69px;
    left: 0; }
    @media (max-width: 768px) {
      #business-content footer::after {
        height: 65px;
        top: -67px; } }

/********************************************************************************
top main swiper
********************************************************************************/
.catch-wrapper {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  mix-blend-mode: lighten; }
  @media (max-width: 768px) {
    .catch-wrapper {
      top: 52%;
      width: 75%; } }
  .catch-wrapper .catch-en img {
    width: 623px; }
  .catch-wrapper .catch-en + p {
    color: #fff;
    font-weight: 700;
    font-size: clamp(15px, 1.8vw, 25px);
    letter-spacing: 5px;
    margin-top: 3rem;
    text-align: center; }
    @media (max-width: 768px) {
      .catch-wrapper .catch-en + p {
        margin-top: 1rem; } }

/*catch-wrapper*/
.scroll-arrow {
  padding-bottom: 52px;
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translate(-50%, 0);
  /*下からの距離が変化して丸の全体が上から下に動く*/
  /*上から下にかけて丸が透過→不透明→透過する*/ }
  @media (max-width: 768px) {
    .scroll-arrow {
      bottom: auto;
      top: calc(100svh - 85px); } }
  .scroll-arrow p {
    color: #fff;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 500; }
  .scroll-arrow .arrow {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 20px;
    animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite; }
    .scroll-arrow .arrow img {
      display: block;
      width: 20px; }
@keyframes circlemove {
  0% {
    bottom: 45px; }
  100% {
    bottom: -5px; } }
@keyframes cirlemovehide {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  80% {
    opacity: 0.9; }
  100% {
    opacity: 0; } }
.main-copyright {
  color: #fff;
  font-weight: 500;
  font-size: clamp(11px, 1.2vw, 14px);
  letter-spacing: 4px;
  position: absolute;
  right: 3.5%;
  top: 50%;
  transform: translate(0, -50%);
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }
  @media (max-width: 768px) {
    .main-copyright {
      top: 67px;
      right: 3.2%;
      transform: none; } }

.connecting-svg {
  opacity: 0;
  width: 75%;
  position: absolute;
  top: -43%;
  left: 56%;
  transform: translate(-50%, 0%);
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3)); }
  @media (max-width: 768px) {
    .connecting-svg {
      bottom: auto;
      top: -45%;
      transform: translate(-50%, 0%);
      width: 71%; } }
  .connecting-svg .st0 {
    fill: #fff; }
  .connecting-svg .st1 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 6;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10; }

.swiper-flex {
  display: flex;
  position: relative;
  overflow: hidden;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: -1; }
  @media (max-width: 768px) {
    .swiper-flex {
      display: inherit; } }
  .swiper-flex .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 0; }
  .swiper-flex .swiper-right,
  .swiper-flex .swiper-left {
    height: 100vh;
    width: 50%;
    margin-inline: auto; }
    @media (max-width: 1126px) {
      .swiper-flex .swiper-right,
      .swiper-flex .swiper-left {
        height: 100svh; } }
    @media (max-width: 768px) {
      .swiper-flex .swiper-right,
      .swiper-flex .swiper-left {
        height: 50vh;
        width: 100%;
        overflow: hidden; } }
  .swiper-flex .slide-media img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
    object-position: top center; }
    @media (max-width: 1126px) {
      .swiper-flex .slide-media img {
        height: 100svh; } }
    @media (max-width: 768px) {
      .swiper-flex .slide-media img {
        height: 50vh; } }
  .swiper-flex .swiper-left .slide-media img {
    object-position: center; }
  .swiper-flex .swiper-pagination {
    right: auto !important;
    left: 6.5% !important; }
    @media (max-width: 768px) {
      .swiper-flex .swiper-pagination {
        display: none; } }
  .swiper-flex .swiper-pagination-bullet {
    background: none !important;
    border: 1px solid #fff;
    margin: 10px 0 !important;
    opacity: 1 !important;
    transition: .5s; }
  .swiper-flex .swiper-pagination-bullet-active {
    background: #fff !important;
    border-radius: 20px !important;
    height: 62px !important; }
  .swiper-flex .swiper-left .swiper-slide[class*=-active] .slide-media {
    animation: path-left 1.5s both cubic-bezier(0.89, 0.29, 0.94, 0.69); }
@keyframes path-left {
  0% {
    clip-path: polygon(0 0, 100% 0, 100% -40%, 0 0); }
  100% {
    clip-path: polygon(0 0%, 100% 0, 100% 200%, 0 100%); } }
  .swiper-flex .swiper-right .swiper-slide[class*=-active] .slide-media {
    animation: path-right 1.5s both cubic-bezier(0.89, 0.29, 0.94, 0.69); }
@keyframes path-right {
  0% {
    clip-path: polygon(0 200%, 100% 100%, 100% 100%, 0 100%); }
  100% {
    clip-path: polygon(0 -40%, 100% 0, 100% 100%, 0 100%); } }
  @media (max-width: 768px) {
    @keyframes path-right {
      0% {
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); }
      100% {
        clip-path: polygon(0 -40%, 100% 0, 100% 100%, 0 100%); } } }
  @media (max-width: 768px) {
    .swiper-flex .swiper-vertical {
      touch-action: auto; } }

/*swiper-flex*/
/********************************************************************************
related field swiper
********************************************************************************/
.fields-content .slide-media,
.fields-content .thumb-media {
  position: relative;
  overflow: hidden; }
.fields-content .slide-media img,
.fields-content .thumb-media img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }
.fields-content .swiper-button-prev, .fields-content .swiper-button-next {
  display: grid;
  place-content: center;
  width: 6.4rem;
  height: 6.4rem;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition); }
.fields-content .swiper-button-prev::before, .fields-content .swiper-button-next::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-radius: 50%;
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow); }
.fields-content .swiper-button-prev::after, .fields-content .swiper-button-next::after {
  width: 1.2rem;
  height: 1.2rem;
  content: "";
  border: solid var(--color-gray);
  border-width: 3px 3px 0 0; }
.fields-content .swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }
.fields-content .swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }
.fields-content .swiper-button-disabled {
  pointer-events: none;
  opacity: 0; }
.fields-content .swiper-area {
  position: relative; }
.fields-content .swiper-main {
  height: 826px;
  margin-left: min(10rem, 25vw); }
  @media (max-width: 1126px) {
    .fields-content .swiper-main {
      height: 626px;
      margin-left: 0; } }
.fields-content .swiper-thumb {
  position: absolute;
  top: 4rem;
  right: 0;
  bottom: 4rem;
  width: 30%;
  max-width: 465px; }
.fields-content .slide {
  padding: 3.5rem 0rem 0 5rem;
  color: #fff; }
  @media (max-width: 1126px) {
    .fields-content .slide {
      padding: 1.5rem 0rem 0 2rem; } }
.fields-content .slide-media {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: #fff;*/ }
.fields-content .slide-content {
  margin: 0 0 0;
  -webkit-transition: 3s 0.5s var(--easing);
  transition: 1.5s 0.5s var(--easing);
  opacity: 0; }
  .fields-content .slide-content.first-slide .slide-title {
    line-height: 2; }
  .fields-content .slide-content .slide-title {
    font-size: clamp(20px, 3.2vw, 40px);
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 4px; }
    .fields-content .slide-content .slide-title span {
      border-bottom: 1px solid #fff;
      padding-bottom: 4px; }
  .fields-content .slide-content .slide-en {
    font-weight: 600;
    font-size: clamp(14px, 1.7vw, 21px);
    margin-left: .25rem; }
  .fields-content .slide-content .slide-text {
    font-size: clamp(13px, 1.4vw, 15px);
    line-height: 2;
    margin: 1.5rem 0 0;
    max-width: 480px;
    text-align: justify; }
  .fields-content .slide-content .view-more-btn {
    background: none;
    margin-top: 32px; }
.fields-content .swiper-slide[class*=-active] .slide-content {
  opacity: 1; }
.fields-content .thumb {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  font-weight: bold;
  position: relative;
  display: grid;
  overflow: hidden;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  height: 100%;
  padding: 0px 0 0px 2rem;
  color: #141B25;
  cursor: pointer;
  transition: .5s;
  color: #fff;
  right: 0;
  /*&.thumb03:hover,
  &.thumb05:hover*/ }
  @media (hover: hover) and (pointer: fine) {
    .fields-content .thumb.thumb:hover {
      color: #141B25; } }
  .fields-content .thumb:hover .thumb-media img {
    transition: .5s; }
    @media (hover: hover) and (pointer: fine) {
      .fields-content .thumb:hover .thumb-media img {
        filter: blur(3px);
        opavity: 0.6;
        mix-blend-mode: hard-light;
        transform: scale(1.1); } }
  @media (hover: hover) and (pointer: fine) {
    .fields-content .thumb:hover .thumb-media {
      /*background-color: #fff;*/ } }
  .fields-content .thumb.off-btn {
    right: -35%; }
.fields-content .thumb::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  content: "";
  transition: 1s;
  -webkit-transform: scaleY(0);
  transform: scaleY(0); }
.fields-content .thumb-media {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: .5s; }
.fields-content .thumb-media img {
  -webkit-transition: 2s var(--easing);
  transition: 2s var(--easing); }
.fields-content .thumb-title {
  font-weight: 900;
  font-size: clamp(20px, 2.4vw, 30px);
  position: relative;
  z-index: 1; }
.fields-content .thumb-en {
  font-weight: 600;
  font-size: clamp(12px, 1.3vw, 14px);
  margin-left: .25rem;
  margin-top: .25rem; }
.fields-content .swiper-slide-thumb-active .thumb {
  color: var(--color-theme); }
.fields-content .swiper-slide-thumb-active .thumb::before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1); }
.fields-content .swiper-slide-thumb-active .thumb-media img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.3;
  -webkit-filter: blur(3px);
  filter: blur(3px);
  mix-blend-mode: hard-light; }

/*fields-content*/
@media only screen and (max-width: 1024px) {
  .fields-content .swiper-main {
    height: max(70vh, 70vw); }
  .fields-content .slide-title {
    font-size: 3.2rem; }
  .fields-content .slide-text {
    margin: 2.4rem 0 3.2rem; }
  .fields-content .thumb {
    padding: 0 2.4rem; }
  .fields-content .thumb-title {
    font-size: 1.4rem; }

  /*fields-content*/ }
@media only screen and (max-width: 599px) {
  .fields-content .swiper-main {
    margin-right: 4rem; }
  .fields-content .swiper-thumb {
    top: auto;
    bottom: -6rem;
    width: 20rem;
    height: 24rem;
    border-radius: 1rem 0 0 1rem; }
  .fields-content .slide {
    padding-top: 20%; } }
@media only screen and (min-width: 1025px) {
  .swiper-button-prev::before, .swiper-button-next::before {
    -webkit-transition: var(--transition);
    transition: var(--transition); }

  .fields-content .slide img {
    -webkit-transition: 2s var(--easing);
    transition: 2s var(--easing); } }
@media only screen and (min-width: 600px) {
  .fields-content .slide {
    place-content: center; }
  .fields-content .thumb {
    border-radius: 10px 0 0 10px; } }
.fields-list-sp .slide-media-wrapper + .slide-media-wrapper {
  margin-top: 72px; }
.fields-list-sp .slide-media {
  position: relative; }
.fields-list-sp .first-slide .slide-title {
  color: #fff;
  font-size: 20px;
  line-height: 2;
  text-align: left;
  position: absolute;
  bottom: 2rem;
  left: 2rem; }
.fields-list-sp .slide-title {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 4px;
  margin-top: 1rem;
  text-align: center; }
  .fields-list-sp .slide-title span {
    border-bottom: 1px solid #fff;
    padding-bottom: 4px; }
.fields-list-sp .slide-en {
  font-weight: 600;
  font-size: 16px;
  text-align: center; }
.fields-list-sp .slide-text {
  font-size: 14px;
  line-height: 2;
  margin: 1.5rem auto 0;
  width: 85%;
  text-align: justify; }
.fields-list-sp .view-more-btn {
  margin: 32px auto; }

/*fields-list-sp*/
/********************************************************************************
infinit-slide
********************************************************************************/
.infinit-slide .slide-inner {
  display: flex;
  overflow: hidden; }
.infinit-slide ul {
  animation: band 80s linear infinite 0.5s both;
  display: flex;
  list-style: none;
  padding: 0; }
.infinit-slide img {
  pointer-events: none;
  max-width: inherit;
  height: 230px; }
  @media (max-width: 768px) {
    .infinit-slide img {
      height: 120px;
      width: auto; } }

/*infinit-slide*/
@keyframes band {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-100%); } }
.infinit-slide-vertical .slide-inner {
  overflow: hidden; }
.infinit-slide-vertical ul {
  animation: band-vertical 80s linear infinite 0.5s both;
  list-style: none;
  padding: 0; }
.infinit-slide-vertical img {
  pointer-events: none;
  max-width: inherit;
  /*height: 230px;*/ }
  @media (max-width: 768px) {
    .infinit-slide-vertical img {
      width: auto; } }

/*infinit-slide*/
@keyframes band-vertical {
  0% {
    transform: translateY(0%); }
  100% {
    transform: translateY(-100%); } }
/********************************************************************************
home
********************************************************************************/
#home {
  /*vision-wrapper*/
  /*business-content-wrapper*/
  /*related-field-wrapper*/
  /*for-customers-wrapper*/
  /*news-wrapper*/ }
  #home .vision-wrapper {
    background: #fff url("../images/top/vision-back.jpg") no-repeat center 185px;
    background-size: cover;
    padding: 146px 0 460px;
    margin-top: 100vh;
    /*inner*/ }
    @media (max-width: 1126px) {
      #home .vision-wrapper {
        margin-top: 100svh; } }
    @media (max-width: 768px) {
      #home .vision-wrapper {
        background-image: url("../images/top/vision-back-sp.jpg");
        background-size: 100% auto;
        background-position: bottom center;
        position: relative;
        padding: 0px 0 50vw;
        margin-top: calc(100vh + 62px);
        /*margin-top: 62px;*/ } }
    @media (max-width: 768px) {
      #home .vision-wrapper::before {
        content: "";
        display: block;
        background: white;
        background: linear-gradient(0deg, white 25%, #dce4e8 100%);
        height: 62px;
        width: 100%;
        position: absolute;
        top: -61px;
        left: 0; } }
    #home .vision-wrapper .inner {
      padding: 80px 0;
      position: relative;
      margin: auto;
      max-width: 1350px;
      width: 77%; }
      @media (max-width: 768px) {
        #home .vision-wrapper .inner {
          padding: 0 0 42px;
          /*width: 95%;*/ } }
      #home .vision-wrapper .inner::before, #home .vision-wrapper .inner::after {
        content: "";
        background: url("../images/top/vision-left.svg") no-repeat 0 center;
        background-size: contain;
        height: 100%;
        width: 19vw;
        position: absolute;
        top: 0; }
        @media (max-width: 768px) {
          #home .vision-wrapper .inner::before, #home .vision-wrapper .inner::after {
            top: 0%;
            height: 23%;
            width: 14.5vw; } }
      #home .vision-wrapper .inner::before {
        left: 50%;
        margin-left: -20vw; }
        @media (max-width: 768px) {
          #home .vision-wrapper .inner::before {
            margin-left: -11.5vw; } }
      #home .vision-wrapper .inner::after {
        background-image: url("../images/top/vision-right.svg");
        background-position: 100%;
        right: 50%;
        margin-right: -20vw; }
        @media (max-width: 768px) {
          #home .vision-wrapper .inner::after {
            margin-right: -11.5vw; } }
      #home .vision-wrapper .inner.inview-active::before {
        animation: left-move 0.5s both cubic-bezier(1, 0.06, 0.95, 0.54);
        animation-delay: 1s; }
      #home .vision-wrapper .inner.inview-active::after {
        animation: right-move 0.5s both cubic-bezier(1, 0.06, 0.95, 0.54);
        animation-delay: 1s; }
@keyframes left-move {
  0% {
    left: 50%; }
  100% {
    left: calc(0% + 15vw); } }
@keyframes right-move {
  0% {
    right: 50%; }
  100% {
    right: calc(0% + 15vw); } }
      @media (max-width: 768px) {
        @keyframes left-move {
          0% {
            left: 45%; }
          100% {
            left: 25vw; } }
        @keyframes right-move {
          0% {
            right: 45%; }
          100% {
            right: 25vw; } } }
    #home .vision-wrapper .en {
      font-family: "Josefin Sans", sans-serif;
      font-weight: 700;
      font-size: clamp(30px, 12vw, 116px);
      padding: 3rem 0 1rem;
      text-align: center; }
    #home .vision-wrapper .head {
      font-weight: 600;
      font-size: clamp(18px, 2.4vw, 31px);
      line-height: 160%;
      margin-top: 3.5rem;
      text-align: center; }
      @media (max-width: 768px) {
        #home .vision-wrapper .head {
          margin-top: 2.5rem; } }
      #home .vision-wrapper .head + p {
        font-weight: 400;
        font-size: clamp(14px, 1.6vw, 18px);
        letter-spacing: 2px;
        line-height: 2.3rem;
        margin-top: 2rem;
        text-align: center; }
        @media (max-width: 768px) {
          #home .vision-wrapper .head + p {
            line-height: 1.8rem;
            margin: 1rem auto 0;
            text-align: left;
            width: 90%; } }
    #home .vision-wrapper .view-more-btn {
      margin: 2rem auto 0; }
    #home .vision-wrapper .triangle-left,
    #home .vision-wrapper .triangle-right {
      background: white;
      background: linear-gradient(0deg, white 60%, #dce4e8 100%);
      height: 12vw;
      width: 50vw;
      clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 9; }
    #home .vision-wrapper .triangle-right {
      clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
      left: auto;
      right: 0; }
  #home .business-content-wrapper {
    background: #0b57a6;
    background: linear-gradient(90deg, #0b57a6 0%, #0092d3 100%);
    border-top-left-radius: 76px;
    border-top-right-radius: 76px;
    margin-top: -72px; }
    @media (max-width: 1126px) {
      #home .business-content-wrapper {
        border-top-left-radius: 34px;
        border-top-right-radius: 34px;
        position: relative; } }
    #home .business-content-wrapper .head-wrapper {
      padding: 72px 0 92px; }
      @media (max-width: 768px) {
        #home .business-content-wrapper .head-wrapper {
          padding: 24px 0 32px; } }
      #home .business-content-wrapper .head-wrapper .head {
        color: #fff;
        font-weight: 600;
        font-size: clamp(20px, 3.6vw, 46px);
        letter-spacing: 16px;
        text-align: center; }
        #home .business-content-wrapper .head-wrapper .head span {
          border-bottom: 1px solid #fff;
          padding: 0 .5rem 1rem; }
          @media (max-width: 768px) {
            #home .business-content-wrapper .head-wrapper .head span {
              padding: 0 .5rem .5rem; } }
          #home .business-content-wrapper .head-wrapper .head span small {
            font-size: clamp(20px, 3.6vw, 46px);
            letter-spacing: 0; }
  #home .related-field-wrapper {
    background: #D8E1E6;
    border-top-left-radius: 76px;
    border-top-right-radius: 76px;
    padding: 142px 0 184px;
    position: relative;
    z-index: 0;
    /*head-wrapper*/ }
    @media (max-width: 1126px) {
      #home .related-field-wrapper {
        border-top-left-radius: 34px;
        border-top-right-radius: 34px; } }
    @media (max-width: 768px) {
      #home .related-field-wrapper {
        padding: 58px 0 120px; } }
    #home .related-field-wrapper .sub-head-wrapper {
      padding: 0 0 36px;
      margin-left: min(10rem, 25vw); }
      @media (max-width: 1126px) {
        #home .related-field-wrapper .sub-head-wrapper {
          margin-left: min(3rem, 25vw); } }
      @media (max-width: 768px) {
        #home .related-field-wrapper .sub-head-wrapper {
          margin-left: 0;
          text-align: center; } }
      #home .related-field-wrapper .sub-head-wrapper .en {
        font-size: clamp(43px, 8vw, 126px);
        font-family: "Josefin Sans", sans-serif;
        font-weight: 700;
        letter-spacing: -0.5px; }
      #home .related-field-wrapper .sub-head-wrapper .head {
        margin-top: 2.5rem; }
        @media (max-width: 768px) {
          #home .related-field-wrapper .sub-head-wrapper .head {
            font-size: 13px;
            margin-top: 0.5rem; } }
        #home .related-field-wrapper .sub-head-wrapper .head strong {
          color: #0092d3;
          font-size: clamp(17px, 1.8vw, 21px);
          font-weight: 700; }
        @media (max-width: 768px) {
          #home .related-field-wrapper .sub-head-wrapper .head span {
            display: none; } }
  #home .for-customers-wrapper {
    background: #141B25;
    box-shadow: 0px -10px 27px -2px rgba(0, 0, 0, 0.5);
    border-top-left-radius: 76px;
    border-top-right-radius: 76px;
    margin-top: -76px;
    padding: 142px 0 184px;
    padding-right: min(10rem, 25vw);
    position: relative;
    z-index: 1;
    /*head-wrapper*/
    /*customers-list*/
    /*customers-list-sp*/ }
    @media (max-width: 1126px) {
      #home .for-customers-wrapper {
        border-top-left-radius: 34px;
        border-top-right-radius: 34px;
        padding: 58px 0 58px; } }
    #home .for-customers-wrapper .sub-head-wrapper {
      padding: 0 0 36px; }
      @media (max-width: 1126px) {
        #home .for-customers-wrapper .sub-head-wrapper {
          padding-right: min(3rem, 25vw); } }
      @media (max-width: 768px) {
        #home .for-customers-wrapper .sub-head-wrapper {
          padding-right: 0;
          text-align: center; } }
      #home .for-customers-wrapper .sub-head-wrapper .en {
        color: #fff;
        font-size: clamp(43px, 8vw, 126px);
        font-family: "Josefin Sans", sans-serif;
        font-weight: 700;
        letter-spacing: -0.5px;
        text-align: right; }
        @media (max-width: 768px) {
          #home .for-customers-wrapper .sub-head-wrapper .en {
            text-align: center; } }
      #home .for-customers-wrapper .sub-head-wrapper .head {
        color: #fff;
        margin-top: 2.5rem;
        text-align: right; }
        @media (max-width: 768px) {
          #home .for-customers-wrapper .sub-head-wrapper .head {
            font-size: 13px;
            margin-top: 0.5rem;
            text-align: center; } }
        #home .for-customers-wrapper .sub-head-wrapper .head strong {
          color: #0092d3;
          font-size: clamp(17px, 1.8vw, 21px);
          font-weight: 700; }
        @media (max-width: 768px) {
          #home .for-customers-wrapper .sub-head-wrapper .head span {
            display: none; } }
    #home .for-customers-wrapper .customers-list {
      position: relative;
      max-height: 800px;
      min-height: 420px;
      height: 54vw;
      background: #141B25;
      overflow: hidden;
      /*panel*/
      /*p1*/ }
      #home .for-customers-wrapper .customers-list:hover .bg {
        opacity: 1; }
      #home .for-customers-wrapper .customers-list:hover .panel::before {
        opacity: 0; }
      #home .for-customers-wrapper .customers-list .bg {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 600ms; }
        #home .for-customers-wrapper .customers-list .bg div {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%;
          /*background: none no-repeat center center;
          background-size: cover;*/
          opacity: 0;
          transition: opacity 600ms, transform 20s cubic-bezier(0, 1, 0.15, 1);
          transform: scale(1.15); }
          #home .for-customers-wrapper .customers-list .bg div.view {
            opacity: 1;
            transform: scale(1);
            animation: bg-pan 1s both; }
            #home .for-customers-wrapper .customers-list .bg div.view img {
              object-fit: cover;
              height: 100%;
              width: 100%; }
@keyframes bg-pan {
  0% {
    transform: scale(1.15);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }
      #home .for-customers-wrapper .customers-list .panel {
        position: absolute;
        width: calc((100% - 3px) / 4);
        /*panel-title*/ }
        #home .for-customers-wrapper .customers-list .panel::before {
          content: "";
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          background: none no-repeat center center;
          background-size: cover;
          z-index: 0;
          transition: opacity 600ms; }
        #home .for-customers-wrapper .customers-list .panel::after {
          content: "";
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          /*background: rgba(0, 0, 0, 0.5);*/
          z-index: 1;
          transition: opacity 600ms; }
        #home .for-customers-wrapper .customers-list .panel:hover {
          cursor: pointer; }
        #home .for-customers-wrapper .customers-list .panel .mask1, #home .for-customers-wrapper .customers-list .panel .mask2 {
          width: 100%;
          height: 50%;
          /* 高さは半部のサイズ */
          position: absolute;
          left: 0;
          background: linear-gradient(90deg, #0b57a6 0%, #0092d3 100%);
          -webkit-transition: all 0.4s ease;
          transition: all 0.4s ease;
          mix-blend-mode: multiply; }
        #home .for-customers-wrapper .customers-list .panel .mask1 {
          top: -50%;
          /* 枠の上に置いて表示させない */ }
        #home .for-customers-wrapper .customers-list .panel:hover .mask1 {
          top: 0;
          /* 下にずらして表示する */ }
        #home .for-customers-wrapper .customers-list .panel .mask2 {
          bottom: -50%;
          /* 枠の上に置いて表示させない */ }
        #home .for-customers-wrapper .customers-list .panel:hover .mask2 {
          bottom: 0;
          /* 下にずらして表示する */ }
        #home .for-customers-wrapper .customers-list .panel .panel-title,
        #home .for-customers-wrapper .customers-list .panel .caption {
          color: #fff;
          position: relative;
          padding: 62px 0 0;
          z-index: 9;
          transition: .5s;
          text-align: center; }
          #home .for-customers-wrapper .customers-list .panel .panel-title .en,
          #home .for-customers-wrapper .customers-list .panel .caption .en {
            font-family: "Josefin Sans", sans-serif;
            font-size: clamp(24px, 2.8vw, 45px);
            font-weight: 700;
            letter-spacing: -0.5px; }
          #home .for-customers-wrapper .customers-list .panel .panel-title .sub-head,
          #home .for-customers-wrapper .customers-list .panel .caption .sub-head {
            font-size: clamp(15px, 1.7vw, 20px);
            font-weight: 800;
            margin-top: 1rem;
            letter-spacing: 4px; }
          #home .for-customers-wrapper .customers-list .panel .panel-title .desc,
          #home .for-customers-wrapper .customers-list .panel .caption .desc {
            font-weight: 400;
            line-height: 180%;
            margin-top: 66px;
            text-align: left; }
        #home .for-customers-wrapper .customers-list .panel .caption {
          width: 75%;
          visibility: hidden;
          /* 文字を表示しない */
          position: absolute;
          top: 50%;
          left: 50%;
          padding: 0;
          transform: translate(-50%, -50%);
          text-align: center;
          /*-webkit-transition:	all 0.5s;
          transition: all 0.8s;*/ }
        #home .for-customers-wrapper .customers-list .panel .caption p {
          color: #fff;
          transition: .5s;
          opacity: 0;
          /* ホバーが解除された時すぐ消えるように、文字を表示しない */ }
        #home .for-customers-wrapper .customers-list .panel .caption .view-more-btn {
          opacity: 0;
          background: none;
          border-color: #fff;
          margin-top: 56px; }
          #home .for-customers-wrapper .customers-list .panel .caption .view-more-btn a {
            background: transpent;
            color: #fff; }
            #home .for-customers-wrapper .customers-list .panel .caption .view-more-btn a:hover {
              color: #141B25; }
        #home .for-customers-wrapper .customers-list .panel:hover .panel-title {
          opacity: 0; }
        #home .for-customers-wrapper .customers-list .panel:hover .caption {
          visibility: visible;
          /* 文字を表示する */ }
        #home .for-customers-wrapper .customers-list .panel:hover .caption p, #home .for-customers-wrapper .customers-list .panel:hover .caption .view-more-btn {
          opacity: 1;
          /* 文字を表示する */ }
        #home .for-customers-wrapper .customers-list .panel.out .panel-title {
          color: #999;
          mix-blend-mode: multiply; }
      #home .for-customers-wrapper .customers-list .p1 {
        top: 0px;
        left: 0px;
        height: 100%;
        border-right: 1px solid #141B25; }
        #home .for-customers-wrapper .customers-list .p1::before {
          background-image: url(../images/top/panel1.jpg); }
        #home .for-customers-wrapper .customers-list .p1:hover #home .for-customers-wrapper .customers-list .p1.p2 .panel-title .en {
          color: #999; }
      #home .for-customers-wrapper .customers-list .p2 {
        top: 0px;
        left: calc((100% - 3px) / 4 + 1px);
        height: 100%;
        border-right: 1px solid #141B25; }
        #home .for-customers-wrapper .customers-list .p2::before {
          background-image: url(../images/top/panel2.jpg); }
      #home .for-customers-wrapper .customers-list .p3 {
        top: 0px;
        right: calc((100% - 3px) / 4);
        height: 100%;
        border-right: 1px solid #141B25; }
        #home .for-customers-wrapper .customers-list .p3::before {
          background-image: url(../images/top/panel3.jpg); }
      #home .for-customers-wrapper .customers-list .p4 {
        top: 0px;
        right: 0px;
        height: 100%; }
        #home .for-customers-wrapper .customers-list .p4::before {
          background-image: url(../images/top/panel4.jpg); }
    #home .for-customers-wrapper .customers-list-sp .accordion__list {
      color: #fff; }
      #home .for-customers-wrapper .customers-list-sp .accordion__list .en {
        font-family: "Josefin Sans", sans-serif;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: -0.5px; }
      #home .for-customers-wrapper .customers-list-sp .accordion__list .sub-head {
        font-size: 15px;
        font-weight: 800;
        margin-top: .25rem;
        letter-spacing: 4px; }
      #home .for-customers-wrapper .customers-list-sp .accordion__list .desc {
        font-weight: 400;
        line-height: 180%;
        margin-top: 0px;
        text-align: left; }
    #home .for-customers-wrapper .customers-list-sp .accordion__head {
      padding: 3rem 0 3rem 1.5rem;
      position: relative;
      cursor: pointer; }
    #home .for-customers-wrapper .customers-list-sp .accordion__head::after {
      content: "";
      background: url("../images/common/acccordion-arrow.svg") no-repeat 0 0;
      background-size: cover;
      height: 12px;
      width: 21px;
      position: absolute;
      top: 50%;
      right: 10%;
      transform: translate(0, -50%);
      transition: .2s; }
    #home .for-customers-wrapper .customers-list-sp .accordion__item {
      background: url("../images/top/panel1-back.jpg") no-repeat center center;
      background-size: cover;
      transition: .5s;
      position: relative; }
      #home .for-customers-wrapper .customers-list-sp .accordion__item::before {
        content: "";
        background: #9eb4c0;
        mix-blend-mode: multiply;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0; }
      #home .for-customers-wrapper .customers-list-sp .accordion__item:nth-child(2) {
        background-image: url("../images/top/panel2-back.jpg"); }
      #home .for-customers-wrapper .customers-list-sp .accordion__item:nth-child(3) {
        background-image: url("../images/top/panel3-back.jpg"); }
      #home .for-customers-wrapper .customers-list-sp .accordion__item:nth-child(4) {
        background-image: url("../images/top/panel4-back.jpg"); }
    #home .for-customers-wrapper .customers-list-sp .accordion__item.active .accordion__head::after {
      transform: rotate(180deg); }
    #home .for-customers-wrapper .customers-list-sp .accordion__body {
      overflow: hidden;
      height: 0;
      margin: auto;
      width: 85%;
      transition: all .25s ease;
      position: relative;
      z-index: 1; }
      #home .for-customers-wrapper .customers-list-sp .accordion__body .view-more-btn {
        margin: 42px auto 0; }
    #home .for-customers-wrapper .customers-list-sp .accordion__item.active .accordion__body {
      height: auto;
      padding: 0 0 2rem; }
  #home .news-wrapper {
    background: #fff;
    padding: 182px 0;
    /*inner*/ }
    @media (max-width: 768px) {
      #home .news-wrapper {
        padding: 46px 0 42px; } }
    #home .news-wrapper .inner {
      display: flex;
      justify-content: space-between;
      margin: auto;
      max-width: 1090px;
      width: 90%;
      /*head-wrapper*/
      /*news-list*/ }
      @media (max-width: 768px) {
        #home .news-wrapper .inner {
          display: inherit; } }
      @media (max-width: 768px) {
        #home .news-wrapper .inner .head-wrapper {
          text-align: center; } }
      #home .news-wrapper .inner .head-wrapper .en {
        font-family: "Josefin Sans", sans-serif;
        font-weight: 700;
        font-size: clamp(52px, 6.8vw, 86px); }
      #home .news-wrapper .inner .head-wrapper .head {
        font-weight: 400;
        font-size: clamp(17px, 1.6vw, 18px);
        letter-spacing: 2px;
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #home .news-wrapper .inner .head-wrapper .head {
            margin-top: 1rem; } }
      #home .news-wrapper .inner .head-wrapper .view-more-btn {
        margin-top: 1.5rem; }
      #home .news-wrapper .inner .news-list {
        border-top: 1px solid #141B25;
        width: 70%;
        /*li*/ }
        @media (max-width: 768px) {
          #home .news-wrapper .inner .news-list {
            margin-top: 28px;
            width: 100%; } }
        #home .news-wrapper .inner .news-list li {
          border-bottom: 1px solid #141B25;
          letter-spacing: 2px;
          padding: 2rem 8.5rem 2rem 5rem;
          position: relative;
          text-align: justify;
          transition: .5s; }
          @media (max-width: 768px) {
            #home .news-wrapper .inner .news-list li {
              padding: 1.5rem 2.5rem 1.5rem .25rem; } }
          #home .news-wrapper .inner .news-list li::before {
            content: "";
            background: url("../images/common/icon-arrow-blue.svg") no-repeat 0 center;
            background-size: cover;
            height: 24px;
            width: 24px;
            position: absolute;
            top: 50%;
            right: 13%;
            transform: translate(0, -50%); }
            @media (max-width: 768px) {
              #home .news-wrapper .inner .news-list li::before {
                right: 0; } }
          @media (hover: hover) and (pointer: fine) {
            #home .news-wrapper .inner .news-list li:not(.link-none):hover {
              background: #eeeeee;
              cursor: pointer; } }
          #home .news-wrapper .inner .news-list li .date {
            color: #0B57A6;
            font-size: 12px;
            letter-spacing: 5px; }
          #home .news-wrapper .inner .news-list li.link-none::before {
            content: none; }
      @media (max-width: 768px) {
        #home .news-wrapper .inner .view-more-btn {
          margin: 42px auto 0; } }

/*#home*/
/********************************************************************************
business-content
********************************************************************************/
#business-content {
  /*main-message-wrapper*/
  /*fields-head-wrapper*/
  /*fields-content-wrapper*/
  /*customers-wrapper*/
  /*support-list-wrapper*/
  /*motto-wrapper*/ }
  #business-content .main-message-wrapper {
    background: #0b57a6;
    background: linear-gradient(90deg, #0b57a6 0%, #0092d3 100%);
    height: calc(100svh - 119px);
    position: relative;
    /*inner*/ }
    @media (max-width: 768px) {
      #business-content .main-message-wrapper {
        height: calc(100svh - 50px);
        margin-top: 54px; } }
    #business-content .main-message-wrapper .inner {
      position: relative;
      top: 42%;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media (max-width: 768px) {
        #business-content .main-message-wrapper .inner {
          top: 47%; } }
      #business-content .main-message-wrapper .inner .head {
        margin: auto; }
        #business-content .main-message-wrapper .inner .head img {
          height: 88px; }
          @media (max-width: 768px) {
            #business-content .main-message-wrapper .inner .head img {
              height: 112px; } }
      #business-content .main-message-wrapper .inner .sub-head {
        color: #fff;
        font-size: clamp(20px, 2.6vw, 36px);
        line-height: 1.6;
        margin-top: 72px;
        text-align: center; }
        @media (max-width: 768px) {
          #business-content .main-message-wrapper .inner .sub-head {
            margin-top: 32px; } }
      #business-content .main-message-wrapper .inner .text {
        color: #fff;
        line-height: 2;
        margin-top: 58px;
        text-align: center; }
        @media (max-width: 768px) {
          #business-content .main-message-wrapper .inner .text {
            padding: 0 1.5rem;
            margin-top: 26px;
            text-align: left; } }
    #business-content .main-message-wrapper .triangle-left,
    #business-content .main-message-wrapper .triangle-right {
      background: white;
      background: linear-gradient(0deg, white 60%, #dce4e8 100%);
      height: 12vw;
      width: 50vw;
      clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 9; }
    #business-content .main-message-wrapper .triangle-right {
      clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
      left: auto;
      right: 0; }
    @media (max-width: 768px) {
      #business-content .main-message-wrapper .scroll-arrow {
        top: calc(100svh - 130px); } }
  #business-content .fields-head-wrapper {
    padding: 146px 0 162px;
    /*text-wrapper*/
    /*page-link*/ }
    @media (max-width: 768px) {
      #business-content .fields-head-wrapper {
        padding: 72px 0 42px;
        margin-top: -14px; } }
    #business-content .fields-head-wrapper .text-wrapper {
      margin: auto;
      max-width: 930px;
      width: 85%; }
      #business-content .fields-head-wrapper .text-wrapper .en {
        color: #0B57A6;
        font-size: clamp(24px, 3.8vw, 48px);
        font-family: "Josefin Sans", sans-serif;
        font-weight: 700;
        letter-spacing: -0.5px;
        text-align: center; }
      #business-content .fields-head-wrapper .text-wrapper .head {
        font-size: clamp(14px, 1.6vw, 17px);
        font-weight: 700;
        margin-top: .5rem;
        text-align: center; }
      #business-content .fields-head-wrapper .text-wrapper .sub-head {
        font-size: clamp(18px, 3.2vw, 42px);
        font-weight: 600;
        margin-top: 48px;
        text-align: center; }
        #business-content .fields-head-wrapper .text-wrapper .sub-head img {
          height: 61px;
          margin-top: 38px; }
          @media (max-width: 768px) {
            #business-content .fields-head-wrapper .text-wrapper .sub-head img {
              margin-top: 0; } }
      #business-content .fields-head-wrapper .text-wrapper .text {
        font-size: clamp(13px, 1.4vw, 15px);
        margin-top: 2rem;
        text-align: center; }
        @media (max-width: 768px) {
          #business-content .fields-head-wrapper .text-wrapper .text {
            text-align: left; } }
    #business-content .fields-head-wrapper .page-link {
      display: flex;
      gap: 1%;
      margin: 88px auto 0;
      max-width: 1300px;
      width: 90%;
      /*li*/ }
      @media (max-width: 768px) {
        #business-content .fields-head-wrapper .page-link {
          flex-wrap: wrap;
          gap: 3%;
          justify-content: center;
          margin: 32px auto 0; } }
      #business-content .fields-head-wrapper .page-link li {
        text-align: center;
        width: 100%;
        /*a*/ }
        @media (max-width: 768px) {
          #business-content .fields-head-wrapper .page-link li {
            width: 30%; } }
        @media (max-width: 768px) {
          #business-content .fields-head-wrapper .page-link li:nth-child(4), #business-content .fields-head-wrapper .page-link li:nth-child(5) {
            margin-top: 7%; } }
        @media (max-width: 768px) {
          #business-content .fields-head-wrapper .page-link li:nth-child(5) {
            width: 45%; } }
        #business-content .fields-head-wrapper .page-link li a {
          background-image: linear-gradient(-74deg, #0a5ba9 50%, #046faf 50%);
          background-image: -webkit-linear-gradient(-74deg, #0a5ba9 50%, #046faf 50%);
          background-image: -moz-linear-gradient(-74deg, #0a5ba9 50%, #046faf 50%);
          background-image: -ms-linear-gradient(-74deg, #0a5ba9 50%, #046faf 50%);
          transition: .3s;
          color: #fff;
          display: block;
          font-size: clamp(15px, 1.8vw, 22px);
          font-weight: 600;
          padding: 1.5rem 0 2rem;
          position: relative; }
          @media (max-width: 768px) {
            #business-content .fields-head-wrapper .page-link li a {
              padding: 1rem 0 1.5rem; } }
          #business-content .fields-head-wrapper .page-link li a small {
            display: block;
            font-size: clamp(10px, 1.2vw, 13px);
            font-family: "Josefin Sans", sans-serif;
            margin-top: .5rem; }
            @media (max-width: 768px) {
              #business-content .fields-head-wrapper .page-link li a small {
                line-height: 120%;
                margin-top: .5rem; } }
          #business-content .fields-head-wrapper .page-link li a::before {
            content: "";
            display: block;
            background: url("../images/business-content/page-link-arrow.svg") no-repeat 0 0;
            background-size: cover;
            height: 50px;
            width: 50px;
            position: absolute;
            bottom: -25px;
            left: 50%;
            transform: translate(-50%, 0);
            transition: .2s; }
            @media (max-width: 768px) {
              #business-content .fields-head-wrapper .page-link li a::before {
                bottom: -13px;
                height: 35px;
                width: 35px; } }
          @media (hover: hover) and (pointer: fine) {
            #business-content .fields-head-wrapper .page-link li a:hover::before {
              bottom: -32px; } }
  #business-content .fields-content-wrapper {
    /*main*/
    /*content*/ }
    @media (max-width: 768px) {
      #business-content .fields-content-wrapper {
        margin-top: -40px;
        padding-top: 72px; } }
    #business-content .fields-content-wrapper + .fields-content-wrapper {
      margin-top: 142px; }
      @media (max-width: 768px) {
        #business-content .fields-content-wrapper + .fields-content-wrapper {
          margin-top: -32px;
          padding-top: 86px; } }
    #business-content .fields-content-wrapper .main {
      position: relative;
      /*head*/ }
      #business-content .fields-content-wrapper .main img {
        width: 100%; }
        @media (max-width: 768px) {
          #business-content .fields-content-wrapper .main img {
            height: 260px;
            object-fit: cover; } }
      #business-content .fields-content-wrapper .main .head {
        text-shadow: 0px 0px 10px #666;
        color: #fff;
        font-size: clamp(28px, 3.4vw, 54px);
        font-weight: 600;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        letter-spacing: 13px; }
        @media (max-width: 768px) {
          #business-content .fields-content-wrapper .main .head {
            white-space: nowrap; } }
        #business-content .fields-content-wrapper .main .head small {
          color: #fff;
          display: block;
          font-size: clamp(15px, 1.8vw, 24px);
          font-family: "Josefin Sans", sans-serif;
          letter-spacing: 0px;
          margin-top: 2.5rem;
          text-align: center; }
          @media (max-width: 768px) {
            #business-content .fields-content-wrapper .main .head small {
              margin-top: 1rem; } }
    #business-content .fields-content-wrapper .content {
      display: flex;
      align-items: flex-start;
      height: auto;
      /*text-wrapper*/
      /*images-wrapper*/
      /*left-text*/
      /*right-text*/ }
      #business-content .fields-content-wrapper .content .text-wrapper {
        margin-top: 72px;
        max-width: 670px;
        width: 55%; }
        @media screen and (max-width: 1460px) {
          #business-content .fields-content-wrapper .content .text-wrapper {
            width: 38vw; } }
        @media (max-width: 768px) {
          #business-content .fields-content-wrapper .content .text-wrapper {
            margin: -24px auto 0;
            position: relative;
            width: 90%; } }
        #business-content .fields-content-wrapper .content .text-wrapper ul li {
          background: #eef2f4;
          border-left: 14px solid #0B57A6;
          padding: 4.5rem 3rem 4rem; }
          @media screen and (max-width: 1460px) {
            #business-content .fields-content-wrapper .content .text-wrapper ul li {
              padding: 4.5vw 3vw 4vw; } }
          @media (max-width: 768px) {
            #business-content .fields-content-wrapper .content .text-wrapper ul li {
              border-left-width: 7px; } }
          #business-content .fields-content-wrapper .content .text-wrapper ul li + li {
            margin-top: 38px; }
            @media (max-width: 768px) {
              #business-content .fields-content-wrapper .content .text-wrapper ul li + li {
                margin-top: 16px; } }
          #business-content .fields-content-wrapper .content .text-wrapper ul li .num {
            color: #0B57A6;
            font-family: "Josefin Sans", sans-serif;
            font-size: clamp(32px, 6.8vw, 88px); }
            #business-content .fields-content-wrapper .content .text-wrapper ul li .num span {
              font-size: clamp(24px, 2.8vw, 35px); }
          #business-content .fields-content-wrapper .content .text-wrapper ul li .sub-head {
            color: #0B57A6;
            font-size: clamp(15px, 1.8vw, 25px);
            font-weight: 900;
            margin-top: 2rem; }
            @media (max-width: 768px) {
              #business-content .fields-content-wrapper .content .text-wrapper ul li .sub-head {
                margin-top: 1rem; } }
          #business-content .fields-content-wrapper .content .text-wrapper ul li .text {
            font-size: clamp(13px, 1.4vw, 15px);
            margin-top: 2rem; }
            @media (max-width: 768px) {
              #business-content .fields-content-wrapper .content .text-wrapper ul li .text {
                margin-top: 1rem; } }
      #business-content .fields-content-wrapper .content .images-wrapper {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        width: 45%; }
        @media screen and (max-width: 1460px) {
          #business-content .fields-content-wrapper .content .images-wrapper {
            width: 48vw; } }
        @media (max-width: 768px) {
          #business-content .fields-content-wrapper .content .images-wrapper {
            display: none; } }
        #business-content .fields-content-wrapper .content .images-wrapper .item1, #business-content .fields-content-wrapper .content .images-wrapper .item2, #business-content .fields-content-wrapper .content .images-wrapper .item3 {
          filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.1)); }
        @media screen and (max-width: 1460px) {
          #business-content .fields-content-wrapper .content .images-wrapper .item1 {
            width: 80vw; } }
        @media screen and (max-width: 1460px) {
          #business-content .fields-content-wrapper .content .images-wrapper .item2 {
            width: 44vw; } }
        @media screen and (max-width: 1460px) {
          #business-content .fields-content-wrapper .content .images-wrapper .item3 {
            width: 30vw; } }
      #business-content .fields-content-wrapper .content.left-text .text-wrapper {
        margin-left: calc(9vw); }
        @media (max-width: 768px) {
          #business-content .fields-content-wrapper .content.left-text .text-wrapper {
            margin-left: auto; } }
      #business-content .fields-content-wrapper .content.left-text .images-wrapper {
        margin-left: auto; }
        #business-content .fields-content-wrapper .content.left-text .images-wrapper .item1 {
          margin-right: auto;
          position: relative;
          z-index: 1; }
        #business-content .fields-content-wrapper .content.left-text .images-wrapper .item2 {
          margin-top: -5%;
          margin-left: auto;
          z-index: 2; }
        #business-content .fields-content-wrapper .content.left-text .images-wrapper .item3 {
          margin: auto;
          padding-right: 6vw;
          z-index: 3; }
      #business-content .fields-content-wrapper .content.right-text {
        flex-direction: row-reverse; }
        #business-content .fields-content-wrapper .content.right-text .text-wrapper {
          margin-right: calc(9vw); }
          @media (max-width: 768px) {
            #business-content .fields-content-wrapper .content.right-text .text-wrapper {
              margin-right: auto; } }
        #business-content .fields-content-wrapper .content.right-text .images-wrapper {
          margin-right: auto; }
          #business-content .fields-content-wrapper .content.right-text .images-wrapper .item1 {
            margin-left: auto;
            position: relative;
            z-index: 1; }
          #business-content .fields-content-wrapper .content.right-text .images-wrapper .item2 {
            margin-top: -5%;
            margin-right: auto;
            z-index: 2; }
          #business-content .fields-content-wrapper .content.right-text .images-wrapper .item3 {
            margin: auto;
            padding-left: 6vw;
            z-index: 3; }
  #business-content .customers-wrapper {
    background: #e8edf0;
    padding: 146px 0 68px;
    position: relative;
    /*text-wrapper*/ }
    @media (max-width: 768px) {
      #business-content .customers-wrapper {
        /*padding: 52px 0 48px;*/
        padding: 77px 0 48px; } }
    #business-content .customers-wrapper .support-list-wrapper {
      overflow: hidden; }
    #business-content .customers-wrapper .text-wrapper {
      margin: auto;
      max-width: 930px;
      width: 85%; }
      #business-content .customers-wrapper .text-wrapper .en {
        color: #0B57A6;
        font-size: clamp(32px, 3.8vw, 48px);
        font-family: "Josefin Sans", sans-serif;
        font-weight: 700;
        letter-spacing: -0.5px;
        text-align: center; }
      #business-content .customers-wrapper .text-wrapper .head {
        font-size: clamp(14px, 1.6vw, 17px);
        font-weight: 700;
        margin-top: .5rem;
        text-align: center; }
      #business-content .customers-wrapper .text-wrapper .sub-head {
        margin-top: 48px; }
        @media (max-width: 768px) {
          #business-content .customers-wrapper .text-wrapper .sub-head {
            margin-top: 0px; } }
        #business-content .customers-wrapper .text-wrapper .sub-head img {
          height: 61px;
          margin-top: 38px; }
      #business-content .customers-wrapper .text-wrapper .text {
        font-size: clamp(13px, 1.4vw, 15px);
        margin-top: 2rem; }
        @media (max-width: 768px) {
          #business-content .customers-wrapper .text-wrapper .text {
            margin-top: 1rem; } }
  #business-content .support-list-wrapper {
    /*margin-top: 142px;*/
    margin-top: 76px;
    /*detail-wrapper*/ }
    @media (max-width: 768px) {
      #business-content .support-list-wrapper {
        margin-top: 0px; } }
    #business-content .support-list-wrapper .detail-wrapper {
      display: flex;
      padding-top: 56px;
      /*text-wrapper*/
      /*flex-reserve*/ }
      @media (max-width: 768px) {
        #business-content .support-list-wrapper .detail-wrapper {
          display: inherit;
          padding-top: 62px; } }
      #business-content .support-list-wrapper .detail-wrapper .image {
        display: flex;
        align-items: baseline;
        position: relative;
        width: 50%;
        z-index: 2; }
        @media (max-width: 768px) {
          #business-content .support-list-wrapper .detail-wrapper .image {
            width: 90%; } }
        #business-content .support-list-wrapper .detail-wrapper .image img {
          margin-left: auto; }
      #business-content .support-list-wrapper .detail-wrapper .text-wrapper {
        margin-top: 6vw;
        width: 50%; }
        @media (max-width: 768px) {
          #business-content .support-list-wrapper .detail-wrapper .text-wrapper {
            background: #fff;
            margin: 0;
            margin-top: -10vw;
            margin-left: 15%;
            width: 85%; } }
        #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner {
          padding: 5rem 7rem 5rem 3rem;
          position: relative; }
          @media (max-width: 768px) {
            #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner {
              padding: 16vw 2rem 2rem; } }
          #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner::before {
            content: "";
            background: #fff;
            height: 100%;
            width: 110%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 0; }
            @media (max-width: 768px) {
              #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner::before {
                content: none; } }
          #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner .text-area {
            max-width: 520px; }
          #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner .en, #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner .head, #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner .sub-head, #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner .text {
            text-align: left;
            position: relative;
            z-index: 1; }
          #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner .en {
            font-size: clamp(32px, 4vw, 54px); }
          #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner .head {
            color: #0B57A6;
            font-size: clamp(15px, 1.7vw, 21px);
            margin-left: .25rem;
            margin-top: 1.5rem;
            padding-bottom: 1.5rem; }
            @media (max-width: 768px) {
              #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner .head {
                margin-top: 0;
                padding-bottom: 1rem; } }
            #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner .head:before {
              content: "";
              background: #0B57A6;
              height: 1px;
              width: 200%;
              position: absolute;
              bottom: 0;
              left: -25%; }
              @media (max-width: 768px) {
                #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner .head:before {
                  width: 100%;
                  left: auto; } }
          #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner .sub-head {
            color: #0B57A6;
            font-size: clamp(17px, 2vw, 25px);
            font-weight: 800;
            line-height: 1.5;
            margin-top: 1.5rem; }
            @media (max-width: 768px) {
              #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner .sub-head {
                margin-top: 1rem; } }
          #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner .text {
            letter-spacing: 1px; }
            #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner .text strong {
              color: #0B57A6;
              font-size: clamp(16px, 1.7vw, 20px);
              font-weight: 800;
              line-height: 3; }
            #business-content .support-list-wrapper .detail-wrapper .text-wrapper .inner .text + .text {
              margin-top: 1rem; }
      #business-content .support-list-wrapper .detail-wrapper + .detail-wrapper {
        margin-top: 102px; }
        @media (max-width: 768px) {
          #business-content .support-list-wrapper .detail-wrapper + .detail-wrapper {
            margin-top: 24px; } }
      @media (max-width: 768px) {
        #business-content .support-list-wrapper .detail-wrapper.flex-reverse .image {
          margin-left: 10%; } }
      #business-content .support-list-wrapper .detail-wrapper.flex-reverse .image img {
        margin-left: 0; }
      @media (max-width: 768px) {
        #business-content .support-list-wrapper .detail-wrapper.flex-reverse .text-wrapper {
          margin-left: 0; } }
      #business-content .support-list-wrapper .detail-wrapper.flex-reverse .inner {
        display: flex; }
        #business-content .support-list-wrapper .detail-wrapper.flex-reverse .inner .text-area {
          margin-left: auto; }
        #business-content .support-list-wrapper .detail-wrapper.flex-reverse .inner .head:before {
          left: -70%; }
          @media (max-width: 768px) {
            #business-content .support-list-wrapper .detail-wrapper.flex-reverse .inner .head:before {
              left: auto; } }
  #business-content .motto-wrapper {
    background: url("../images/business-content/motto/motto-back.jpg") no-repeat 0 0;
    background-size: cover;
    margin-top: 142px;
    padding: 146px 0 68px;
    position: relative;
    /*pc-image*/
    /*fukidashi*/ }
    @media (max-width: 768px) {
      #business-content .motto-wrapper {
        background-image: url("../images/business-content/motto/motto-back-sp.jpg");
        margin-top: 72px;
        padding: 76px 0 68px; } }
    #business-content .motto-wrapper .inner {
      background: #fff;
      border-radius: 45px;
      padding: min(8.4677419355vw, 105px) 0;
      margin: auto;
      max-width: 1300px;
      width: 90%; }
    #business-content .motto-wrapper .head {
      margin: auto;
      width: min(67.5806451613vw, 838px); }
    #business-content .motto-wrapper .desc {
      font-size: min(1.2096774194vw, 15px);
      margin: 3em auto 0;
      max-width: 930px;
      width: 85%; }
      @media (max-width: 768px) {
        #business-content .motto-wrapper .desc {
          font-size: min(3.125vw, 24px);
          margin-top: 1.5em; } }
    #business-content .motto-wrapper .pc-image {
      background: url("../images/business-content/motto/back.svg") no-repeat 0 0; }
      #business-content .motto-wrapper .pc-image .top {
        margin: 0 auto 0;
        max-width: min(92.5806451613vw, 1148px);
        position: relative;
        width: 95%; }
      #business-content .motto-wrapper .pc-image ul {
        background: url("../images/business-content/motto/flow-back.svg") repeat-x center;
        background-size: contain;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: max(-5.8064516129vw, -72px); }
        #business-content .motto-wrapper .pc-image ul li:nth-child(1) {
          width: min(10.4032258065vw, 129px); }
        #business-content .motto-wrapper .pc-image ul li:nth-child(2) {
          width: min(39.435483871vw, 489px); }
        #business-content .motto-wrapper .pc-image ul li:nth-child(3) {
          margin-left: max(-2.2580645161vw, -28px);
          width: min(46.935483871vw, 582px); }
      #business-content .motto-wrapper .pc-image .bottom {
        margin: max(-7.2580645161vw, -90px) auto 0;
        max-width: min(93.5483870968vw, 1160px);
        position: relative;
        width: 95%; }
    #business-content .motto-wrapper .flow6 {
      position: absolute;
      bottom: -5px;
      left: -10px;
      width: min(22.5806451613vw, 280px); }
    #business-content .motto-wrapper .flow6-2 {
      position: absolute;
      top: 0px;
      right: min(8.8709677419vw, 110px);
      width: min(20.4838709677vw, 254px); }
    #business-content .motto-wrapper .flow7 {
      position: absolute;
      bottom: 0;
      left: 50%;
      width: min(25vw, 310px); }
    #business-content .motto-wrapper .vertical-anim {
      animation: verticalAnimation var(--vertical-duration, 2s) ease-in-out infinite alternate; }
    #business-content .motto-wrapper .horizontal-anim {
      animation: horizontalAnimation var(--horizontal-duration, 2.4s) ease-in-out infinite alternate; }
@keyframes verticalAnimation {
  0% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(3px); } }
@keyframes horizontalAnimation {
  0% {
    transform: translateX(-7px); }
  100% {
    transform: translateX(7px); } }
    #business-content .motto-wrapper .image {
      position: relative; }
      #business-content .motto-wrapper .image img {
        position: relative;
        z-index: 1; }
      @media (max-width: 768px) {
        #business-content .motto-wrapper .image {
          background: url("../images/business-content/motto/img1-back.svg") repeat-y 0 0;
          margin: min(7.2580645161vw, 90px) auto 0;
          width: 85%; } }
      @media (max-width: 768px) {
        #business-content .motto-wrapper .image::before {
          content: "";
          display: block;
          background: #fff;
          height: min(43.75vw, 336px);
          width: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 0; } }
    #business-content .motto-wrapper .fukidashi-list {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin: min(6.7741935484vw, 84px) auto 0;
      max-width: 1150px;
      width: 85%; }
      @media (max-width: 768px) {
        #business-content .motto-wrapper .fukidashi-list {
          background: url("../images/business-content/motto/img1-back.svg") repeat-y 0 0;
          display: inherit;
          position: relative;
          margin-top: max(-8.064516129vw, -100px); } }
      @media (max-width: 768px) {
        #business-content .motto-wrapper .fukidashi-list::before {
          content: "";
          display: block;
          background: #fff;
          height: min(13.0208333333vw, 100px);
          width: 100%;
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 0; } }
    #business-content .motto-wrapper .fukidashi {
      background: #0092d3;
      box-sizing: border-box;
      border-radius: 5px;
      color: #fff;
      display: inline-block;
      font-size: min(1.2096774194vw, 15px);
      font-weight: 400;
      padding: min(2.9838709677vw, 37px) min(4.1935483871vw, 52px);
      position: relative;
      line-height: 1.8;
      margin: 1.5em 0;
      width: 48%; }
      @media (max-width: 768px) {
        #business-content .motto-wrapper .fukidashi {
          font-size: min(3.125vw, 24px);
          padding: min(7.8125vw, 60px) min(5.7291666667vw, 44px);
          width: 100%; } }
      #business-content .motto-wrapper .fukidashi::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -19px;
        border: 38px solid transparent;
        border-top: 27px solid #0092d3; }
        @media (max-width: 768px) {
          #business-content .motto-wrapper .fukidashi::before {
            border: 27px solid transparent;
            border-top: 18px solid #0092d3; } }
      #business-content .motto-wrapper .fukidashi:nth-child(1) .fv__illust {
        float: left;
        margin-top: max(-11.2903225806vw, -140px);
        margin-left: max(-3.8709677419vw, -48px);
        margin-right: min(1.6129032258vw, 20px);
        width: min(11.0483870968vw, 137px); }
        @media (max-width: 768px) {
          #business-content .motto-wrapper .fukidashi:nth-child(1) .fv__illust {
            float: none;
            margin: 0;
            position: absolute;
            bottom: max(-34.2447916667vw, -263px);
            right: min(2.6041666667vw, 20px);
            width: min(35.6770833333vw, 274px); } }
      @media (max-width: 768px) {
        #business-content .motto-wrapper .fukidashi:nth-child(1)::before {
          left: 15%;
          margin-left: 0; } }
      #business-content .motto-wrapper .fukidashi:nth-child(2) {
        display: flex;
        align-items: center;
        gap: 5%; }
        @media (max-width: 768px) {
          #business-content .motto-wrapper .fukidashi:nth-child(2) {
            display: inherit;
            margin-top: min(35.8072916667vw, 275px);
            padding-top: min(14.84375vw, 114px); } }
        #business-content .motto-wrapper .fukidashi:nth-child(2) p {
          width: 58%; }
          @media (max-width: 768px) {
            #business-content .motto-wrapper .fukidashi:nth-child(2) p {
              width: 100%; } }
        #business-content .motto-wrapper .fukidashi:nth-child(2) .fv__illust {
          width: min(12.0967741935vw, 150px); }
          @media (max-width: 768px) {
            #business-content .motto-wrapper .fukidashi:nth-child(2) .fv__illust {
              position: absolute;
              top: max(-11.71875vw, -90px);
              left: min(2.6041666667vw, 20px);
              width: min(32.9427083333vw, 253px); } }
        #business-content .motto-wrapper .fukidashi:nth-child(2) .sp-item {
          position: absolute;
          top: auto;
          bottom: max(-36.4583333333vw, -280px);
          left: max(-2.6041666667vw, -20px);
          width: min(41.40625vw, 318px); }
        @media (max-width: 768px) {
          #business-content .motto-wrapper .fukidashi:nth-child(2)::before {
            left: auto;
            right: 15%;
            margin-left: 0; } }
      @media (max-width: 768px) {
        #business-content .motto-wrapper .fukidashi:nth-child(3) {
          margin-top: min(41.6666666667vw, 320px);
          padding-top: min(14.84375vw, 114px); } }
      #business-content .motto-wrapper .fukidashi:nth-child(3) .fv__illust {
        position: absolute;
        bottom: max(-7.2580645161vw, -90px);
        right: min(1.6129032258vw, 20px);
        width: min(14.1935483871vw, 176px); }
        @media (max-width: 768px) {
          #business-content .motto-wrapper .fukidashi:nth-child(3) .fv__illust {
            bottom: auto;
            top: max(-16.9270833333vw, -130px);
            right: min(2.6041666667vw, 20px);
            width: min(37.3697916667vw, 287px); } }
      @media (max-width: 768px) {
        #business-content .motto-wrapper .fukidashi:nth-child(3)::before {
          left: 15%;
          margin-left: 0; } }
      @media (max-width: 768px) {
        #business-content .motto-wrapper .fukidashi:nth-child(4) {
          margin-top: min(11.71875vw, 90px); } }
      #business-content .motto-wrapper .fukidashi:nth-child(4) .fv__illust {
        position: absolute;
        bottom: max(-4.0322580645vw, -50px);
        right: max(-1.6129032258vw, -20px);
        width: min(11.0483870968vw, 137px); }
        @media (max-width: 768px) {
          #business-content .motto-wrapper .fukidashi:nth-child(4) .fv__illust {
            bottom: auto;
            top: max(-10.8072916667vw, -83px);
            right: min(2.6041666667vw, 20px);
            width: min(19.921875vw, 153px); } }
    #business-content .motto-wrapper .fv__illust {
      background-position: 0 0;
      background-size: cover;
      background-repeat: no-repeat;
      margin: 0 auto 0;
      animation: parapara 1.2s steps(2) infinite;
      animation-delay: 0s;
      animation-iteration-count: infinite; }
    #business-content .motto-wrapper .fv__illust_item1 {
      background-image: url("../images/business-content/motto/item1.svg");
      height: min(14.3548387097vw, 178px);
      width: min(11.0483870968vw, 137px); }
      @media (max-width: 768px) {
        #business-content .motto-wrapper .fv__illust_item1 {
          height: min(46.3541666667vw, 356px);
          width: min(35.6770833333vw, 274px); } }
    #business-content .motto-wrapper .fv__illust_item2 {
      background-image: url("../images/business-content/motto/item2.svg");
      height: min(8.6290322581vw, 107px);
      width: min(12.0967741935vw, 150px); }
      @media (max-width: 768px) {
        #business-content .motto-wrapper .fv__illust_item2 {
          height: min(23.4375vw, 180px);
          width: min(32.9427083333vw, 253px); } }
    #business-content .motto-wrapper .fv__illust_item3 {
      background-image: url("../images/business-content/motto/item3.svg");
      height: min(11.1290322581vw, 138px);
      width: min(14.1935483871vw, 176px); }
      @media (max-width: 768px) {
        #business-content .motto-wrapper .fv__illust_item3 {
          height: min(29.1666666667vw, 224px);
          width: min(37.3697916667vw, 287px); } }
    #business-content .motto-wrapper .fv__illust_item4 {
      background-image: url("../images/business-content/motto/item4.svg");
      height: min(9.435483871vw, 117px);
      width: min(11.0483870968vw, 137px); }
      @media (max-width: 768px) {
        #business-content .motto-wrapper .fv__illust_item4 {
          height: min(16.9270833333vw, 130px);
          width: min(19.921875vw, 153px); } }
@keyframes parapara {
  to {
    background-position: 200% 0; } }
/*#business-content*/
/********************************************************************************
company-information
********************************************************************************/
#company-information {
  /*new-message-wrapper*/
  /*president-image-wrapper*/
  /*president-message-wrapper*/
  /*vision-wrapper*/
  /*corporatemark-wrapper*/
  /*philosophy-wrapper*/
  /*action-wrapper*/
  /*history-wrapper*/
  /*award-wrapper*/
  /*information-wrapper*/
  /*sdgs-wrapper*/ }
  @media (max-width: 768px) {
    #company-information p {
      text-align: justify;
      text-justify: inter-ideograph;
      /* Edge */
      line-break: strict;
      word-break: break-word;
      overflow-wrap: break-word;
      word-wrap: break-word; } }
  #company-information .new-message-wrapper {
    background: url("../images/company-information/new-message/back.jpg") no-repeat center;
    background-size: cover;
    padding-bottom: min(11.4516129032vw, 142px);
    position: relative;
    /*new-purpose-wrapper*/
    /*new-vision-wrapper*/
    /*new-value-wrapper*/ }
    #company-information .new-message-wrapper .new-purpose-wrapper {
      padding: min(10.4838709677vw, 130px) 0 0;
      margin: auto;
      width: 90%;
      /*text*/ }
      @media (max-width: 768px) {
        #company-information .new-message-wrapper .new-purpose-wrapper {
          padding-top: 85px; } }
      #company-information .new-message-wrapper .new-purpose-wrapper .head-en {
        filter: drop-shadow(0 0 5px #108acb);
        margin: auto;
        width: min(32.2580645161vw, 400px); }
        @media (max-width: 768px) {
          #company-information .new-message-wrapper .new-purpose-wrapper .head-en {
            width: auto; } }
        @media (max-width: 768px) {
          #company-information .new-message-wrapper .new-purpose-wrapper .head-en img {
            height: 45px; } }
      #company-information .new-message-wrapper .new-purpose-wrapper .head {
        color: #fff;
        filter: drop-shadow(0 0 5px #108acb);
        font-size: min(1.6935483871vw, 21px);
        font-weight: 700;
        margin: min(1.6129032258vw, 20px) auto 0;
        text-align: center;
        /*&::after{
            content: "／";
            color: #fff;
            filter: drop-shadow(0 0 5px rgb(16, 138, 203));
            display: block;
            margin-top: 1.5em;
            text-align: center;
            @include sp{
                margin-top: .5em;
            }
        }*/ }
        @media (max-width: 768px) {
          #company-information .new-message-wrapper .new-purpose-wrapper .head {
            font-size: 18px; } }
      #company-information .new-message-wrapper .new-purpose-wrapper .sub-head {
        filter: drop-shadow(0 0 5px #108acb);
        margin: min(9.6774193548vw, 120px) auto 0;
        width: min(85.0806451613vw, 1055px); }
      #company-information .new-message-wrapper .new-purpose-wrapper .cross-head {
        margin: min(2.9032258065vw, 36px) auto 0;
        width: min(64.5161290323vw, 800px); }
        @media (max-width: 768px) {
          #company-information .new-message-wrapper .new-purpose-wrapper .cross-head {
            margin-top: 0; } }
      #company-information .new-message-wrapper .new-purpose-wrapper .text {
        color: #fff;
        font-size: min(1.2096774194vw, 15px);
        font-weight: 400;
        line-height: 2.4;
        margin: min(7.6612903226vw, 95px) auto 0;
        text-align: center; }
        @media (max-width: 768px) {
          #company-information .new-message-wrapper .new-purpose-wrapper .text {
            font-size: 14px;
            text-align: left;
            line-height: 1.8; } }
        #company-information .new-message-wrapper .new-purpose-wrapper .text em {
          font-size: min(1.7741935484vw, 22px);
          font-style: normal; }
          @media (max-width: 768px) {
            #company-information .new-message-wrapper .new-purpose-wrapper .text em {
              font-size: 18px; } }
    #company-information .new-message-wrapper .new-vision-wrapper {
      padding-top: min(11.4516129032vw, 142px);
      /*ul*/ }
      @media (max-width: 768px) {
        #company-information .new-message-wrapper .new-vision-wrapper {
          padding-top: 85px; } }
      #company-information .new-message-wrapper .new-vision-wrapper .head-en {
        filter: drop-shadow(0 0 5px #108acb);
        margin: auto;
        width: min(23.7903225806vw, 295px); }
        @media (max-width: 768px) {
          #company-information .new-message-wrapper .new-vision-wrapper .head-en {
            width: auto; } }
        @media (max-width: 768px) {
          #company-information .new-message-wrapper .new-vision-wrapper .head-en img {
            height: 45px; } }
      #company-information .new-message-wrapper .new-vision-wrapper .head {
        color: #fff;
        filter: drop-shadow(0 0 5px #108acb);
        font-size: min(1.6935483871vw, 21px);
        font-weight: 700;
        margin: min(1.6129032258vw, 20px) auto 0;
        text-align: center; }
        @media (max-width: 768px) {
          #company-information .new-message-wrapper .new-vision-wrapper .head {
            font-size: 18px; } }
      #company-information .new-message-wrapper .new-vision-wrapper ul {
        margin: min(4.0322580645vw, 50px) auto 0;
        text-align: center;
        width: fit-content; }
        @media (max-width: 768px) {
          #company-information .new-message-wrapper .new-vision-wrapper ul {
            text-align: left;
            width: 90%; } }
        #company-information .new-message-wrapper .new-vision-wrapper ul li {
          display: flex;
          align-items: flex-end;
          color: #fff;
          filter: drop-shadow(0 0 5px #108acb);
          font-size: min(2.1774193548vw, 27px);
          text-align: left; }
          @media (max-width: 768px) {
            #company-information .new-message-wrapper .new-vision-wrapper ul li {
              align-items: center;
              font-size: 16px; } }
          #company-information .new-message-wrapper .new-vision-wrapper ul li img {
            display: inline-block;
            margin-right: .15em;
            width: min(8.5483870968vw, 106px); }
            @media (max-width: 768px) {
              #company-information .new-message-wrapper .new-vision-wrapper ul li img {
                margin-right: .5em;
                width: 80px; } }
          #company-information .new-message-wrapper .new-vision-wrapper ul li + li {
            margin-top: 1em; }
    #company-information .new-message-wrapper .new-value-wrapper {
      padding-top: min(11.6935483871vw, 145px);
      /*inner-box*/
      /*table*/ }
      @media (max-width: 768px) {
        #company-information .new-message-wrapper .new-value-wrapper {
          padding-top: 85px; } }
      #company-information .new-message-wrapper .new-value-wrapper .inner-box {
        border: 1px solid #fff;
        position: relative;
        padding: min(5.1612903226vw, 64px) min(7.3387096774vw, 91px);
        margin: auto;
        max-width: 1030px;
        width: calc(90% - responsive($base, 91px)); }
        @media (max-width: 768px) {
          #company-information .new-message-wrapper .new-value-wrapper .inner-box {
            padding: 8% 3%;
            width: 90%; } }
        #company-information .new-message-wrapper .new-value-wrapper .inner-box::before {
          content: "";
          background: rgba(255, 255, 255, 0.7);
          height: 97%;
          width: 98%;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          margin: auto;
          z-index: 0; }
          @media (max-width: 768px) {
            #company-information .new-message-wrapper .new-value-wrapper .inner-box::before {
              height: 98%;
              width: 97%; } }
      #company-information .new-message-wrapper .new-value-wrapper .head-wrapper,
      #company-information .new-message-wrapper .new-value-wrapper table, #company-information .new-message-wrapper .new-value-wrapper ul {
        position: relative;
        z-index: 1; }
      #company-information .new-message-wrapper .new-value-wrapper .head-wrapper {
        background: rgba(255, 255, 255, 0);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 20%, white 80%, rgba(255, 255, 255, 0) 100%);
        padding: 1em 0; }
        #company-information .new-message-wrapper .new-value-wrapper .head-wrapper .head-en {
          margin: auto;
          width: min(20.7258064516vw, 257px); }
          @media (max-width: 768px) {
            #company-information .new-message-wrapper .new-value-wrapper .head-wrapper .head-en {
              width: auto; } }
          @media (max-width: 768px) {
            #company-information .new-message-wrapper .new-value-wrapper .head-wrapper .head-en img {
              height: 45px; } }
        #company-information .new-message-wrapper .new-value-wrapper .head-wrapper .head {
          color: #56b9d3;
          font-size: min(1.6935483871vw, 21px);
          font-weight: 700;
          margin: min(1.6129032258vw, 20px) auto 0;
          text-align: center; }
          @media (max-width: 768px) {
            #company-information .new-message-wrapper .new-value-wrapper .head-wrapper .head {
              font-size: 18px; } }
      #company-information .new-message-wrapper .new-value-wrapper table {
        border-collapse: collapse;
        border-spacing: 0;
        margin: min(1.2096774194vw, 15px) auto 0;
        max-width: 882px;
        width: 90%; }
        #company-information .new-message-wrapper .new-value-wrapper table th, #company-information .new-message-wrapper .new-value-wrapper table td {
          color: #4d4d4d;
          width: 50%; }
        #company-information .new-message-wrapper .new-value-wrapper table th {
          border-bottom: 1px solid #56b9d3;
          font-size: min(4.2741935484vw, 53px);
          font-weight: 300;
          text-align: center;
          padding: min(3.3870967742vw, 42px) 0;
          position: relative; }
          @media (max-width: 768px) {
            #company-information .new-message-wrapper .new-value-wrapper table th {
              font-size: 18px;
              padding: 2em 0; } }
          #company-information .new-message-wrapper .new-value-wrapper table th::before {
            content: "";
            background: #56b9d3;
            border-radius: 10px;
            height: 9px;
            width: 9px;
            position: absolute;
            bottom: -4px;
            left: -4px; }
        #company-information .new-message-wrapper .new-value-wrapper table td {
          border-bottom: 1px solid #56b9d3;
          font-size: min(1.2903225806vw, 16px);
          font-weight: 400;
          position: relative; }
          @media (max-width: 768px) {
            #company-information .new-message-wrapper .new-value-wrapper table td {
              font-size: 14px;
              line-height: 1.6; } }
          #company-information .new-message-wrapper .new-value-wrapper table td::before {
            content: "";
            background: #56b9d3;
            border-radius: 10px;
            height: 9px;
            width: 9px;
            position: absolute;
            bottom: -4px;
            right: -4px; }
  #company-information .president-image-wrapper {
    background: url("../images/company-information/main.jpg") no-repeat 0 0;
    background-size: cover;
    background-position: top center;
    height: 85vh;
    min-height: 710px;
    position: relative;
    /*inner*/
    /*title*/ }
    @media (max-width: 768px) {
      #company-information .president-image-wrapper {
        background-image: url("../images/company-information/main-sp.jpg");
        height: 55vh;
        min-height: inherit;
        /*margin-top: 54px;*/ } }
    #company-information .president-image-wrapper .inner {
      margin: auto;
      height: 30vw;
      max-height: 480px;
      width: 85%;
      position: absolute;
      top: 45%;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media (max-width: 768px) {
        #company-information .president-image-wrapper .inner {
          top: 50%;
          height: 50vh; } }
    #company-information .president-image-wrapper .title {
      position: absolute;
      top: 0;
      left: 0; }
      #company-information .president-image-wrapper .title .en {
        color: #0B57A6;
        font-size: clamp(36px, 7vw, 95px);
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
        line-height: 100%; }
        #company-information .president-image-wrapper .title .en img {
          width: 386px; }
          @media (max-width: 1126px) {
            #company-information .president-image-wrapper .title .en img {
              width: 26vw; } }
          @media (max-width: 768px) {
            #company-information .president-image-wrapper .title .en img {
              width: 36vw; } }
      #company-information .president-image-wrapper .title .head {
        color: #0B57A6;
        font-size: clamp(16px, 1.7vw, 20px);
        font-weight: 500;
        margin-top: 1rem; }
        @media (max-width: 768px) {
          #company-information .president-image-wrapper .title .head {
            margin-top: 0rem; } }
    #company-information .president-image-wrapper .name-wrapper {
      position: absolute;
      bottom: 0;
      right: 0; }
      @media (max-width: 768px) {
        #company-information .president-image-wrapper .name-wrapper {
          background: rgba(255, 255, 255, 0.6);
          backdrop-filter: blur(12px);
          -webkit-backdrop-filter: blur(24px);
          border-radius: 3px;
          padding: .35rem .6rem; } }
      #company-information .president-image-wrapper .name-wrapper .name {
        font-size: clamp(18px, 3.8vw, 56px);
        font-weight: 300;
        line-height: 1.5; }
        @media (max-width: 768px) {
          #company-information .president-image-wrapper .name-wrapper .name {
            font-weight: 400;
            line-height: 1.3; } }
        #company-information .president-image-wrapper .name-wrapper .name small {
          font-size: clamp(14px, 2vw, 24px);
          display: block; }
  #company-information .president-message-wrapper {
    position: relative;
    margin-top: -132px; }
    @media (max-width: 768px) {
      #company-information .president-message-wrapper {
        margin-top: 0; } }
    #company-information .president-message-wrapper .inner {
      background: #fff;
      margin: 0 auto 0;
      padding: 5rem 5rem 0;
      max-width: 1100px;
      width: calc(90% - 10rem); }
      @media (max-width: 768px) {
        #company-information .president-message-wrapper .inner {
          padding: 2rem 1rem;
          width: 85%; } }
    #company-information .president-message-wrapper p {
      line-height: 2;
      text-align: center; }
      @media (max-width: 768px) {
        #company-information .president-message-wrapper p {
          text-align: left; } }
    #company-information .president-message-wrapper .sub-head {
      color: #0B57A6;
      font-size: clamp(18px, 2.4vw, 28px);
      font-weight: 800;
      text-align: center;
      line-height: 2;
      letter-spacing: 4px; }
      #company-information .president-message-wrapper .sub-head + p {
        margin-top: 4rem; }
        @media (max-width: 768px) {
          #company-information .president-message-wrapper .sub-head + p {
            margin-top: 1rem; } }
    #company-information .president-message-wrapper .cross-head {
      margin-top: 3.5rem;
      text-align: center;
      position: relative; }
      @media (max-width: 768px) {
        #company-information .president-message-wrapper .cross-head {
          margin-top: 2rem; } }
      #company-information .president-message-wrapper .cross-head + p {
        margin-top: 1rem; }
      #company-information .president-message-wrapper .cross-head::before {
        content: "";
        background: #0B57A6;
        height: 1px;
        width: 60%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 0; }
        @media (max-width: 768px) {
          #company-information .president-message-wrapper .cross-head::before {
            width: 100%; } }
      #company-information .president-message-wrapper .cross-head span {
        background: #fff;
        color: #0B57A6;
        font-size: clamp(15px, 1.7vw, 19px);
        font-weight: 800;
        padding: 0 1.5rem;
        letter-spacing: 4px;
        position: relative; }
        @media (max-width: 768px) {
          #company-information .president-message-wrapper .cross-head span {
            letter-spacing: 1px;
            padding: 0 .5rem; } }
  #company-information .vision-wrapper {
    margin: 0px auto 0;
    padding-top: 120px;
    max-width: 1300px;
    width: 90%; }
    @media (max-width: 768px) {
      #company-information .vision-wrapper {
        margin: -40px auto 0;
        padding-top: 72px; } }
    #company-information .vision-wrapper .link-wrapping {
      background: #e8edf0; }
    #company-information .vision-wrapper .inner {
      display: flex;
      justify-content: space-between;
      gap: 0 3%;
      /*padding: 5rem 6.5rem;*/
      padding: 5rem 6vw; }
      @media screen and (max-width: 845px) {
        #company-information .vision-wrapper .inner {
          display: inherit;
          padding: 3rem 1.5rem; } }
    #company-information .vision-wrapper .head-wrapper .en {
      color: #0B57A6;
      font-size: clamp(36px, 6vw, 114px);
      /*font-size: 10vw;*/
      font-weight: 700;
      line-height: 100%; }
      @media screen and (max-width: 845px) {
        #company-information .vision-wrapper .head-wrapper .en {
          text-align: center; } }
      @media (max-width: 768px) {
        #company-information .vision-wrapper .head-wrapper .en img {
          width: 40vw; } }
    #company-information .vision-wrapper .head-wrapper .head {
      color: #0B57A6;
      font-size: clamp(16px, 1.7vw, 20px);
      font-weight: 500;
      margin-top: 1rem; }
      @media screen and (max-width: 845px) {
        #company-information .vision-wrapper .head-wrapper .head {
          text-align: center; } }
    #company-information .vision-wrapper .head-wrapper .cross-head {
      font-size: clamp(20px, 2.4vw, 35px);
      font-weight: 600;
      line-height: 1.7;
      margin-top: 2.5rem;
      white-space: nowrap; }
      @media screen and (max-width: 845px) {
        #company-information .vision-wrapper .head-wrapper .cross-head {
          margin-top: 1.5rem;
          text-align: center; } }
    #company-information .vision-wrapper .head-wrapper .text {
      font-size: clamp(16px, 1.8vw, 27px);
      font-weight: 600;
      line-height: 1.7;
      margin-top: .75rem;
      white-space: nowrap; }
      @media screen and (max-width: 845px) {
        #company-information .vision-wrapper .head-wrapper .text {
          text-align: center; } }
    #company-information .vision-wrapper .text-area {
      color: #0B57A6;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      text-orientation: upright;
      white-space: nowrap;
      line-height: 2.5; }
      @media screen and (max-width: 845px) {
        #company-information .vision-wrapper .text-area {
          line-height: 2;
          margin-top: 1.5rem;
          writing-mode: inherit;
          text-align: center;
          white-space: inherit; } }
      @media (max-width: 768px) {
        #company-information .vision-wrapper .text-area {
          text-align: left; } }
  #company-information .corporatemark-wrapper {
    border: 1px solid #0B57A6;
    border-right: none;
    border-left: none;
    margin: 148px auto 0;
    padding: 76px 0;
    max-width: 1100px;
    width: 85%;
    /*flex-box*/ }
    @media (max-width: 768px) {
      #company-information .corporatemark-wrapper {
        margin: 72px auto 0;
        padding: 42px 0; } }
    #company-information .corporatemark-wrapper .head {
      font-size: clamp(20px, 2.6vw, 31px);
      text-align: center; }
    #company-information .corporatemark-wrapper .small {
      font-size: clamp(13px, 1.4vw, 15px);
      margin-top: 1rem;
      text-align: center; }
    #company-information .corporatemark-wrapper .logo img {
      display: block;
      margin: 74px auto 0;
      max-width: 498px;
      width: 80%; }
      @media (max-width: 768px) {
        #company-information .corporatemark-wrapper .logo img {
          margin: 32px auto 0; } }
    #company-information .corporatemark-wrapper .flex-box {
      display: flex;
      gap: 5%;
      margin-top: 108px;
      /*text-area*/ }
      @media (max-width: 768px) {
        #company-information .corporatemark-wrapper .flex-box {
          display: inherit;
          margin-top: 52px; } }
      #company-information .corporatemark-wrapper .flex-box .text-area .sub-head {
        color: #0092d3;
        font-size: clamp(18px, 2.4vw, 30px);
        font-weight: 800;
        text-align: center; }
      #company-information .corporatemark-wrapper .flex-box .text-area + .text-area .sub-head {
        color: #0B57A6; }
      #company-information .corporatemark-wrapper .flex-box .text-area p {
        line-height: 2;
        margin-top: 1.5rem; }
        @media (max-width: 768px) {
          #company-information .corporatemark-wrapper .flex-box .text-area p {
            margin-top: 1rem; } }
      @media (max-width: 768px) {
        #company-information .corporatemark-wrapper .flex-box .text-area + .text-area {
          margin-top: 2rem; } }
  #company-information .philosophy-wrapper {
    padding-top: 120px;
    margin: 0px auto 0;
    max-width: 1100px;
    width: 85%; }
    @media (max-width: 768px) {
      #company-information .philosophy-wrapper {
        padding-top: 94px;
        margin: -40px auto 0; } }
    #company-information .philosophy-wrapper .inner {
      background: url("../images/company-information/philosophy-back.jpg") no-repeat 0 0;
      background-position: center;
      padding: 4rem 2rem; }
      @media (max-width: 768px) {
        #company-information .philosophy-wrapper .inner {
          padding: 3rem 0rem; } }
    #company-information .philosophy-wrapper .head {
      font-size: clamp(15px, 1.8vw, 24px);
      font-weight: 600;
      letter-spacing: 15px;
      text-align: center; }
    #company-information .philosophy-wrapper .sub-head {
      color: #0B57A6;
      font-size: clamp(18px, 2.4vw, 34px);
      font-weight: 600;
      letter-spacing: 15px;
      margin-top: 2rem;
      text-align: center; }
      @media (max-width: 768px) {
        #company-information .philosophy-wrapper .sub-head {
          margin-top: 2rem; } }
      #company-information .philosophy-wrapper .sub-head span {
        border-bottom: 1px solid #0B57A6;
        padding: 0 .25rem .5rem; }
        #company-information .philosophy-wrapper .sub-head span span {
          letter-spacing: 0; }
    #company-information .philosophy-wrapper li {
      line-height: 2;
      margin-top: 3rem;
      text-align: center; }
      @media (max-width: 768px) {
        #company-information .philosophy-wrapper li {
          line-height: 1.5;
          margin-top: 2rem; } }
      #company-information .philosophy-wrapper li + li {
        margin-top: 1rem; }
  #company-information .action-wrapper {
    margin: 0 auto 0;
    padding-top: 86px;
    max-width: 1100px;
    width: 85%;
    /*inner*/ }
    @media (max-width: 768px) {
      #company-information .action-wrapper {
        margin-top: 42px; } }
    #company-information .action-wrapper .inner {
      color: #0B57A6;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0 10%;
      border: 1px solid #0B57A6;
      border-left: none;
      border-right: none;
      padding: 3rem 4rem; }
      @media (max-width: 768px) {
        #company-information .action-wrapper .inner {
          padding: 1.5rem 1rem; } }
      #company-information .action-wrapper .inner .head {
        font-size: clamp(16px, 1.8vw, 25px);
        font-weight: 700;
        letter-spacing: 15px; }
        @media (max-width: 768px) {
          #company-information .action-wrapper .inner .head {
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl; } }
      #company-information .action-wrapper .inner li {
        font-size: clamp(14px, 1.6vw, 19px);
        padding-left: 1rem;
        text-indent: -1.5rem; }
        #company-information .action-wrapper .inner li + li {
          margin-top: 1rem; }
        #company-information .action-wrapper .inner li::before {
          content: "一、"; }
  #company-information .history-wrapper {
    background: #141b25;
    position: relative;
    overflow: hidden;
    margin-top: 190px; }
    @media (max-width: 768px) {
      #company-information .history-wrapper {
        margin-top: 34px;
        padding-top: 54px; } }
    @media (max-width: 768px) {
      #company-information .history-wrapper::before {
        content: "";
        background: #fff;
        height: 55px;
        width: 100%;
        position: absolute;
        top: -1px;
        left: 0; } }
    #company-information .history-wrapper .inner {
      padding: 105px 0;
      margin: auto;
      max-width: 1295px;
      width: 85%; }
      @media (max-width: 768px) {
        #company-information .history-wrapper .inner {
          padding: 100px 0;
          margin-top: -40px; } }
    #company-information .history-wrapper .head-wrapper .en {
      color: #fff;
      font-size: clamp(36px, 7vw, 114px);
      font-weight: 700;
      line-height: 100%; }
      #company-information .history-wrapper .head-wrapper .en img {
        width: 327px; }
        @media (max-width: 768px) {
          #company-information .history-wrapper .head-wrapper .en img {
            width: 40vw; } }
    #company-information .history-wrapper .head-wrapper .head {
      color: #fff;
      font-size: clamp(16px, 1.7vw, 20px);
      font-weight: 500;
      margin-top: 1rem; }
    #company-information .history-wrapper .flex-box {
      display: flex;
      gap: 0 5%;
      margin-top: 56px; }
      @media (max-width: 768px) {
        #company-information .history-wrapper .flex-box {
          display: inherit;
          margin-top: 42px; } }
    #company-information .history-wrapper table {
      color: #fff; }
      #company-information .history-wrapper table th {
        color: #0092d3;
        font-size: clamp(10px, 1vw, 15px);
        font-weight: 500;
        padding-top: 4px;
        vertical-align: top;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #company-information .history-wrapper table th {
            font-size: 14px;
            padding: 0;
            white-space: nowrap; } }
      #company-information .history-wrapper table .slash {
        color: #0092d3;
        font-size: clamp(10px, 1vw, 15px);
        font-weight: 500;
        padding: 5px 1vw 0;
        vertical-align: top; }
        @media (max-width: 768px) {
          #company-information .history-wrapper table .slash {
            font-size: 14px;
            padding: 0; } }
      #company-information .history-wrapper table td {
        font-weight: 300;
        font-size: clamp(10px, 1vw, 15px); }
        @media (max-width: 768px) {
          #company-information .history-wrapper table td {
            font-size: 14px; } }
    #company-information .history-wrapper .images {
      text-align: center;
      width: 20vw; }
      @media (max-width: 768px) {
        #company-information .history-wrapper .images {
          margin: 42px auto 0;
          width: 80%; } }
      #company-information .history-wrapper .images span {
        color: #fff;
        font-weight: 300;
        font-size: clamp(14px, 1.4vw, 15px);
        display: block;
        margin-top: .5rem; }
      @media (max-width: 768px) {
        #company-information .history-wrapper .images li:first-child {
          margin: auto;
          width: 80%; } }
      #company-information .history-wrapper .images li + li {
        margin-top: 4rem; }
        @media (max-width: 768px) {
          #company-information .history-wrapper .images li + li {
            margin-top: 2rem; } }
    #company-information .history-wrapper .infinit-slide-vertical {
      position: absolute;
      top: 0;
      left: calc(70vw);
      /*right: 50%;
      margin-right: -42vw;*/
      max-width: 280px;
      width: 19vw; }
      #company-information .history-wrapper .infinit-slide-vertical img {
        width: 100%; }
      @media screen and (max-width: 1395px) {
        #company-information .history-wrapper .infinit-slide-vertical {
          /*margin-right: -735px;*/
          /*width: 10vw;*/ } }
      @media (max-width: 768px) {
        #company-information .history-wrapper .infinit-slide-vertical {
          display: none; } }
    @media (max-width: 768px) {
      #company-information .history-wrapper .infinit-slide {
        margin-top: 0; } }
  #company-information .award-wrapper {
    background: #0b57a6;
    background: linear-gradient(90deg, #0b57a6 0%, #0092d3 100%);
    padding: 87px 0;
    /*inner*/
    /*awards-desc*/
    /*health-management-wrapper*/ }
    @media (max-width: 768px) {
      #company-information .award-wrapper {
        padding: 62px 0; } }
    #company-information .award-wrapper .inner {
      margin: auto;
      padding: 78px 0;
      position: relative;
      max-width: 1300px;
      width: 85%; }
      #company-information .award-wrapper .inner::before, #company-information .award-wrapper .inner::after {
        content: "";
        background: url("../images/company-information/award-border.svg") no-repeat 0 0;
        background-size: cover;
        display: block;
        height: 13px;
        width: 387px;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0); }
        @media (max-width: 768px) {
          #company-information .award-wrapper .inner::before, #company-information .award-wrapper .inner::after {
            height: 7px;
            width: 200px; } }
      #company-information .award-wrapper .inner::before {
        top: 0; }
      #company-information .award-wrapper .inner::after {
        bottom: 0; }
    #company-information .award-wrapper .award-desc {
      display: flex;
      align-items: flex-start;
      gap: 0 3%;
      /*text-area*/ }
      @media (max-width: 768px) {
        #company-information .award-wrapper .award-desc {
          display: inherit; } }
      #company-information .award-wrapper .award-desc .text-area {
        border: 1px solid #fff;
        border-left: none;
        border-right: none;
        color: #fff;
        padding: 0rem 1rem 2rem;
        width: 58%; }
        @media (max-width: 768px) {
          #company-information .award-wrapper .award-desc .text-area {
            width: 90%; } }
        #company-information .award-wrapper .award-desc .text-area .head {
          font-family: "Shippori Mincho", serif;
          font-weight: 400;
          font-size: clamp(28px, 4vw, 50px);
          line-height: 1.5;
          letter-spacing: 2px; }
          #company-information .award-wrapper .award-desc .text-area .head small {
            font-size: clamp(18px, 2vw, 27px); }
        #company-information .award-wrapper .award-desc .text-area p {
          font-weight: 400;
          margin-top: 1rem;
          line-height: 2; }
      #company-information .award-wrapper .award-desc .img-list {
        overflow: hidden;
        padding-bottom: 2rem;
        width: 42%; }
        @media (max-width: 768px) {
          #company-information .award-wrapper .award-desc .img-list {
            width: 100%; } }
        #company-information .award-wrapper .award-desc .img-list .img-swiper {
          position: relative; }
      #company-information .award-wrapper .award-desc .swiper-pagination {
        bottom: -2rem; }
      #company-information .award-wrapper .award-desc .swiper-pagination-bullet-active {
        background: #fff; }
    #company-information .award-wrapper .health-management-wrapper {
      background: white;
      background: radial-gradient(circle, white 83%, #d3e8ff 100%);
      border-radius: 220px;
      padding: 2rem 6rem 3rem;
      margin-top: 82px;
      /*flex-box*/ }
      @media (max-width: 768px) {
        #company-information .award-wrapper .health-management-wrapper {
          border-radius: 40px;
          margin-top: 32px;
          padding: 2rem 2rem 2rem; } }
      #company-information .award-wrapper .health-management-wrapper .flex-box {
        display: flex;
        align-items: center;
        gap: 0 3%; }
        @media (max-width: 768px) {
          #company-information .award-wrapper .health-management-wrapper .flex-box {
            display: inherit; } }
      #company-information .award-wrapper .health-management-wrapper .text-area {
        width: 70%; }
        @media (max-width: 768px) {
          #company-information .award-wrapper .health-management-wrapper .text-area {
            width: 100%; } }
        #company-information .award-wrapper .health-management-wrapper .text-area .sub-head {
          color: #0B57A6;
          font-size: clamp(20px, 2.8vw, 32px);
          font-weight: 600;
          line-height: 1.5;
          text-align: center; }
        #company-information .award-wrapper .health-management-wrapper .text-area p {
          margin-top: 1.5rem; }
      #company-information .award-wrapper .health-management-wrapper .image {
        width: 30%; }
        @media (max-width: 768px) {
          #company-information .award-wrapper .health-management-wrapper .image {
            display: block;
            margin: 1rem auto 1rem;
            width: 50%; } }
      #company-information .award-wrapper .health-management-wrapper .view-more-btn {
        margin: .5rem auto 0; }
        #company-information .award-wrapper .health-management-wrapper .view-more-btn span {
          font-size: clamp(13px, 14vw, 15px);
          font-weight: 500; }
  #company-information .information-wrapper {
    margin-top: 0px;
    padding-top: 100px; }
    @media (max-width: 768px) {
      #company-information .information-wrapper {
        margin-top: -14px;
        padding-top: 68px; } }
    #company-information .information-wrapper .inner {
      margin: auto;
      max-width: 1300px;
      width: 90%; }
    #company-information .information-wrapper .head-wrapper .en {
      color: #0B57A6;
      font-size: clamp(36px, 7vw, 114px);
      font-weight: 700;
      line-height: 100%; }
      #company-information .information-wrapper .head-wrapper .en img {
        width: 539px; }
        @media (max-width: 768px) {
          #company-information .information-wrapper .head-wrapper .en img {
            width: 55vw; } }
    #company-information .information-wrapper .head-wrapper .head {
      font-size: clamp(16px, 1.7vw, 20px);
      font-weight: 500;
      margin-top: 1rem; }
    #company-information .information-wrapper table {
      border-collapse: collapse;
      margin-top: 34px;
      width: 100%; }
      #company-information .information-wrapper table th {
        background: #0b57a6;
        background: linear-gradient(90deg, #0b57a6 0%, #0092d3 100%);
        border-bottom: 1px solid #fff;
        color: #fff;
        font-size: clamp(14px, 1.7vw, 19px);
        padding: 0 9vw;
        width: 0;
        white-space: nowrap; }
        @media (max-width: 768px) {
          #company-information .information-wrapper table th {
            line-height: 1.5;
            padding: 1rem 1rem;
            white-space: nowrap; } }
      #company-information .information-wrapper table td {
        border: 1px solid #b3b3b3;
        border-left: none;
        border-right: none;
        padding: 1.5rem 0 1.5rem 4rem; }
        @media (max-width: 768px) {
          #company-information .information-wrapper table td {
            letter-spacing: 1px;
            line-height: 1.5;
            padding: 1rem 0 1rem 1rem; } }
        #company-information .information-wrapper table td .view-more-btn {
          font-size: clamp(14px, 1.6vw, 17px);
          margin-top: .75rem; }
          #company-information .information-wrapper table td .view-more-btn + p {
            margin-top: 2rem; }
          #company-information .information-wrapper table td .view-more-btn a {
            color: #fff; }
        @media (max-width: 768px) {
          #company-information .information-wrapper table td a {
            color: #0B57A6;
            text-decoration: underline; } }
  #company-information .infinit-slide {
    margin-top: 120px; }
    @media (max-width: 768px) {
      #company-information .infinit-slide {
        margin-top: 62px; } }
  #company-information .sdgs-wrapper {
    background: #e8edf0;
    padding: 124px 0 160px;
    margin-top: 124px;
    /*inner*/
    /*attempt-wrapper*/
    /*health-management-wrapper*/ }
    @media (max-width: 768px) {
      #company-information .sdgs-wrapper {
        padding: 62px 0;
        margin-top: 62px; } }
    #company-information .sdgs-wrapper .inner {
      margin: auto;
      max-width: 1300px;
      width: 85%; }
    #company-information .sdgs-wrapper .head-wrapper .en {
      color: #0B57A6;
      font-size: clamp(36px, 7vw, 114px);
      font-weight: 700;
      line-height: 100%; }
      #company-information .sdgs-wrapper .head-wrapper .en img {
        width: 634px; }
        @media (max-width: 768px) {
          #company-information .sdgs-wrapper .head-wrapper .en img {
            width: 72vw; } }
    #company-information .sdgs-wrapper .head-wrapper .head {
      font-size: clamp(16px, 1.7vw, 20px);
      font-weight: 500;
      margin-top: 1rem; }
    #company-information .sdgs-wrapper .concept-wrapper {
      display: flex;
      align-items: center;
      gap: 0 7%;
      border: 1px solid #000;
      border-left: none;
      border-right: none;
      padding: 3rem 4rem;
      margin-top: 42px; }
      @media (max-width: 768px) {
        #company-information .sdgs-wrapper .concept-wrapper {
          display: inherit;
          padding: 2rem 1rem; } }
      #company-information .sdgs-wrapper .concept-wrapper .sub-head {
        font-size: clamp(17px, 1.8vw, 25px);
        font-weight: 700; }
        @media (max-width: 768px) {
          #company-information .sdgs-wrapper .concept-wrapper .sub-head {
            text-align: center; } }
        @media (max-width: 768px) {
          #company-information .sdgs-wrapper .concept-wrapper .sub-head + p {
            margin-top: 1rem; } }
    #company-information .sdgs-wrapper .attempt-wrapper {
      margin-top: 62px;
      /*text-wrapper*/
      /*attempt-list*/
      /*about-wrapper*/ }
      @media (max-width: 768px) {
        #company-information .sdgs-wrapper .attempt-wrapper {
          margin-top: -40px;
          padding-top: 82px; } }
      #company-information .sdgs-wrapper .attempt-wrapper .inner {
        background: #fff;
        padding: 4.5rem; }
        @media (max-width: 768px) {
          #company-information .sdgs-wrapper .attempt-wrapper .inner {
            padding: 1.5rem;
            width: calc(100% - 3rem); } }
      #company-information .sdgs-wrapper .attempt-wrapper .text-wrapper {
        position: relative;
        margin: auto;
        max-width: 860px;
        width: 95%; }
        @media (max-width: 768px) {
          #company-information .sdgs-wrapper .attempt-wrapper .text-wrapper {
            padding: 0 0 42px; } }
        #company-information .sdgs-wrapper .attempt-wrapper .text-wrapper::before, #company-information .sdgs-wrapper .attempt-wrapper .text-wrapper::after {
          content: "";
          background: url("../images/top/vision-left.svg") no-repeat 0 center;
          background-size: contain;
          height: 100%;
          width: 6.5vw;
          position: absolute;
          top: 0; }
          @media (max-width: 768px) {
            #company-information .sdgs-wrapper .attempt-wrapper .text-wrapper::before, #company-information .sdgs-wrapper .attempt-wrapper .text-wrapper::after {
              top: 0%;
              height: 28%;
              width: 10vw; } }
        #company-information .sdgs-wrapper .attempt-wrapper .text-wrapper::before {
          left: 50%;
          margin-left: -7vw; }
          @media (max-width: 768px) {
            #company-information .sdgs-wrapper .attempt-wrapper .text-wrapper::before {
              margin-left: -9vw; } }
        #company-information .sdgs-wrapper .attempt-wrapper .text-wrapper::after {
          background-image: url("../images/top/vision-right.svg");
          background-position: 100%;
          right: 50%;
          margin-right: -7vw; }
          @media (max-width: 768px) {
            #company-information .sdgs-wrapper .attempt-wrapper .text-wrapper::after {
              margin-right: -9vw; } }
        #company-information .sdgs-wrapper .attempt-wrapper .text-wrapper.inview-active::before {
          animation: left-move 0.5s both cubic-bezier(1, 0.06, 0.95, 0.54);
          animation-delay: 1s; }
        #company-information .sdgs-wrapper .attempt-wrapper .text-wrapper.inview-active::after {
          animation: right-move 0.5s both cubic-bezier(1, 0.06, 0.95, 0.54);
          animation-delay: 1s; }
@keyframes left-move {
  0% {
    left: 50%; }
  100% {
    left: calc(0% + 10vw); } }
@keyframes right-move {
  0% {
    right: 50%; }
  100% {
    right: calc(0% + 10vw); } }
        @media (max-width: 768px) {
          @keyframes left-move {
            0% {
              left: 45%; }
            100% {
              left: 3vw; } }
          @keyframes right-move {
            0% {
              right: 45%; }
            100% {
              right: 3vw; } } }
        #company-information .sdgs-wrapper .attempt-wrapper .text-wrapper .head img {
          display: block;
          margin: auto;
          width: 395px; }
          @media (max-width: 768px) {
            #company-information .sdgs-wrapper .attempt-wrapper .text-wrapper .head img {
              width: 190px; } }
        #company-information .sdgs-wrapper .attempt-wrapper .text-wrapper p {
          margin: 2rem auto 0;
          max-width: 465px; }
      #company-information .sdgs-wrapper .attempt-wrapper .attempt-head {
        background: #0b57a6;
        background: linear-gradient(90deg, #0b57a6 0%, #0092d3 100%);
        border-radius: 25px;
        color: #fff;
        font-family: "Noto Sans JP", sans-serif;
        font-size: clamp(16px, 1.8vw, 25px);
        font-weight: 600;
        padding: .5rem 0 .75rem;
        margin-top: 62px;
        text-align: center; }
        @media (max-width: 768px) {
          #company-information .sdgs-wrapper .attempt-wrapper .attempt-head {
            margin-top: 0; } }
      #company-information .sdgs-wrapper .attempt-wrapper .attempt-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 52px;
        padding: 0 3%;
        /*detail*/ }
        @media (max-width: 768px) {
          #company-information .sdgs-wrapper .attempt-wrapper .attempt-list {
            margin-top: 32px; } }
        #company-information .sdgs-wrapper .attempt-wrapper .attempt-list .detail {
          border-left: 1px solid #0B57A6;
          padding-left: 2rem;
          width: 43%; }
          @media (max-width: 768px) {
            #company-information .sdgs-wrapper .attempt-wrapper .attempt-list .detail {
              padding-left: 1rem;
              width: 100%; } }
          #company-information .sdgs-wrapper .attempt-wrapper .attempt-list .detail .sub-head {
            color: #0B57A6;
            font-size: clamp(18px, 2.3vw, 37px);
            font-weight: 400; }
            #company-information .sdgs-wrapper .attempt-wrapper .attempt-list .detail .sub-head + p {
              line-height: 2;
              margin-top: 1.5rem; }
              @media (max-width: 768px) {
                #company-information .sdgs-wrapper .attempt-wrapper .attempt-list .detail .sub-head + p {
                  line-height: 1.5;
                  margin-top: 1rem; } }
          #company-information .sdgs-wrapper .attempt-wrapper .attempt-list .detail .cross-head {
            color: #0B57A6;
            font-size: clamp(15px, 1.6vw, 17px);
            font-weight: 600;
            margin-top: 1.5rem; }
          #company-information .sdgs-wrapper .attempt-wrapper .attempt-list .detail img {
            height: 72px;
            margin-top: 1.5rem;
            width: auto; }
            @media (max-width: 768px) {
              #company-information .sdgs-wrapper .attempt-wrapper .attempt-list .detail img {
                height: 42px; } }
          #company-information .sdgs-wrapper .attempt-wrapper .attempt-list .detail ul {
            margin-top: .35rem; }
            #company-information .sdgs-wrapper .attempt-wrapper .attempt-list .detail ul li {
              color: #0B57A6;
              padding-left: 1rem;
              text-indent: -1rem; }
              #company-information .sdgs-wrapper .attempt-wrapper .attempt-list .detail ul li::before {
                content: "\025cf"; }
          #company-information .sdgs-wrapper .attempt-wrapper .attempt-list .detail:nth-child(3), #company-information .sdgs-wrapper .attempt-wrapper .attempt-list .detail:nth-child(4) {
            margin-top: 72px; }
            @media (max-width: 768px) {
              #company-information .sdgs-wrapper .attempt-wrapper .attempt-list .detail:nth-child(3), #company-information .sdgs-wrapper .attempt-wrapper .attempt-list .detail:nth-child(4) {
                margin-top: 32px; } }
          @media (max-width: 768px) {
            #company-information .sdgs-wrapper .attempt-wrapper .attempt-list .detail + li {
              margin-top: 32px; } }
      #company-information .sdgs-wrapper .attempt-wrapper .about-wrapper {
        display: flex;
        align-items: center;
        gap: 0 5%;
        margin-top: 162px;
        padding: 0 3%; }
        @media (max-width: 768px) {
          #company-information .sdgs-wrapper .attempt-wrapper .about-wrapper {
            display: inherit;
            margin-top: 62px; } }
        #company-information .sdgs-wrapper .attempt-wrapper .about-wrapper img {
          width: 50%; }
          @media (max-width: 768px) {
            #company-information .sdgs-wrapper .attempt-wrapper .about-wrapper img {
              width: 100%; } }
        @media (max-width: 768px) {
          #company-information .sdgs-wrapper .attempt-wrapper .about-wrapper .text-area {
            margin-top: 32px; } }
        #company-information .sdgs-wrapper .attempt-wrapper .about-wrapper .text-area .sub-head {
          color: #0B57A6;
          font-size: clamp(18px, 2.2vw, 30px);
          font-weight: 700; }
          #company-information .sdgs-wrapper .attempt-wrapper .about-wrapper .text-area .sub-head + p {
            line-height: 2;
            margin-top: 1.5rem; }
            @media (max-width: 768px) {
              #company-information .sdgs-wrapper .attempt-wrapper .about-wrapper .text-area .sub-head + p {
                line-height: 1.5;
                margin-top: .5rem; } }
    #company-information .sdgs-wrapper #anchor10 {
      padding-top: 80px;
      margin-top: -80px; }
    #company-information .sdgs-wrapper .health-management-wrapper {
      margin-top: 0px;
      padding-top: 185px;
      /*inner*/
      /*text-area*/ }
      @media (max-width: 768px) {
        #company-information .sdgs-wrapper .health-management-wrapper {
          margin-top: -40px;
          padding-top: 120px; } }
      #company-information .sdgs-wrapper .health-management-wrapper .inner {
        background: #fff;
        display: flex;
        gap: 0 5%;
        padding: 4.5rem; }
        @media (max-width: 768px) {
          #company-information .sdgs-wrapper .health-management-wrapper .inner {
            display: inherit;
            padding: 1.5rem; } }
      #company-information .sdgs-wrapper .health-management-wrapper .text-area .head {
        font-size: clamp(17px, 2.2vw, 30px);
        font-weight: 700;
        border-bottom: 1px solid #000;
        padding-bottom: 1.5rem; }
        @media (max-width: 768px) {
          #company-information .sdgs-wrapper .health-management-wrapper .text-area .head {
            padding-bottom: 1rem; } }
        #company-information .sdgs-wrapper .health-management-wrapper .text-area .head + p {
          margin-top: 1rem; }
      #company-information .sdgs-wrapper .health-management-wrapper .text-area .cross-head {
        color: #0B57A6;
        font-size: clamp(15px, 1.7vw, 21px);
        margin-top: 3rem; }
        @media (max-width: 768px) {
          #company-information .sdgs-wrapper .health-management-wrapper .text-area .cross-head {
            margin-top: 2rem; } }
        #company-information .sdgs-wrapper .health-management-wrapper .text-area .cross-head + p {
          margin-top: 1rem; }
          @media (max-width: 768px) {
            #company-information .sdgs-wrapper .health-management-wrapper .text-area .cross-head + p {
              margin-top: .5rem; } }
      #company-information .sdgs-wrapper .health-management-wrapper .text-area .view-more-btn {
        font-size: clamp(14px, 1.6vw, 17px);
        margin-top: 1.5rem;
        max-width: 350px; }
        #company-information .sdgs-wrapper .health-management-wrapper .text-area .view-more-btn a {
          padding: 20px 0 16px; }
      #company-information .sdgs-wrapper .health-management-wrapper .image {
        margin-top: -8vw;
        min-width: 300px;
        width: 45%; }
        @media (max-width: 768px) {
          #company-information .sdgs-wrapper .health-management-wrapper .image {
            margin: -50px auto 1.5rem;
            min-width: inherit;
            width: 90%; } }
        @media (max-width: 768px) {
          #company-information .sdgs-wrapper .health-management-wrapper .image img {
            display: block;
            margin: auto;
            width: 70%; } }
        #company-information .sdgs-wrapper .health-management-wrapper .image p {
          color: #0B57A6;
          font-weight: 700;
          margin-top: .5rem;
          text-align: center; }
          @media (max-width: 768px) {
            #company-information .sdgs-wrapper .health-management-wrapper .image p {
              line-height: 1.5; } }
    #company-information .sdgs-wrapper .sanfre {
      margin: 0 auto 0;
      max-width: 1250px;
      padding-top: 120px;
      /*view-more-btn*/ }
      @media (max-width: 768px) {
        #company-information .sdgs-wrapper .sanfre {
          margin-top: -40px;
          padding-top: 110px;
          width: 95%; } }
      #company-information .sdgs-wrapper .sanfre .view-more-btn {
        font-size: clamp(16px, 1.6vw, 18px);
        font-weight: 600;
        margin: 42px auto 0;
        max-width: 440px;
        padding: 1em 1em;
        width: 80%; }
        @media (max-width: 768px) {
          #company-information .sdgs-wrapper .sanfre .view-more-btn {
            padding: 1em 1em;
            margin-top: 24px; } }
        #company-information .sdgs-wrapper .sanfre .view-more-btn.active {
          background: #4C3183;
          background: linear-gradient(90deg, #4c3183 0%, #533a82 76%); }

/*company-information*/
/********************************************************************************
products
********************************************************************************/
#products {
  /*product-map-wrapper*/
  /*case-wrapper*/
  /*products-list-wrapper*/ }
  #products .product-map-wrapper {
    background: #eef2f4;
    padding: 94px 0 68px;
    /*inner*/
    /*map-detail*/ }
    @media (max-width: 768px) {
      #products .product-map-wrapper {
        /*padding: 62px 0 42px;*/
        padding: 62px 0 0px;
        margin-top: 54px; } }
    #products .product-map-wrapper .inner .title img {
      display: block;
      margin: auto;
      max-width: 994px;
      width: 90%; }
    #products .product-map-wrapper .inner p {
      font-size: clamp(16px, 1.6vw, 18px);
      line-height: 2.5;
      margin: 4rem auto 0;
      text-align: center;
      width: 85%; }
      @media (max-width: 768px) {
        #products .product-map-wrapper .inner p {
          line-height: 2;
          margin-top: 2rem;
          text-align: left; } }
    #products .product-map-wrapper .map-detail {
      margin: auto;
      max-width: 1553px;
      position: relative;
      /*pin*/ }
      @media (max-width: 768px) {
        #products .product-map-wrapper .map-detail {
          margin-top: 0px;
          width: 100%; } }
      #products .product-map-wrapper .map-detail .pin {
        position: absolute;
        width: 46px;
        transition-duration: 0.15s;
        z-index: 9; }
        @media (max-width: 768px) {
          #products .product-map-wrapper .map-detail .pin {
            display: none; } }
        @media (hover: hover) and (pointer: fine) {
          #products .product-map-wrapper .map-detail .pin:hover {
            transform: scale(1.3, 1.3);
            transition-duration: 0.15s; } }
        #products .product-map-wrapper .map-detail .pin::before, #products .product-map-wrapper .map-detail .pin::after {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          width: 100%;
          height: 70%;
          border: 1px solid #fbb03b;
          border-radius: 50%;
          box-sizing: border-box;
          pointer-events: none;
          animation: pulsate 3s linear infinite; }
        #products .product-map-wrapper .map-detail .pin::after {
          animation-delay: 1s; }
@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(2);
    opacity: 0; } }
      #products .product-map-wrapper .map-detail .change-img {
        transition: .3s; }
      #products .product-map-wrapper .map-detail .change-img.fade-in {
        opacity: 1;
        /* フェードイン効果 */ }
      #products .product-map-wrapper .map-detail .item {
        position: absolute; }
        @media (max-width: 768px) {
          #products .product-map-wrapper .map-detail .item {
            display: none; } }
      #products .product-map-wrapper .map-detail .item1 {
        top: 24%;
        left: 25%;
        width: 7.79%; }
        #products .product-map-wrapper .map-detail .item1 .pin {
          top: -13%;
          left: 31%; }
      #products .product-map-wrapper .map-detail .item2 {
        top: 42%;
        left: 14.5%;
        width: 17.64%; }
        #products .product-map-wrapper .map-detail .item2 .pin {
          top: -17%;
          left: 49%; }
      #products .product-map-wrapper .map-detail .item3 {
        top: 33%;
        left: 23.5%;
        width: 56.2%;
        z-index: 1; }
        #products .product-map-wrapper .map-detail .item3 .pin {
          top: 66%;
          left: 0%; }
      #products .product-map-wrapper .map-detail .item4 {
        top: 52.5%;
        left: 27%;
        width: 5.8%; }
        #products .product-map-wrapper .map-detail .item4 .pin {
          top: -51%;
          left: 43%; }
      #products .product-map-wrapper .map-detail .item5 {
        top: 47%;
        left: 36.5%;
        width: 4.76%; }
        #products .product-map-wrapper .map-detail .item5 .pin {
          top: -84%;
          left: 20%; }
      #products .product-map-wrapper .map-detail .item6 {
        top: 37%;
        left: 47.5%;
        width: 4.95%; }
        #products .product-map-wrapper .map-detail .item6 .pin {
          top: -62%;
          left: 3%; }
      #products .product-map-wrapper .map-detail .item7 {
        top: 37%;
        left: 63.6%;
        width: 4.44%; }
        #products .product-map-wrapper .map-detail .item7 .pin {
          top: -62%;
          left: 7%; }
      #products .product-map-wrapper .map-detail .item8 {
        top: 32%;
        left: 67.5%;
        width: 9.14%; }
        #products .product-map-wrapper .map-detail .item8 .pin {
          top: -23%;
          left: 31%; }
      #products .product-map-wrapper .map-detail .item9 {
        top: 43%;
        left: 74%;
        width: 11.46%;
        z-index: 0; }
        #products .product-map-wrapper .map-detail .item9 .pin {
          top: -34%;
          left: 49%; }
      #products .product-map-wrapper .map-detail .item10 {
        top: 60%;
        left: 45%;
        width: 4.63%; }
        #products .product-map-wrapper .map-detail .item10 .pin {
          top: -35%;
          left: 13%; }
      #products .product-map-wrapper .map-detail .item11 {
        top: 62%;
        left: 52%;
        width: 7.59%; }
        #products .product-map-wrapper .map-detail .item11 .pin {
          top: -44%;
          left: 13%; }
      #products .product-map-wrapper .map-detail .item12 {
        top: 74%;
        left: 52%;
        width: 8.75%; }
        #products .product-map-wrapper .map-detail .item12 .pin {
          top: -31%;
          left: 47%; }
      #products .product-map-wrapper .map-detail .object {
        position: absolute;
        top: 43%;
        left: 51.4%;
        width: 8.43%;
        z-index: 2; }
        @media (max-width: 768px) {
          #products .product-map-wrapper .map-detail .object {
            display: none; } }
    #products .product-map-wrapper .badge img {
      filter: drop-shadow(0px 0px 5px #0092d3);
      transition-duration: 0.25s; }
      @media (hover: hover) and (pointer: fine) {
        #products .product-map-wrapper .badge img:hover {
          transform: scale(1.07, 1.07);
          transition-duration: 0.25s; } }
    #products .product-map-wrapper .modal {
      display: none;
      position: fixed;
      z-index: 10;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.5); }
      #products .product-map-wrapper .modal .modal-box {
        max-width: 383px;
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        animation-name: modalopen;
        animation-duration: .5s;
        position: relative; }
        @media (max-width: 768px) {
          #products .product-map-wrapper .modal .modal-box {
            padding: 5rem 1rem 1rem 1rem;
            width: calc(95% - 2rem); } }
@keyframes modalopen {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  @media (max-width: 768px) {
    #products .case-wrapper-space {
      background: #eef2f4;
      padding: 42px 0 0; } }
  #products .case-wrapper {
    background: #0b57a6;
    background: linear-gradient(90deg, #0b57a6 0%, #0092d3 100%);
    padding: 120px 0 120px;
    /*case-box*/ }
    @media (max-width: 768px) {
      #products .case-wrapper {
        padding: 62px 0 42px; } }
    #products .case-wrapper .head {
      color: #fff;
      font-size: clamp(24px, 3.2vw, 46px);
      font-weight: 600;
      letter-spacing: 12px;
      text-align: center; }
      #products .case-wrapper .head span {
        border-bottom: 1px solid #fff;
        padding-bottom: .5rem; }
    #products .case-wrapper .inner {
      margin: 87px auto 0;
      max-width: 1290px;
      width: 90%; }
      @media (max-width: 768px) {
        #products .case-wrapper .inner {
          margin-top: 42px; } }
    #products .case-wrapper .case-box {
      background: #fff;
      padding: 74px 10% 78px;
      /*sub-head*/
      /*ul*/ }
      @media (max-width: 768px) {
        #products .case-wrapper .case-box {
          padding: 32px 6% 34px; } }
      #products .case-wrapper .case-box + .case-box {
        margin-top: 52px; }
        @media (max-width: 768px) {
          #products .case-wrapper .case-box + .case-box {
            margin-top: 24px; } }
      #products .case-wrapper .case-box .sub-head {
        color: #0B57A6;
        font-size: clamp(24px, 3.2vw, 46px);
        font-weight: 800;
        text-align: center; }
        #products .case-wrapper .case-box .sub-head span {
          padding-bottom: 1.5rem;
          position: relative; }
          #products .case-wrapper .case-box .sub-head span::before {
            content: "";
            display: block;
            background: #0b57a6;
            background: linear-gradient(90deg, #0b57a6 0%, #0092d3 100%);
            height: 7px;
            width: 102px;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%, 0); }
        #products .case-wrapper .case-box .sub-head + p {
          font-size: clamp(13px, 1.4vw, 15px);
          line-height: 2;
          margin: 76px auto 0;
          max-width: 760px; }
          @media (max-width: 768px) {
            #products .case-wrapper .case-box .sub-head + p {
              margin-top: 46px; } }
      #products .case-wrapper .case-box ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 78px; }
        @media (max-width: 768px) {
          #products .case-wrapper .case-box ul {
            margin-top: 32px; } }
        #products .case-wrapper .case-box ul li {
          width: 32%; }
          @media (max-width: 768px) {
            #products .case-wrapper .case-box ul li {
              width: 48%; } }
          @media (max-width: 768px) {
            #products .case-wrapper .case-box ul li:nth-child(n + 3) {
              margin-top: 24px; } }
          #products .case-wrapper .case-box ul li:nth-child(n + 4) {
            margin-top: 72px; }
            @media (max-width: 768px) {
              #products .case-wrapper .case-box ul li:nth-child(n + 4) {
                margin-top: 24px; } }
          #products .case-wrapper .case-box ul li .caption {
            color: #0B57A6;
            font-size: clamp(14px, 1.6vw, 18px);
            margin-top: 1rem;
            text-align: center; }
  @media (max-width: 768px) {
    #products .products-list-space {
      background: #0b57a6;
      background: linear-gradient(90deg, #0b57a6 0%, #0092d3 100%);
      padding: 24px 0 0; } }
  #products .products-list-wrapper {
    background: #e8edf0;
    /*category-link*/
    /*products-category-wrapper*/
    /*manufacturer-list-wrapper*/ }
    #products .products-list-wrapper .head {
      padding: 116px 0 0;
      font-size: clamp(24px, 3.2vw, 46px);
      font-weight: 600;
      letter-spacing: 12px;
      text-align: center; }
      @media (max-width: 768px) {
        #products .products-list-wrapper .head {
          padding: 52px 0 38px; } }
      #products .products-list-wrapper .head span {
        border-bottom: 1px solid #141B25;
        padding-bottom: .5rem; }
      #products .products-list-wrapper .head + p {
        font-size: clamp(16px, 1.6vw, 18px);
        line-height: 2.5;
        margin: 4rem auto 0;
        text-align: center;
        width: 85%; }
        @media (max-width: 768px) {
          #products .products-list-wrapper .head + p {
            line-height: 2;
            margin: 0rem auto 0;
            text-align: left; } }
    #products .products-list-wrapper .category-link {
      display: flex;
      gap: 0 3%;
      margin: 75px auto 42px;
      max-width: 980px;
      width: 90%;
      /*view-more-btn*/ }
      @media (max-width: 768px) {
        #products .products-list-wrapper .category-link {
          display: inherit;
          margin: 24px auto 0px; } }
      #products .products-list-wrapper .category-link .view-more-btn {
        border-radius: 55px;
        font-size: clamp(16px, 1.8vw, 25px);
        max-width: inherit;
        width: 100%; }
        @media (max-width: 768px) {
          #products .products-list-wrapper .category-link .view-more-btn + .view-more-btn {
            margin-top: 12px; } }
        #products .products-list-wrapper .category-link .view-more-btn:before {
          content: "";
          background: url("../images/products/arrow-down.svg") no-repeat 0 0;
          background-size: cover;
          height: 11px;
          width: 20px;
          position: absolute;
          bottom: 10px;
          left: 50%;
          transform: translate(-50%, 0); }
        #products .products-list-wrapper .category-link .view-more-btn a {
          padding: 24px 0px 24px; }
        #products .products-list-wrapper .category-link .view-more-btn span {
          font-size: clamp(13px, 1.4vw, 15px); }
    #products .products-list-wrapper .products-category-wrapper {
      margin: 0px auto 0;
      padding-top: 62px;
      max-width: 1300px;
      width: 90%;
      /*inner*/
      /*view-more-btn*/
      /*ul*/ }
      @media (max-width: 768px) {
        #products .products-list-wrapper .products-category-wrapper {
          margin-top: -40px;
          padding-top: 72px; } }
      #products .products-list-wrapper .products-category-wrapper .inner {
        background: #fff;
        padding: 120px 7% 132px;
        position: relative; }
        @media (max-width: 768px) {
          #products .products-list-wrapper .products-category-wrapper .inner {
            padding: 62px 7% 82px; } }
        #products .products-list-wrapper .products-category-wrapper .inner::before {
          content: "";
          background: #0b57a6;
          background: linear-gradient(90deg, #0b57a6 0%, #0092d3 100%);
          height: 15px;
          width: 100%;
          position: absolute;
          top: 0;
          left: 0; }
      #products .products-list-wrapper .products-category-wrapper .cross-head {
        font-size: clamp(24px, 3.2vw, 40px);
        font-weight: 800;
        letter-spacing: 2px;
        text-align: center; }
        #products .products-list-wrapper .products-category-wrapper .cross-head small {
          font-size: clamp(18px, 2.4vw, 32px);
          font-weight: 600; }
      #products .products-list-wrapper .products-category-wrapper .view-more-btn {
        border-radius: 55px;
        font-size: clamp(16px, 1.6vw, 18px);
        font-weight: 600;
        margin: 42px auto 0;
        max-width: 340px;
        width: 80%; }
        #products .products-list-wrapper .products-category-wrapper .view-more-btn span {
          position: relative; }
          #products .products-list-wrapper .products-category-wrapper .view-more-btn span::before {
            content: "";
            background: url("../images/products/arrow.svg") no-repeat 0 0;
            background-size: cover;
            height: 12px;
            width: 6px;
            position: absolute;
            top: 50%;
            left: -21px;
            transform: translate(0, -50%); }
      #products .products-list-wrapper .products-category-wrapper ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 62px; }
        #products .products-list-wrapper .products-category-wrapper ul li {
          width: 30%; }
          @media (max-width: 768px) {
            #products .products-list-wrapper .products-category-wrapper ul li {
              width: 48%; } }
          @media (max-width: 768px) {
            #products .products-list-wrapper .products-category-wrapper ul li:nth-child(n + 3) {
              margin-top: 32px; } }
          #products .products-list-wrapper .products-category-wrapper ul li:nth-child(n + 4) {
            /*margin-top: 72px;*/
            padding-top: 100px;
            margin-top: -36px; }
            @media (max-width: 768px) {
              #products .products-list-wrapper .products-category-wrapper ul li:nth-child(n + 4) {
                padding-top: 0;
                margin-top: 32px; } }
          #products .products-list-wrapper .products-category-wrapper ul li img {
            display: block;
            margin: auto;
            max-width: 260px; }
          #products .products-list-wrapper .products-category-wrapper ul li .name {
            border-bottom: 1px solid #0B57A6;
            color: #0B57A6;
            font-size: clamp(16px, 1.8vw, 21px);
            font-weight: 600;
            padding-bottom: 1rem;
            margin-top: .5rem;
            text-align: center; }
          #products .products-list-wrapper .products-category-wrapper ul li p {
            margin-top: 1rem;
            font-weight: 400; }
    #products .products-list-wrapper .manufacturer-list-wrapper {
      margin: 0px auto 42px;
      padding-top: 62px;
      max-width: 1300px;
      width: 90%;
      /*inner*/
      /*view-more-btn*/
      /*link-list*/ }
      @media (max-width: 768px) {
        #products .products-list-wrapper .manufacturer-list-wrapper {
          margin: -40px auto 0;
          padding-top: 72px; } }
      #products .products-list-wrapper .manufacturer-list-wrapper .inner {
        background: #fff;
        padding: 120px 7% 132px;
        position: relative; }
        @media (max-width: 768px) {
          #products .products-list-wrapper .manufacturer-list-wrapper .inner {
            padding: 62px 7% 0px; } }
        #products .products-list-wrapper .manufacturer-list-wrapper .inner::before {
          content: "";
          background: #0b57a6;
          background: linear-gradient(90deg, #0b57a6 0%, #0092d3 100%);
          height: 15px;
          width: 100%;
          position: absolute;
          top: 0;
          left: 0; }
      #products .products-list-wrapper .manufacturer-list-wrapper .cross-head {
        font-size: clamp(24px, 3.2vw, 40px);
        font-weight: 800;
        letter-spacing: 2px;
        text-align: center; }
        #products .products-list-wrapper .manufacturer-list-wrapper .cross-head small {
          font-size: clamp(18px, 2.4vw, 32px);
          font-weight: 600; }
      #products .products-list-wrapper .manufacturer-list-wrapper .view-more-btn {
        border-radius: 55px;
        font-size: clamp(16px, 1.6vw, 18px);
        font-weight: 600;
        margin: 42px auto 0;
        max-width: 340px;
        width: 80%; }
        #products .products-list-wrapper .manufacturer-list-wrapper .view-more-btn span {
          position: relative; }
          #products .products-list-wrapper .manufacturer-list-wrapper .view-more-btn span::before {
            content: "";
            background: url("../images/products/arrow.svg") no-repeat 0 0;
            background-size: cover;
            height: 12px;
            width: 6px;
            position: absolute;
            top: 50%;
            left: -21px;
            transform: translate(0, -50%); }
      #products .products-list-wrapper .manufacturer-list-wrapper .link-list {
        margin-top: 58px;
        /*.board-sp*/ }
        @media (max-width: 768px) {
          #products .products-list-wrapper .manufacturer-list-wrapper .link-list {
            margin-top: 42px; } }
        #products .products-list-wrapper .manufacturer-list-wrapper .link-list .board,
        #products .products-list-wrapper .manufacturer-list-wrapper .link-list .board-sp {
          display: flex;
          flex-direction: row-reverse;
          flex-wrap: wrap; }
        #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modalOpen {
          background: #e8edf0;
          font-size: clamp(16px, 2vw, 28px);
          font-weight: 700;
          height: 7vw;
          max-height: 6vw;
          width: 10%;
          transition: .2s;
          /*@include sp{
              font-weight: $m;
              height: 9vw;
          }*/ }
          #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modalOpen.modal-none {
            color: #999;
            pointer-events: none; }
            @media (max-width: 768px) {
              #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modalOpen.modal-none {
                color: #ccc; } }
          #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modalOpen:nth-child(even) {
            background: #dee5e9; }
          #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modalOpen:nth-child(n + 11):nth-child(odd) {
            background: #dee5e9; }
          #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modalOpen:nth-child(n + 11):nth-child(even) {
            background: #e8edf0; }
          #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modalOpen:nth-child(n + 21):nth-child(odd) {
            background: #e8edf0; }
          #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modalOpen:nth-child(n + 21):nth-child(even) {
            background: #dee5e9; }
          #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modalOpen:nth-child(n + 31):nth-child(odd) {
            background: #dee5e9; }
          #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modalOpen:nth-child(n + 31):nth-child(even) {
            background: #e8edf0; }
          #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modalOpen:nth-child(n + 41):nth-child(odd) {
            background: #e8edf0; }
          #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modalOpen:nth-child(n + 41):nth-child(even) {
            background: #dee5e9; }
          #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modalOpen.active {
            background: #141B25 !important;
            color: #fff;
            font-size: clamp(18px, 3vw, 43px); }
          #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modalOpen.hover-none {
            color: #b3b3b3; }
          @media (hover: hover) and (pointer: fine) {
            #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modalOpen:hover:not(.modal-none) {
              background: #0b57a6 !important;
              background: linear-gradient(90deg, #0b57a6 0%, #0092d3 100%) !important;
              color: #fff; } }
        #products .products-list-wrapper .manufacturer-list-wrapper .link-list .board-sp {
          /*modalOpen*/ }
          @media (max-width: 768px) {
            #products .products-list-wrapper .manufacturer-list-wrapper .link-list .board-sp button {
              color: #141B25; } }
          #products .products-list-wrapper .manufacturer-list-wrapper .link-list .board-sp .modalOpen {
            height: 10vw;
            max-height: inherit;
            width: 20%; }
            #products .products-list-wrapper .manufacturer-list-wrapper .link-list .board-sp .modalOpen:nth-child(n + 6):nth-child(odd) {
              background: #e8edf0; }
            #products .products-list-wrapper .manufacturer-list-wrapper .link-list .board-sp .modalOpen:nth-child(n + 6):nth-child(even) {
              background: #dee5e9; }
          #products .products-list-wrapper .manufacturer-list-wrapper .link-list .board-sp.active {
            background: inherit;
            color: #141B25;
            font-size: clamp(15px, 2vw, 28px); }
        #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modal {
          display: none;
          position: fixed;
          z-index: 9;
          left: 0;
          top: 0;
          height: 100%;
          width: 100%;
          overflow: auto;
          background-color: rgba(0, 0, 0, 0.5); }
          #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modal .modal-box {
            background-color: #fff;
            max-width: 980px;
            width: 90%;
            padding: 2rem 2rem 2rem 5.5rem;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            animation-name: modalopen;
            animation-duration: .5s;
            position: relative; }
            @media (max-width: 768px) {
              #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modal .modal-box {
                padding: 4.5rem 1rem 1rem 1rem;
                width: calc(95% - 2rem); } }
@keyframes modalopen {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
            #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modal .modal-box ul {
              display: flex;
              flex-wrap: wrap;
              /*justify-content: space-between;
              align-items: flex-start;*/ }
              @media (max-width: 768px) {
                #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modal .modal-box ul {
                  align-items: center; } }
              #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modal .modal-box ul li {
                background: url("../images/products/arrow-blue.svg") no-repeat 0 center;
                background-size: 6px 10px;
                display: flex;
                align-items: center;
                padding-left: 1rem;
                /*text-indent: -1.25rem;*/
                line-height: 1.25;
                margin: .45rem 0;
                width: 31%; }
                @media (max-width: 768px) {
                  #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modal .modal-box ul li {
                    width: 43%; } }
                #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modal .modal-box ul li a {
                  color: #0B57A6; }
            #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modal .modal-box .word {
              background: #141B25;
              color: #fff;
              display: inline-block;
              font-size: clamp(16px, 2vw, 28px);
              width: 55px;
              height: 55px;
              position: absolute;
              top: 0;
              left: 0; }
              #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modal .modal-box .word p {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%); }
            #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modal .modal-box .modalClose {
              position: absolute;
              top: 15px;
              right: 15px; }
              #products .products-list-wrapper .manufacturer-list-wrapper .link-list .modal .modal-box .modalClose img {
                width: 15px; }

/*products*/
/********************************************************************************
privacy
********************************************************************************/
#privacy {
  /*privacy-wrapper*/ }
  #privacy .privacy-wrapper {
    margin-top: 98px;
    padding-bottom: 182px;
    /*num*/
    /*pt-num*/
    /*circle-num*/ }
    @media (max-width: 768px) {
      #privacy .privacy-wrapper {
        margin-top: 42px;
        padding-bottom: 72px; } }
    #privacy .privacy-wrapper .inner {
      margin: auto;
      max-width: 1290px;
      width: 85%; }
    #privacy .privacy-wrapper .first-text {
      margin-bottom: 3rem; }
    #privacy .privacy-wrapper .sub-head {
      color: #0B57A6;
      font-size: clamp(16px, 1.8vw, 19px);
      font-weight: 800;
      margin-top: 58px; }
      @media (max-width: 768px) {
        #privacy .privacy-wrapper .sub-head {
          margin-top: 32px; } }
      #privacy .privacy-wrapper .sub-head + p {
        margin-top: .5rem; }
    #privacy .privacy-wrapper ul {
      margin-top: 1.5rem; }
      #privacy .privacy-wrapper ul li {
        list-style-type: disc;
        list-style-position: inside;
        padding-left: 1.25rem;
        text-indent: -1.25rem; }
      #privacy .privacy-wrapper ul + .sub-head {
        margin-top: 58px; }
        @media (max-width: 768px) {
          #privacy .privacy-wrapper ul + .sub-head {
            margin-top: 32px; } }
    #privacy .privacy-wrapper .num {
      padding-left: 2rem;
      position: relative; }
      #privacy .privacy-wrapper .num::before {
        content: "1.";
        position: absolute;
        top: 0;
        left: 0; }
      #privacy .privacy-wrapper .num.num1 {
        margin-top: .5rem; }
      #privacy .privacy-wrapper .num.num1::before {
        content: "1."; }
      #privacy .privacy-wrapper .num.num2::before {
        content: "2."; }
      #privacy .privacy-wrapper .num.num3::before {
        content: "3."; }
      #privacy .privacy-wrapper .num.num4::before {
        content: "4."; }
    #privacy .privacy-wrapper .pt-num {
      padding-left: 2rem;
      position: relative;
      margin-left: 1rem; }
      #privacy .privacy-wrapper .pt-num::before {
        content: "（1）";
        position: absolute;
        top: 0;
        left: 0; }
      #privacy .privacy-wrapper .pt-num.num1 {
        margin-top: .5rem; }
      #privacy .privacy-wrapper .pt-num.num1::before {
        content: "（1）"; }
      #privacy .privacy-wrapper .pt-num.num2::before {
        content: "（2）"; }
      #privacy .privacy-wrapper .pt-num.num3::before {
        content: "（3）"; }
      #privacy .privacy-wrapper .pt-num.num4::before {
        content: "（4）"; }
    #privacy .privacy-wrapper .circle-num {
      padding-left: 2rem;
      position: relative;
      margin-left: 3rem; }
      #privacy .privacy-wrapper .circle-num::before {
        content: "\02460";
        position: absolute;
        top: 0;
        left: 0; }
      #privacy .privacy-wrapper .circle-num.num1 {
        margin-top: .5rem; }
      #privacy .privacy-wrapper .circle-num.num1::before {
        content: "\02460"; }
      #privacy .privacy-wrapper .circle-num.num2::before {
        content: "\02461"; }
      #privacy .privacy-wrapper .circle-num.num3::before {
        content: "\02462"; }
      #privacy .privacy-wrapper .circle-num.num4::before {
        content: "\02463"; }
    #privacy .privacy-wrapper .indent {
      margin-left: 3rem; }

/*privacy*/
/***********************************************************************
form
**********************************************************************/
#contact,
#confirm,
#entry-form,
#entry-confirm {
  /*etc-contact*/ }
  @media (max-width: 768px) {
    #contact .send-text,
    #contact .confirm-text,
    #confirm .send-text,
    #confirm .confirm-text,
    #entry-form .send-text,
    #entry-form .confirm-text,
    #entry-confirm .send-text,
    #entry-confirm .confirm-text {
      margin: auto;
      width: 85%; } }
  #contact .send-text p,
  #contact .confirm-text p,
  #confirm .send-text p,
  #confirm .confirm-text p,
  #entry-form .send-text p,
  #entry-form .confirm-text p,
  #entry-confirm .send-text p,
  #entry-confirm .confirm-text p {
    margin-top: 2rem;
    text-align: center; }
  #contact .send-text .sup,
  #contact .confirm-text .sup,
  #confirm .send-text .sup,
  #confirm .confirm-text .sup,
  #entry-form .send-text .sup,
  #entry-form .confirm-text .sup,
  #entry-confirm .send-text .sup,
  #entry-confirm .confirm-text .sup {
    color: #0B57A6;
    margin-top: .5rem; }
  #contact .entry-btn,
  #confirm .entry-btn,
  #entry-form .entry-btn,
  #entry-confirm .entry-btn {
    margin: 18px auto 0; }
  #contact .recruit,
  #confirm .recruit,
  #entry-form .recruit,
  #entry-confirm .recruit {
    margin-top: 42px; }
    @media (max-width: 768px) {
      #contact .recruit,
      #confirm .recruit,
      #entry-form .recruit,
      #entry-confirm .recruit {
        margin: 32px auto 0;
        width: 85%; } }
    #contact .recruit p,
    #confirm .recruit p,
    #entry-form .recruit p,
    #entry-confirm .recruit p {
      color: #0B57A6;
      text-align: center; }
    #contact .recruit img,
    #confirm .recruit img,
    #entry-form .recruit img,
    #entry-confirm .recruit img {
      display: block;
      margin: 1rem auto 0;
      width: 15px; }
    #contact .recruit .recruit-btn,
    #confirm .recruit .recruit-btn,
    #entry-form .recruit .recruit-btn,
    #entry-confirm .recruit .recruit-btn {
      margin: 1rem auto 0; }
      @media (max-width: 768px) {
        #contact .recruit .recruit-btn,
        #confirm .recruit .recruit-btn,
        #entry-form .recruit .recruit-btn,
        #entry-confirm .recruit .recruit-btn {
          width: 60%; } }
  #contact .required-txt,
  #confirm .required-txt,
  #entry-form .required-txt,
  #entry-confirm .required-txt {
    color: #0B57A6;
    font-weight: 700;
    margin-top: 72px;
    text-align: center; }
    @media (max-width: 768px) {
      #contact .required-txt,
      #confirm .required-txt,
      #entry-form .required-txt,
      #entry-confirm .required-txt {
        margin-top: 62px; } }
  #contact .etc-contact,
  #confirm .etc-contact,
  #entry-form .etc-contact,
  #entry-confirm .etc-contact {
    margin: 132px auto 0;
    padding-bottom: 200px;
    max-width: 1300px;
    /*max-width: 860px;*/
    width: 90%;
    /*tel*/ }
    @media (max-width: 768px) {
      #contact .etc-contact,
      #confirm .etc-contact,
      #entry-form .etc-contact,
      #entry-confirm .etc-contact {
        margin: 42px auto 0;
        padding-bottom: 100px; } }
    #contact .etc-contact .text,
    #confirm .etc-contact .text,
    #entry-form .etc-contact .text,
    #entry-confirm .etc-contact .text {
      color: #0B57A6;
      font-size: clamp(16px, 2vw, 22px);
      text-align: center; }
    #contact .etc-contact .flex-box,
    #confirm .etc-contact .flex-box,
    #entry-form .etc-contact .flex-box,
    #entry-confirm .etc-contact .flex-box {
      display: flex;
      margin-top: 42px; }
      @media (max-width: 768px) {
        #contact .etc-contact .flex-box,
        #confirm .etc-contact .flex-box,
        #entry-form .etc-contact .flex-box,
        #entry-confirm .etc-contact .flex-box {
          display: inherit;
          margin-top: 24px; } }
    #contact .etc-contact .tel,
    #contact .etc-contact .fax,
    #confirm .etc-contact .tel,
    #confirm .etc-contact .fax,
    #entry-form .etc-contact .tel,
    #entry-form .etc-contact .fax,
    #entry-confirm .etc-contact .tel,
    #entry-confirm .etc-contact .fax {
      background-image: linear-gradient(-70deg, #0a5ba9 50%, #046faf 50%);
      background-image: -webkit-linear-gradient(-70deg, #0a5ba9 50%, #046faf 50%);
      background-image: -moz-linear-gradient(-70deg, #0a5ba9 50%, #046faf 50%);
      background-image: -ms-linear-gradient(-70deg, #0a5ba9 50%, #046faf 50%);
      color: #fff;
      padding: 5rem 0;
      /*width: 50%;*/
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 768px) {
        #contact .etc-contact .tel,
        #contact .etc-contact .fax,
        #confirm .etc-contact .tel,
        #confirm .etc-contact .fax,
        #entry-form .etc-contact .tel,
        #entry-form .etc-contact .fax,
        #entry-confirm .etc-contact .tel,
        #entry-confirm .etc-contact .fax {
          padding: 1.5rem 0;
          width: 100%; } }
      #contact .etc-contact .tel .small,
      #contact .etc-contact .fax .small,
      #confirm .etc-contact .tel .small,
      #confirm .etc-contact .fax .small,
      #entry-form .etc-contact .tel .small,
      #entry-form .etc-contact .fax .small,
      #entry-confirm .etc-contact .tel .small,
      #entry-confirm .etc-contact .fax .small {
        font-size: clamp(16px, 1.6vw, 18px);
        font-weight: 800;
        text-align: center; }
      #contact .etc-contact .tel .office,
      #contact .etc-contact .fax .office,
      #confirm .etc-contact .tel .office,
      #confirm .etc-contact .fax .office,
      #entry-form .etc-contact .tel .office,
      #entry-form .etc-contact .fax .office,
      #entry-confirm .etc-contact .tel .office,
      #entry-confirm .etc-contact .fax .office {
        font-size: clamp(15px, 1.8vw, 20px);
        font-weight: 700;
        margin-bottom: 1.5rem;
        text-align: center; }
        #contact .etc-contact .tel .office small,
        #contact .etc-contact .fax .office small,
        #confirm .etc-contact .tel .office small,
        #confirm .etc-contact .fax .office small,
        #entry-form .etc-contact .tel .office small,
        #entry-form .etc-contact .fax .office small,
        #entry-confirm .etc-contact .tel .office small,
        #entry-confirm .etc-contact .fax .office small {
          opacity: .5; }
      #contact .etc-contact .tel .num,
      #contact .etc-contact .fax .num,
      #confirm .etc-contact .tel .num,
      #confirm .etc-contact .fax .num,
      #entry-form .etc-contact .tel .num,
      #entry-form .etc-contact .fax .num,
      #entry-confirm .etc-contact .tel .num,
      #entry-confirm .etc-contact .fax .num {
        font-size: clamp(32px, 4.5vw, 51px);
        font-weight: 800;
        margin-top: .5rem;
        text-align: center; }
        #contact .etc-contact .tel .num small,
        #contact .etc-contact .fax .num small,
        #confirm .etc-contact .tel .num small,
        #confirm .etc-contact .fax .num small,
        #entry-form .etc-contact .tel .num small,
        #entry-form .etc-contact .fax .num small,
        #entry-confirm .etc-contact .tel .num small,
        #entry-confirm .etc-contact .fax .num small {
          font-size: clamp(18px, 2vw, 24px);
          margin-right: .5rem; }
      #contact .etc-contact .tel .time,
      #contact .etc-contact .fax .time,
      #confirm .etc-contact .tel .time,
      #confirm .etc-contact .fax .time,
      #entry-form .etc-contact .tel .time,
      #entry-form .etc-contact .fax .time,
      #entry-confirm .etc-contact .tel .time,
      #entry-confirm .etc-contact .fax .time {
        font-size: clamp(14px, 1.7vw, 19px);
        font-weight: 400;
        margin-top: 2rem;
        text-align: center; }
        @media (max-width: 768px) {
          #contact .etc-contact .tel .time,
          #contact .etc-contact .fax .time,
          #confirm .etc-contact .tel .time,
          #confirm .etc-contact .fax .time,
          #entry-form .etc-contact .tel .time,
          #entry-form .etc-contact .fax .time,
          #entry-confirm .etc-contact .tel .time,
          #entry-confirm .etc-contact .fax .time {
            margin-top: 1rem; } }
      #contact .etc-contact .tel .sup,
      #contact .etc-contact .fax .sup,
      #confirm .etc-contact .tel .sup,
      #confirm .etc-contact .fax .sup,
      #entry-form .etc-contact .tel .sup,
      #entry-form .etc-contact .fax .sup,
      #entry-confirm .etc-contact .tel .sup,
      #entry-confirm .etc-contact .fax .sup {
        font-size: clamp(14px, 1.6vw, 17px);
        font-weight: 400;
        text-align: center; }
    #contact .etc-contact .fax,
    #confirm .etc-contact .fax,
    #entry-form .etc-contact .fax,
    #entry-confirm .etc-contact .fax {
      background-image: linear-gradient(-62deg, #0092d3 50%, #0084be 50%);
      background-image: -webkit-linear-gradient(-62deg, #0092d3 50%, #0084be 50%);
      background-image: -moz-linear-gradient(-62deg, #0092d3 50%, #0084be 50%);
      background-image: -ms-linear-gradient(-62deg, #0092d3 50%, #0084be 50%); }
    #contact .etc-contact .time,
    #confirm .etc-contact .time,
    #entry-form .etc-contact .time,
    #entry-confirm .etc-contact .time {
      font-size: clamp(14px, 1.7vw, 19px);
      font-weight: 400;
      margin-top: 1rem;
      text-align: center; }
      @media (max-width: 768px) {
        #contact .etc-contact .time,
        #confirm .etc-contact .time,
        #entry-form .etc-contact .time,
        #entry-confirm .etc-contact .time {
          margin-top: 1rem; } }
    #contact .etc-contact .sup,
    #confirm .etc-contact .sup,
    #entry-form .etc-contact .sup,
    #entry-confirm .etc-contact .sup {
      font-size: clamp(14px, 1.6vw, 17px);
      font-weight: 400;
      text-align: center; }

/*contact*/
#confirm .send-text,
#confirm .recruit,
#confirm .required-txt,
#confirm .privacy-box,
#confirm .etc-contact,
#thanks .send-text,
#thanks .recruit,
#thanks .required-txt,
#thanks .privacy-box,
#thanks .etc-contact,
#entry-confirm .send-text,
#entry-confirm .recruit,
#entry-confirm .required-txt,
#entry-confirm .privacy-box,
#entry-confirm .etc-contact,
#entry-thanks .send-text,
#entry-thanks .recruit,
#entry-thanks .required-txt,
#entry-thanks .privacy-box,
#entry-thanks .etc-contact {
  display: none; }

#thanks .text-inner,
#entry-thanks .text-inner {
  margin-top: 46px;
  padding-bottom: 160px; }
  @media (max-width: 768px) {
    #thanks .text-inner,
    #entry-thanks .text-inner {
      margin-top: 20px; } }
  #thanks .text-inner .cross-head,
  #entry-thanks .text-inner .cross-head {
    color: #0B57A6; }

.wpcf7-response-output {
  display: none; }

/*確認画面と完了画面を非表示*/
.confirm_area,
.thanks_area {
  display: none; }

.form-area {
  margin: 46px auto 130px;
  max-width: 1300px;
  width: 90%; }
  @media (max-width: 768px) {
    .form-area {
      margin: 12px auto 0; } }
  .form-area .form-input,
  .form-area .form-confirm {
    max-width: 960px;
    margin: auto; }
  @media (max-width: 768px) {
    .form-area table {
      display: list-item; } }
  .form-area th {
    font-weight: 600;
    white-space: nowrap;
    padding: 1.5rem 0; }
    @media (max-width: 768px) {
      .form-area th {
        display: list-item;
        padding: 1rem 0 0; } }
    .form-area th span {
      color: #0B57A6;
      padding-right: 1rem; }
      @media (max-width: 768px) {
        .form-area th span {
          padding-right: .5rem; } }
  .form-area td {
    padding: 1.5rem 0;
    padding-left: 1rem; }
    @media (max-width: 768px) {
      .form-area td {
        display: list-item;
        padding: 0; } }
  .form-area .flex p {
    display: flex;
    gap: 0 2%;
    align-items: center; }
    @media (max-width: 768px) {
      .form-area .flex p {
        gap: 0 1%; } }
  .form-area input[type="text"], .form-area textarea, .form-area input[type="email"], .form-area input[type="tel"] {
    background: #ebf0f2;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    padding: 1rem;
    width: calc(100% - 2rem);
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }
    @media (max-width: 768px) {
      .form-area input[type="text"], .form-area textarea, .form-area input[type="email"], .form-area input[type="tel"] {
        padding: .5rem .75rem; } }
  .form-area select {
    font-size: 16px;
    background: #ebf0f2;
    border-radius: 5px;
    border: none;
    padding: 1rem;
    background-image: url("../images/contact/arrow.svg");
    background-repeat: no-repeat;
    background-size: 12px auto;
    /* 画像のサイズ（幅 高さ）*/
    background-position: right 12px center; }
    @media (max-width: 768px) {
      .form-area select {
        padding: .5rem; } }
  .form-area .zip1 {
    width: 100px !important; }
  .form-area .zip2 {
    width: 150px !important; }
  .form-area input[type="submit"],
  .form-area input[type="button"].confirm_button {
    -webkit-appearance: button;
    border: none;
    background: #0b57a6;
    background: linear-gradient(90deg, #0b57a6 0%, #0092d3 100%);
    color: #fff;
    display: block;
    font-size: clamp(14px, 2vw, 16px);
    margin: auto;
    padding: 1.5rem 6rem;
    position: relative; }
    @media screen and (max-width: 768px) {
      .form-area input[type="submit"],
      .form-area input[type="button"].confirm_button {
        margin-bottom: 0px; } }
    .form-area input[type="submit"]:hover,
    .form-area input[type="button"].confirm_button:hover {
      background: #0B57A6;
      cursor: pointer; }
  .form-area input[type="button"] {
    background: #333;
    border: none;
    color: #fff;
    padding: 14px 20px 14px;
    display: block;
    margin: 0 auto 82px; }
    .form-area input[type="button"]:hover {
      cursor: pointer; }
  .form-area button.zip-button {
    -webkit-appearance: button;
    background: #FF8E00;
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    padding: 4px 10px 4px; }
    @media screen and (max-width: 768px) {
      .form-area button.zip-button {
        padding: 4px 10px 4px; } }
    .form-area button.zip-button:hover {
      background: #0B57A6;
      cursor: pointer; }
  .form-area .place .wpcf7-not-valid-tip {
    display: none !important; }
  .form-area .privacy-box {
    background: #ebf0f2;
    padding: 20px;
    margin-bottom: 32px;
    text-align: center; }
    .form-area .privacy-box .sub-head {
      color: #0B57A6;
      font-size: clamp(16px, 1.8vw, 20px);
      font-weight: 800;
      text-align: center;
      margin: 0;
      padding-bottom: 1rem; }
      @media (max-width: 768px) {
        .form-area .privacy-box .sub-head {
          border-bottom: 1px solid #0B57A6;
          padding-bottom: .5rem; } }
      .form-area .privacy-box .sub-head span {
        border-bottom: 1px solid #0B57A6;
        padding-bottom: 1rem; }
        @media (max-width: 768px) {
          .form-area .privacy-box .sub-head span {
            border-bottom: none;
            padding-bottom: 0; } }
      .form-area .privacy-box .sub-head + p {
        margin-top: 1.5rem; }
        .form-area .privacy-box .sub-head + p span {
          color: #0B57A6; }
        .form-area .privacy-box .sub-head + p + p {
          margin-top: 1.5rem; }
    .form-area .privacy-box a {
      color: #0B57A6;
      text-decoration: underline; }
    .form-area .privacy-box label {
      color: #0B57A6;
      font-size: 18px;
      font-weight: 700; }
    .form-area .privacy-box .privacy-btn p {
      text-align: center;
      margin: 0; }
    .form-area .privacy-box .error {
      font-size: 16px; }

/*form-area*/
.confirm_button:disabled {
  background: #ccc !important; }

#confirm th,
#entry-confirm th,
.confirm_area th {
  border-bottom: 1px solid #ccc;
  padding: .5rem 0; }
  #confirm th span,
  #entry-confirm th span,
  .confirm_area th span {
    display: none; }
#confirm td,
#entry-confirm td,
.confirm_area td {
  border-bottom: 1px solid #ccc;
  padding: .5rem 0;
  padding-left: 1rem; }
#confirm .btn-area,
#entry-confirm .btn-area,
.confirm_area .btn-area {
  margin-top: 42px; }

#thanks,
#entry-thanks,
.thanks_area {
  text-align: center; }
  #thanks .about_desc,
  #entry-thanks .about_desc,
  .thanks_area .about_desc {
    margin: 42px 0 0; }
    @media (max-width: 768px) {
      #thanks .about_desc,
      #entry-thanks .about_desc,
      .thanks_area .about_desc {
        margin: 24px 0 0; } }
  #thanks h3,
  #entry-thanks h3,
  .thanks_area h3 {
    text-align: center;
    margin: 0 0 1em; }

#archive {
  /*information article*/ }
  #archive #information,
  #archive #article {
    background: none;
    padding: 24px 0 62px;
    /*news-list*/ }
    @media (max-width: 768px) {
      #archive #information,
      #archive #article {
        padding: 24px 0 100px; } }
    #archive #information .inner,
    #archive #article .inner {
      display: inherit;
      margin: auto;
      max-width: 900px;
      width: 85%; }
    #archive #information .news-list,
    #archive #article .news-list {
      width: 100%;
      /*li*/ }
      @media (max-width: 768px) {
        #archive #information .news-list,
        #archive #article .news-list {
          width: 100%; } }
      #archive #information .news-list li,
      #archive #article .news-list li {
        border-bottom: 1px solid #141B25;
        letter-spacing: 2px;
        padding: 2rem 8.5rem 2rem 5rem;
        position: relative;
        text-align: justify;
        transition: .5s; }
        @media (max-width: 768px) {
          #archive #information .news-list li,
          #archive #article .news-list li {
            padding: 1rem 2.5rem 1rem .25rem; } }
        #archive #information .news-list li::before,
        #archive #article .news-list li::before {
          content: "";
          background: url("../images/common/icon-arrow-blue.svg") no-repeat 0 center;
          background-size: cover;
          height: 24px;
          width: 24px;
          position: absolute;
          top: 50%;
          right: 13%;
          transform: translate(0, -50%); }
          @media (max-width: 768px) {
            #archive #information .news-list li::before,
            #archive #article .news-list li::before {
              right: 0;
              height: 16px;
              width: 16px; } }
        @media (hover: hover) and (pointer: fine) {
          #archive #information .news-list li:not(.link-none):hover,
          #archive #article .news-list li:not(.link-none):hover {
            background: #eeeeee;
            cursor: pointer; } }
        #archive #information .news-list li .date,
        #archive #article .news-list li .date {
          color: #0B57A6;
          font-size: 12px;
          letter-spacing: 5px; }
        #archive #information .news-list li.link-none::before,
        #archive #article .news-list li.link-none::before {
          content: none; }
    #archive #information .article-title,
    #archive #article .article-title {
      border-bottom: 1px solid #0B57A6;
      color: #0B57A6;
      font-size: clamp(20px, 2.8vw, 36px);
      padding-bottom: .5rem;
      margin-bottom: .5rem;
      line-height: 160%; }
    #archive #information .data,
    #archive #article .data {
      color: #0B57A6;
      font-size: clamp(13px, 1.6vw, 18px); }
    #archive #information .article-content,
    #archive #article .article-content {
      margin-top: 2rem;
      font-size: clamp(14px, 1.5vw, 16px); }
      #archive #information .article-content p + p,
      #archive #article .article-content p + p {
        margin-top: 1.5rem; }
      #archive #information .article-content a,
      #archive #article .article-content a {
        color: #0B57A6;
        text-decoration: underline; }
    #archive #information .return-btn,
    #archive #article .return-btn {
      margin-top: 62px;
      text-align: center; }
      @media (max-width: 768px) {
        #archive #information .return-btn,
        #archive #article .return-btn {
          margin-top: 42px;
          margin-bottom: 40px; } }
      #archive #information .return-btn a,
      #archive #article .return-btn a {
        border: 1px solid #0B57A6;
        border-radius: 5px;
        box-sizing: border-box;
        color: #0B57A6;
        display: inline-block;
        font-size: 18px;
        padding: 15px;
        text-align: center; }
        @media (max-width: 768px) {
          #archive #information .return-btn a,
          #archive #article .return-btn a {
            font-size: 16px;
            padding: 13px 25px;
            width: inherit; } }
  #archive #article {
    padding: 200px 0 82px; }
    @media (max-width: 768px) {
      #archive #article {
        padding: 76px 0 0px; } }

/*#archive*/
.nav-links {
  margin-top: 4rem; }
  @media (max-width: 768px) {
    .nav-links {
      margin-top: 2rem; } }

.nav-links ul {
  display: flex;
  justify-content: center;
  list-style: none;
  gap: 8px; }

.nav-links li > *:not(.dots) {
  width: 27px;
  border: 1px solid #0B57A6;
  background: transparent;
  transition: .3s; }

.nav-links li > * {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 27px;
  font-size: 14px; }

.nav-links a {
  color: #0B57A6;
  text-decoration: none; }

.nav-links li > .current, .nav-links li > a:hover {
  background: #0B57A6;
  color: #fff; }

#notfound #error-404 {
  padding: 200px 0;
  text-align: center; }
  #notfound #error-404 .link a {
    border: 1px solid #0B57A6;
    border-radius: 5px;
    box-sizing: border-box;
    color: #0B57A6;
    display: inline-block;
    font-size: 18px;
    margin-top: 3rem;
    padding: 15px;
    text-align: center; }
    @media (max-width: 768px) {
      #notfound #error-404 .link a {
        font-size: 16px;
        padding: 13px 25px;
        width: inherit; } }