/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*!///////////////////////////////////////////*/
/*!//////////// ↓↓↓reset↓↓↓ ////////////*/
/*!///////////////////////////////////////////*/
*, *::before, *::after { box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl { margin: 0; color: #273e48;}
a { text-decoration: none;}
ul,ol { padding-left: 0; list-style-type: none;}
dd { margin-left: 0;}
p {font-size: 14px; line-height: calc(28 / 16);}
@media screen and (min-width: 768px) { p { font-size: 16px; }}
button {border: 0;}
/*!///////////////////////////////////////////*/
/*!//////////// ↑↑↑reset↑↑↑ ////////////*/
/*!///////////////////////////////////////////*/


/*!////////////////////////////////////////////*/
/*!//////////// ↓↓↓common↓↓↓ ////////////*/
/*!////////////////////////////////////////////*/
body { font-family: "Noto Sans JP", sans-serif;}
.figtree {
  font-family: "Figtree", "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 767px) {
  .sp-none { display: none !important;}}
@media screen and (min-width: 768px) {
  .pc-none {display: none !important;}}
.hidden { display: none !important;}
.image { display: block; width: 100%;}
.wrapper {position: relative; overflow:clip;} /* overflowは適宜hiddenに変更 */
.container {
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
}
@media screen and (max-width: 767px) {
.container {
  padding-left: min(calc(20vw / 3.75),20px);
  padding-right: min(calc(20vw / 3.75),20px);
}
}

.container--1120px {
  max-width: 1220px;
}
.container--1150 {
  max-width: 1250px;
}
.container--1075 {
  max-width: 1175px;  
}
.container--footer {
  max-width: 1340px;
}
@media screen and (max-width: 767px) {
 .container--sp-side25 {
    padding-left: min(calc(25vw / 3.75),25px);
    padding-right: min(calc(25vw / 3.75),25px);
 }
}

body * { min-height: 0vw;} /* clamp用 */

a { transition: .3s; }
a * {pointer-events: none; transition: .3s;} /* サイト計測用 */

img ,svg { width: 100%; height: auto; object-fit: contain; }

section { position: relative; }

h2 { text-align: center; }

/* 可変改行指定、<wbr>と併用 */
.WBR { word-break: keep-all; overflow-wrap: anywhere; } 

.Grid {
  width: 100%;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  gap: 20px;
}

@media screen and (min-width: 769px) {
  a[href^="tel:"] {
      pointer-events: none;
  }
}

button {
  cursor: pointer;
}

summary {
  cursor: pointer;
	list-style: none;
}
summary::-webkit-details-marker {
	display: none;
}
/* .link-button {display: block; width: 100%;} */



img {
  object-fit: contain;
}

.main {
  position: relative;
}


/*!////////////////////////////////////////////*/
/*!//////////// ↑↑↑common↑↑↑ ////////////*/
/*!////////////////////////////////////////////*/

.relative {
  position: relative;
}

.light-navy {
  color: #004e76;
}
.navy {
  color:  #273e48;
}
.cerulean {
  color:#248c96;
}
.cyan {
  color:#00a4e8;
}
.inkblue {
  color:#5a75b8;
}
.slateblue {
   color:#6c89c4; 
}
.white {
  color: #fff;
}
.red {
  color: #ed0553;
}
.light-cyan {
  color: #1da6dc;
}
.deepblue {
    color: #1255a5;
}

.bl-light-navy {
  border-color: #004e76;
}
.bl-navy {
  border-color: #273e48;
}
.bl-cerulean {
  color:#248c96;
}
.bl-cyan {
  color:#00a4e8;
}
.bl-inkblue {
  color:#5a75b8;
}


.bg-gray {
  background-color: #f7f8f9;
}
.bg-white {
  background-color: #fff;
}
.bg-aqua {
  background-color: #39d8f0;
}
.bg-cerulean {
  background-color: #0891d0;
}
.bg-pastel-blue {
  background-color: #b5def1;
}
.bg-ice-blue {
  background-color: #ebf1f5;
}

.loading-container {
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.loading-container.fadeout {
  animation: fadeOut 0.3s ease forwards;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.loader {
  color: #004e76;
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  background-image: conic-gradient(
    rgba(0, 78, 118, 0.0),
    rgba(0, 78, 118, 0.0),
    rgba(0, 78, 118, 0.5) 20%,
    #004e76,
    #004e76,
    #004e76,
    #004e76
  );
  mask-image:
        radial-gradient( transparent 0%, transparent 20px, white 20px, white );
  mask-composite: subtract;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
    filter: brightness(100%);
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
        filter: brightness(100%);
  }
  50% {
    opacity: .6;
    filter: brightness(200%);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 1;
    filter: brightness(100%);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
        opacity: 1;
        filter: brightness(100%);
  }
  50% {
    filter: brightness(200%);
    opacity: .6;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
        opacity: 1;
    filter: brightness(100%);
  }
}


.subpage-fv {
  position: relative;
  height: 317px;
  width: 100%;
  background-color: #f7f8f9;
  border-bottom: 1px solid #6c89c4;
  overflow: clip;
}
@media screen and (max-width: 768px) {
.subpage-fv {
  min-height: 180px;
  height: auto;
}
}

.subpage-fv-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.subpage-fv-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.subpage-fv .container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-top: 60px;
  padding-bottom: 30px;
  min-height: 180px;
}

.BreadcrumbList {
  position: absolute;
  top: 15px;
  left: 50px;
  width: calc(100% - 100px);
}
@media screen and (max-width: 768px) {
  .BreadcrumbList {
    left: 20px;
    width: calc(100% - 40px);
  }
}

.BreadcrumbList li ,.BreadcrumbList li * {
  display: inline;
}

.BreadcrumbList li:not(:last-of-type)::after {
  content: ">";
  padding-left: 5px;
  padding-right: 5px;
}

.BreadcrumbList li a {
  background-image: linear-gradient(#273e48,#273e48);
  background-size: 100% 1px;
  background-position: left 85%;
  background-repeat: no-repeat;
}
.BreadcrumbList li a:hover {
  background-size: 0% 1px;
    filter: brightness(200%);
}

.BreadcrumbList span {
  color: #273e48;
  font-size: clamp(min(calc(10vw / 3.75),10px),calc(14vw / 10),14px);
}

.page-title {
  position: relative;
  font-size: clamp(min(calc(22vw / 3.75),22px),calc(30vw / 10),30px);
  line-height: 2;
  color: #004e76;
  text-align: center;
}

.common-text {
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px);
  line-height: calc(28 / 16);
}
.common-text--18 {
  font-size: clamp(min(calc(16vw / 3.75),16px),calc(18vw / 10),18px);
}
.customer_harassment__common-text--18 {
  line-height: calc(31.5 / 18);
}
.common-text--indent {
  padding-left: calc(clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px) / 2);
  text-indent: calc(0% - clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px));
}

.common-text--right {
  text-align: right;
}

.common-title {
  position: relative;
  /* padding-top: clamp(30px,calc(100vw / 10),100px); */
}

.common-title-text {
  font-size: clamp(min(calc(30vw / 3.75),30px),calc(54vw / 10),54px);
  /* font-size: 40px; */
  letter-spacing: clamp(min(calc(3vw / 3.75),3px), calc(5vw / 7.68), 5px);
  font-weight: 500;
  text-align: left;
  color: #273e48;
  display: flex;
  align-items: flex-start;
  gap: clamp(3px,calc(5vw / 10),5px);
}
.company__common-title,
.customer_harassment__common-title .common-title-text ,
.page-branch .common-title-text,
.page-sustainability .common-title-text,
.page-posture .common-title-text,
.general_customers-page .common-title-text,
.contact-page .common-title-text,
.common-title--40 .common-title-text
 {
  font-size: clamp(min(calc(22vw / 3.75),22px),calc(40vw / 10),40px);
  margin-top: clamp(50px,calc(80vw / 10),80px);
}

.common-section:last-of-type {
  padding-bottom: clamp(70px,calc(130vw / 10),130px);
}

.common-list {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
  margin-top: 30px;
}

.common-list-item {
  display: flex;
  flex-direction: column;
  gap: 5px 0;
}

.common-banner {
  width: 100%;
  max-width: 1240px;
  padding-left: min(calc(20vw / 3.75),20px);
  padding-right: min(calc(20vw / 3.75),20px);
  padding-bottom: clamp(45px,calc(150vw / 10),150px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(min(calc(10vw / 3.75),10px),calc(30vw / 10),30px);
}
@media screen and (max-width: 768px) {
  .common-banner {
    display: grid;
    gap: min(calc(10vw / 3.75),10px);
    grid-template-columns: repeat(2,1fr);
    grid-auto-rows: auto;
    max-width: 450px;
  }
}

.common-banner a {
  display: block;
  border: 1px solid #000;
  width: clamp(min(calc(160vw / 3.75),160px),calc(375vw / 10),375px);

}
@media screen and (max-width: 768px) {
.common-banner a {
  width: 100%;
}
}

.common-banner a img {
  display: block;
  width: 100%;
}

.customer_harassment__common-title .common-title-text {
  position: relative;
}

.border {
  display: block;
  width: clamp(min(calc(22vw / 3.75),22px),calc(24.5vw / 10),24.5px);
  height: clamp(min(calc(30vw / 3.75),30px),calc(54vw / 10),54px);
  background-image: linear-gradient(#6c89c4,#6c89c4);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: center;
  /* margin: auto 0; */
}
.customer_harassment__common-title .border {
  position: absolute;
  top: 0;
  right: calc(100% + 10px);
  height: 100%;
}
@media screen and (max-width: 768px) {
.customer_harassment__common-title .border {
  position: static;
  height: min(calc(22vw / 3.75), 22px);
  transform: translate(0);
  margin-top: min(calc(3vw / 3.75), 3px);
}
}

.text-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 35px;
}

.text-list--top55 {
  margin-top: 55px;
}

.text-list--inline {
  margin-top: 0;
}

.customer_harassment-policy {
  border: 1px solid #6c89c4;
  padding: min(calc(60vw / 10),60px);
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
.customer_harassment-policy {
  padding: 25px min(calc(20vw / 3.75),20px);
}
}

.customer_harassment-policy-title {
  font-size: clamp(min(calc(17vw / 3.75),17px),calc(22vw / 10),22px);
  font-weight: 700;
  color: #004e76;
  line-height: calc(38.5 / 22);
  text-align: center;
  border-bottom: 1px solid #6c89c4;
  padding-bottom: 30px;
  margin-bottom: 35px;
}

.splide--top__slider-item {
  display: block;
  width: 100%;
  overflow: clip;
  border-radius: clamp(10px,calc(30vw / 10),30px);
  transition: .3s;
}
@media screen and (min-width: 769px) {
  a.splide--top__slider-item:hover {
    transform: scale(0.99);
    opacity: .9;
  }
}

.splide--top .splide__arrow {
  width: max(40px,calc(40vw / 14));
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 99 99"><polygon fill="%23003c63" points="41.54 63.55 40.84 62.84 55.27 48.41 40.84 33.97 41.54 33.27 56.69 48.41 41.54 63.55"/></svg>') ;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 768px) {
  .splide--top .splide__arrow {
    width: min(calc(40vw / 3.75),40px);
  }
}

.splide--top .splide__arrow--prev {
    left: 50%;
    transform: translate(calc(-50% - calc(565vw / 14)), -50%) scale(-1,1);
    right: auto;
}
.splide--top .splide__arrow--next {
    left: auto;
    transform: translate(calc(50% + calc(565vw / 14)), -50%);
    
    right: 50%;
}
@media screen and (max-width: 768px) {
  .splide--top .splide__arrow--prev {
      transform: translate(calc(-50% - calc(150vw / 3.75)), -50%) scale(-1,1);
  }
  .splide--top .splide__arrow--next {
      transform: translate(calc(50% + calc(150vw / 3.75)), -50%);
  }
}


.splide--top .splide__arrow svg {
  display: none;
}

.splide--top .splide__pagination {
  bottom: calc(0% - clamp(12px,calc(30vw / 10),30px));
  gap: clamp(13px,calc(20vw / 10),20px);
  transform: translateY(100%);
}

.splide--top .splide__pagination__page {
    background: #afbec7;
    opacity: 1;
    width: clamp(8px,calc(12vw / 10),12px);
    height: auto;
    aspect-ratio: 1;
    margin: 0;
}
.splide--top .splide__pagination__page.is-active {
    transform: scale(1);
    background: #003c63;
    opacity: 1;
}

.top-fv {
  padding-top: clamp(10px,calc(30vw / 10),30px);
}

.header {
  z-index: 999;
  position: sticky;
  top: 0;
  width: 100%;
  height: 140px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .header {
    height: 60px;
  }
}

.header-container {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template: 'top-logo top-sns top-nbtn' auto
                 'top-logo top-nlnk top-nlnk' 1fr/
                  min(calc(282.5vw / 14),282.5px) 1fr min(calc(372.4vw / 14),372.4px);
  column-gap: min(calc(30vw / 14),30px);
  width: 100%;
  height: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding-left: min(calc(30vw / 14),30px);
  padding-right: min(calc(20vw / 14),20px);
  padding-top: min(calc(15vw / 14),15px);
}
@media screen and (max-width: 768px) {
  .header-container {
    display: flex;
    justify-content: center;
    padding-right: min(calc(15vw / 3.75),15px);
  }
}

.top-logo {
  display: block;
  width: 100%;
  margin: auto auto auto 0;
  grid-area: top-logo;
}
@media screen and (max-width: 768px) {
.top-logo {
  width: min(calc(170vw / 3.75),170px);
}
 .hd-body-ac .top-logo {
  display: none;
 }
}

.top-logo img {
  width: 100%;
  height: auto;
}

.topsns-links {
  grid-area: top-sns;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(calc(20vw / 3.75),20px);
  margin-left: auto;
}
.hd-body-ac .topsns-links {
  display: none;
}

.topsns-links a {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: auto;
  aspect-ratio: 1;
}

.topsns-links-x {
  width: clamp(min(calc(22.6333vw / 3.75),22.6333px),calc(25.7014vw / 7.68),25.7014px);
  height: auto;
  aspect-ratio: 1;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 25.15 25.7"><path fill="%23273e48" d="M14.97,10.88L24.33,0h-2.22l-8.13,9.45L7.49,0H0l9.82,14.29L0,25.7h2.22l8.58-9.98,6.86,9.98h7.49l-10.18-14.82h0ZM11.93,14.41l-1-1.42L3.02,1.67h3.41l6.39,9.14,1,1.42,8.3,11.88h-3.41l-6.78-9.69h0Z"/></svg>') ;
}

.topsns-links-insta {
  width: clamp(min(calc(26.1438vw / 3.75),26.1438px),calc(29.0487vw / 7.68),29.0487px);
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 29.05 29.05"><path fill="%23273e48" d="M8.51.1c-1.55.07-2.6.32-3.52.68-.95.37-1.76.87-2.57,1.68-.81.81-1.3,1.62-1.67,2.58-.36.92-.6,1.98-.67,3.53C0,10.11,0,10.61,0,14.55c0,3.94.02,4.44.1,5.99.07,1.54.32,2.6.68,3.52.37.95.87,1.76,1.68,2.57.81.81,1.62,1.3,2.58,1.67.92.36,1.98.6,3.53.67,1.55.07,2.04.08,5.99.08,3.94,0,4.44-.02,5.99-.1,1.55-.07,2.6-.32,3.52-.68.95-.37,1.76-.87,2.57-1.68.81-.81,1.3-1.62,1.67-2.58.36-.92.6-1.98.67-3.53.07-1.55.08-2.05.08-5.99,0-3.94-.03-4.44-.1-5.99-.07-1.55-.32-2.6-.68-3.52-.37-.95-.87-1.76-1.68-2.57-.81-.81-1.62-1.3-2.58-1.67-.92-.36-1.98-.6-3.53-.67C18.94,0,18.44,0,14.5,0c-3.94,0-4.44.02-5.99.1M8.68,26.36c-1.42-.06-2.18-.3-2.7-.49-.68-.26-1.16-.58-1.67-1.08-.51-.51-.82-.99-1.09-1.67-.2-.51-.44-1.28-.5-2.7-.07-1.53-.09-1.99-.1-5.87,0-3.88,0-4.34.07-5.87.06-1.42.3-2.18.49-2.7.26-.68.58-1.16,1.08-1.67.51-.51.99-.82,1.67-1.09.51-.2,1.28-.44,2.7-.5,1.53-.07,1.99-.09,5.87-.1,3.88,0,4.34,0,5.87.07,1.42.06,2.18.3,2.7.49.68.26,1.16.58,1.67,1.08.51.51.82.99,1.09,1.67.2.51.44,1.28.5,2.69.07,1.53.09,1.99.1,5.87,0,3.88,0,4.34-.07,5.87-.06,1.42-.3,2.19-.49,2.7-.26.68-.58,1.16-1.08,1.67-.51.51-.99.82-1.67,1.09-.51.2-1.28.44-2.69.5-1.53.07-1.99.09-5.87.1-3.88,0-4.34,0-5.87-.07M20.52,6.76c0,.96.78,1.74,1.75,1.74.96,0,1.74-.78,1.74-1.75,0-.96-.78-1.74-1.75-1.74-.96,0-1.74.78-1.74,1.75M7.07,14.54c0,4.12,3.35,7.45,7.47,7.44,4.12,0,7.45-3.35,7.44-7.47,0-4.12-3.35-7.45-7.47-7.44-4.12,0-7.45,3.35-7.44,7.47M9.68,14.53c0-2.67,2.16-4.85,4.83-4.85,2.67,0,4.85,2.16,4.85,4.83,0,2.67-2.16,4.85-4.83,4.85-2.67,0-4.85-2.16-4.85-4.83"/></svg>') ;
}

.topnav-links ,.topnav-links nav {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.topnav-links {
  grid-area: top-nlnk;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .topnav-links {
    margin-left: auto;
}
  .topnav-links nav {
    display: none;
  }
  .hd-body-ac .topnav-links nav {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    background-color: #fff;
    display: block;
    z-index: 999;
    overflow-y: auto;
  }
}


.topnav-links-button {
  display: none;
}
@media screen and (max-width: 768px) {
  .topnav-links-button {
    position: relative;
    display: block;
    width: 30px;
    height: 21px;
    background-image: linear-gradient(#004e76,#004e76);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: center;
    transition: .3s;
    margin-left: auto;
  }
  .topnav-links-button::before ,.topnav-links-button::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 100%;
    height: 1px;
    background-color: #004e76;
    transition: .3s;
    transform-origin: 50%;
  }
  .topnav-links-button::before {
    top: 0;
  }
  .topnav-links-button::after {
    bottom: 0;
  }
  .hd-body-ac .topnav-links-button {
    background-position: center left;
    background-image: linear-gradient(rgba(0, 78, 118,0),rgba(0, 78, 118,0));
    background-size: 50% 1px;
  }
  .hd-body-ac .topnav-links-button::before {
    top: 50%;
    transform: translate(-50%,-50%) rotate(135deg);
  }
  .hd-body-ac .topnav-links-button::after {
    bottom: 50%;
    transform: translate(-50%,50%) rotate(-135deg);
  }
}

 .hd-body-ac {
  overflow: clip;
 }

.nav-buttons {
  width: 100%;
  max-width: min(calc(372.4vw / 14),372.4px);
  max-height: 50px;
  height: 100%;
  grid-area: top-nbtn;
}
@media screen and (max-width: 768px) {
  .nav-buttons {
    position: fixed;
    bottom: 10px;
    left: 0;
    max-width: 100%;
    max-height: none;
    height: 45px;
    transition: .3s;
  }
  .nav-buttons.nav-buttons-bottom {
     opacity: 0;
     pointer-events: none;
  }
}

.nav-buttons ul {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 100%;
  align-items: center;
  justify-content: center;
  column-gap: min(calc(12.5vw / 14),12.5px);
}
@media screen and (max-width: 768px) {
  .nav-buttons ul {
    max-width: 400px;
    margin: 0 auto;
    padding-left: min(calc(20vw / 3.75),20px);
    padding-right: min(calc(20vw / 3.75),20px);
    column-gap: min(calc(11vw / 3.75),11px);
  }
}

.topnav-links-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(calc(30vw / 14),30px);
}
@media screen and (max-width: 768px) {
  .topnav-links-container {
    height: auto;
    display: block;
    align-items: center;
  }
}

.nav-buttons-item {
  width: 100%;
  height: 100%;
  border-radius: 25px;
}

.topnav-links-item {
  display: block;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .topnav-links-item {
    border-top: 1px solid #c9cdd6;
  }
}

.topnav-links-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: min(calc(16vw / 12),16px);
  font-weight: 700;
  color: #273e48;
  transition: opacity .3s;
}
@media screen and (min-width: 769px) {
  .topnav-links-item--multiple .topnav-links-title {
    background-position: center calc(100% - 23px);
    transition: .3s;
  }
  .topnav-links-item--multiple:hover .topnav-links-title {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 13.72 7.57"><polygon fill="%23003c63" points="6.86 7.57 0 .71 .71 0 6.86 6.15 13.01 0 13.72 .71 6.86 7.57"/></svg>') ;
    background-repeat: no-repeat;
    background-size: min(calc(13.72vw / 10),13.72px);
    background-position: center calc(100% - 10px);
  }
}
@media screen and (max-width: 768px) {
  .topnav-links-title {
    justify-content: flex-start;
    font-size: min(calc(16vw / 3.75),16px);
    height: 60px;
    padding-left: min(calc(25vw / 3.75), 25px);
    padding-right: min(calc(65vw / 3.75), 65px);
  }
  .topnav-links-item--multiple .topnav-links-title {
      background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 13.72 7.57"><polygon fill="%23003c63" points="13.01 0 6.86 6.15 .71 0 0 .71 6.86 7.57 13.72 .71 13.01 0"/></svg>') ;
      background-repeat: no-repeat;
      background-size: min(calc(13.7212% / 3.75),13.7212px);
      background-position: calc(100% - min(calc(25vw / 3.75),25px)) center;
  }
}

.topnav-links-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    height : 2px;
    display: block;
    z-index: 999;
    pointer-events: none;
    background-color: #00a4e8;
}
@media screen and (min-width: 769px) {
  .topnav-links-title::after {
    left: 50%;
    transform: translate(-50%,50%);
    width: min(calc(67.3054vw / 14),67.3054px);
    transition: .3s;
    opacity: 0;
  }
  .topnav-links-title:hover::after,.topnav-links-item:hover .topnav-links-title::after {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .topnav-links-item--multiple .topnav-links-title::after {
    width: min(calc(65vw / 3.75), 65px); 
    right: 0;
    transform: translateY(50%);
  }
}

.nav-buttons-item--saiyou {
  background-color: #004e76;
}

.nav-buttons-item--foryou {
  background-color: #ec8274;
}

.nav-buttons-title {
  font-size: min(calc(16vw / 12),16px);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
}
@media screen and (max-width: 768px) {
.nav-buttons-title {
  font-size: min(calc(14vw / 3.75),14px);
}
}

.nav-buttons-item--foryou img {
  height: 100%;
  width: auto;
}

.topnav-links-contents {
  display: none;
}
@media screen and (min-width: 769px) {
  .topnav-links-item:hover .topnav-links-contents,
  .topnav-links-item:focus-within .topnav-links-contents {
    z-index: 998;
    display: flex;
    position: fixed;
    width: 100%;
    min-height: 155px;
    height: auto;
    top: 140px;
    left: 0;
    background-color: #dfe7eb;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
.topnav-links-contents {
    display: flex;
    min-height: auto;
    border-top: 1px solid #c9cdd6;
  }
}

.header-bg {
  display: none;
}
body:has(.topnav-links-item--multiple:hover) .header-bg,
body:has(.topnav-links-item--multiple:focus-within) .header-bg
{
  z-index: 998;
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #949799;
  mix-blend-mode: multiply;
}

.topnav-links-contents ul {
  width: 100%;
  height: 100%;
  max-width: 1400px;
  padding-right: min(calc(20vw / 11.7),20px);
  padding-left: min(calc(20vw / 11.7),20px);
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit,min(calc(258vw / 11.7),257px));
  grid-auto-rows: auto;
  align-items: center;
  justify-content: flex-start;
  gap: min(calc(24vw / 11.7),24px);
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
.topnav-links-contents ul {
    display: block;
    max-width: none;
      padding: 0;
  }
}


.topnav-links-contents ul li {
  width: 100%;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.topnav-links-contents ul li a ,.topnav-links-contents ul li button {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
  font-size: min(calc(14vw / 11.7),14px);
  font-weight: 700;
  color: #273e48;
  padding-left: min(calc(20vw / 11.7),20px);
  padding-right: min(calc(40vw / 11.7),40px);
  line-height: calc(21 / 14);
  background-color: #fff;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 27.19 9.46"><polygon fill="%2300a4e8" points="20.21 0 19.4 .59 25.21 8.46 0 8.46 0 9.46 27.19 9.46 20.21 0"/></svg>') ;
  background-repeat: no-repeat;
  background-size: auto calc(9.457% / 0.66);
  background-position: 95.5% center;
  border-radius: 5px;
  transition: .3s;
  cursor: pointer;
}
.topnav-links-contents ul li a:hover ,.topnav-links-contents ul li button:hover {
    background-position: 98% center;
}
@media screen and (max-width: 768px) {
.topnav-links-contents ul li a ,.topnav-links-contents ul li button {
    font-size: min(calc(14vw / 3.75),14px);
    background-color: #dfe7eb;
    border-radius: 0;
    padding-left: min(calc(50vw / 3.75),50px);
    padding-right: min(calc(65vw / 3.75),65px);
  }
  .topnav-links-contents ul li:not(:last-of-type) a ,.topnav-links-contents ul li button {
    border-bottom: 1px solid #fff;
  }
}

.kyoten-dialog-ac {
  overflow: clip;
}

.kyoten-dialog-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999; 
}
.kyoten-dialog-ac .kyoten-dialog-bg {
  display: block;
  background-color: rgba(0, 0, 0, 0.7);
}

.kyoten-dialog {
  max-width: 522px;
  width: calc(335% / 3.75);
  height: 80vh;
  max-height: 650px;
  padding: 0;
  border: none;
  display: none;
  align-items: flex-start;
  justify-content: center;
  position: fixed;
  top: min(calc(100vh / 10),100px);
  left: 50%;
  transform: translate(-50%,0);
  z-index: 9999; 
}
.kyoten-dialog.is-open {
  display: flex;
}
@media screen and (max-width: 768px) {
  .kyoten-dialog {
    top: 50px;
    height: auto;
    max-height: calc(100svh - 100px);
  }
}
@media screen and (max-width: 768px) and (max-height: 700px) {
  .kyoten-dialog--2 {
    height: calc(100svh - 100px);
  }
}

.kyoten-dialog-container {
  width: 100%;
  position: relative;
  border-radius: 18.5164px;
  border: 1px solid #6c89c4;
  background-color: #fff;
}
.kyoten-dialog--2 .kyoten-dialog-container {
  border: 1px solid #fff;
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
}

.kyoten-dialog-list1 {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(60px,calc(70vw / 7.68),70px) 0;
  background-image: linear-gradient(#6c89c4,#6c89c4);
  background-repeat: no-repeat;
  background-size: 436.864px 1px;
  background-position: center;
  padding: clamp(40px,calc(50vw / 10),50px) clamp(min(calc(30vw / 3.75),30px),calc(35vw / 10),35px);
}
@media screen and (max-width: 768px) {
.kyoten-dialog-list1 {
  background-size: calc(100% - min(calc(30vw / 3.75),30px)) 1px;
  }
}

.kyoten-dialog-list1 li {
  width: 100%;
  max-width: 300px;
  height: auto;
}

.kyoten-dialog-list1-item a,.kyoten-dialog-list1-item button {
    width: 100%;
    height: 77.4548px;
    /* border: 1px solid #6883ba; */
    border: 1px solid #cbcbcc;
    padding: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 301px;
    margin: 0 auto;
    padding-right: 40px;
    padding-left: 15px;
    /* color: #6883ba; */
        color: #273e48;
}
.kyoten-dialog-list1-item button {
    color: #273e48;
    border: 1px solid #cbcbcc;
}

/* dialog:-internal-dialog-in-top-layer::backdrop {
  background-color: rgba(0, 0, 0,.7);
} */

.kyoten-dialog-list1-item .link-arrow::after {
  background-color: #00a4e8;
  right: 15px;
}
@media screen and (min-width: 769px) {
.kyoten-dialog-list1-item .link-arrow:hover::after {
  right: 10px;
}
}

.kyoten-dialog-list-text {
  font-size: clamp(18px, calc(20vw / 10), 20px);
  font-weight: 700;
  text-align: center;
  color: #004e76;
  padding-bottom: 15px;
}

.kyoten-dialog-title {
  background-color: #004e76;
  font-size: clamp(17px,calc(20vw / 10),20px);
  font-weight: 700;
  width: 100%;
  height: clamp(70px,calc(80vw / 10),80px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18.5164px 18.5164px 0 0;
}

.kyoten-dialog-list2 {
  overflow-y: auto;
  height: 100%;
  padding: 45px min(calc(90vw / 10),90px);
  display: block;
  /* flex-direction: column; */
  /* gap: clamp(15px,calc(30vw / 10),30px); */
}

.kyoten-dialog-list2 li {
  width: 100%;
  height: min(calc(132vw / 3.75), 132px);
}
.kyoten-dialog-list2 li:not(:last-of-type) {
  margin-bottom: clamp(15px,calc(30vw / 10),30px);
}

.kyoten-dialog-list2 li a {
    border: 1px solid #6c89c4;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow: clip;
    text-align: center;
    gap: min(calc(10vw / 3.75),10px);
    padding-top: min(calc(16vw / 3.75), 16px);
}

.kyoten-dialog-list2 li a::after {
  background-color: #6c89c4;
  right: 15px;
}
.kyoten-dialog-list2 li a:hover::after {
  right: 10px;
}

.kyoten-dialog-list2-tel {
  width: 100%;
  max-width: 275.9116px;
  padding: 0 min(calc(20vw / 3.75),20px);
}

.kyoten-dialog-list2-logo {
  width: calc(224.7874% / 3.4);
}

.kyoten-dialog-list2-logo img {
  object-fit: contain;
  width: 100%;
  max-height: 73.0876px;
}

.kyoten-dialog-list2-title {
  font-size: min(calc(14vw / 3.75),14px);
}

.kyoten-dialog-list2-note {
  font-size: min(calc(13vw / 3.75),13px);
}

.close-button {
  position: absolute;
  right: -17px;
  top: -17px;
  width: 21.4141px;
  height: auto;
  aspect-ratio: 1;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 21.41 21.41"><rect fill="%23ffffff" x="9.71" y="-3.44" width="2" height="28.28" transform="translate(-4.43 10.71) rotate(-45)"/><rect fill="%23ffffff" x="-3.44" y="9.71" width="28.28" height="2" transform="translate(-4.43 10.71) rotate(-45)"/></svg>') ;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 768px) {
.close-button {
  right: -7px;
  top: -30px;
}
}

.top-intro {
  padding-top: clamp(60px,calc(160vw / 10),160px);
}

.indigo-title-text {
  font-size: clamp(min(calc(22vw / 3.75),22px),calc(27vw / 10),27px);
  line-height: calc(45 / 22);
  font-weight: 700;
  letter-spacing: clamp(min(calc(3vw / 3.75), 3px), calc(5vw / 10), 5px);
  color: #003c63;
  text-align: left;
}
.indigo-title-text--24 {
  font-size: clamp(min(calc(17vw / 3.75),17px),calc(24vw / 10),24px);
  line-height: calc(24 / 17);
  letter-spacing: 0;
}

.indigo-description-text {
  color: #003c63;
  text-align: left;
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px);
  line-height: calc(43 / 16);
}
.indigo-description-text--20 {
  font-size: clamp(min(calc(17vw / 3.75),17px),calc(20vw / 10),20px);
  line-height: calc(28 / 17);
}
.business-lineup-list-text .indigo-description-text--20 {
  margin-bottom: 10px;
}

.indigo-description-text--20.text-indent {
  font-weight: 700;
}

.healthmanage__indigo-description-text {
  margin-bottom: clamp(10px,calc(15vw / 10),15px);
}

.top-intro-firsthalf {
  position: relative;
}

.top-intro-firsthalf-img {
  position: absolute;
  top: 0;
  left: 50%;
  width: min(calc(697.2087vw / 14),697.2087px);
  height: auto;
  aspect-ratio: 697.2087 / 565.1849;
}
@media screen and (max-width: 768px) {
  .top-intro-firsthalf-img {
    position: static;
    width: min(calc(362.2745vw / 3.75),calc(362.2745px * 2));
    margin-bottom: 70px;
  }
}

.top-intro__indigo-description {
  max-width: 50%;
  padding-right: min(calc(20vw / 10),20px);
  padding-bottom: clamp(40px,calc(160vw / 10),160px);
  margin-top: clamp(35px,calc(50vw / 10),50px);
}
@media screen and (max-width: 768px) {
  .top-intro__indigo-description {
      max-width: none;
      padding-right: 0;
      padding-bottom: 40px;
  }
}

.top-intro-lasthalf-text {
  position: relative;
  padding-bottom: clamp(30px,calc(60vw / 10),60px);
}

.top-intro-lasthalf-text p {
  color: #003c63;
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(20vw / 10),20px);
  line-height: 2;
  font-weight: 700;
  text-align: center;
  letter-spacing: clamp(min(calc(2vw / 3.75),2px),calc(4vw / 10),4px);
}

.top-intro-purpose {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .top-intro-purpose {
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-content: center;
    gap: min(calc(20vw / 3.75),40px);
  }
}

.top-intro-purpose-img {
  position: relative;
  width: 100%;
  max-width: clamp(450px,calc(585.0903vw / 12),585.0903px);
  margin: 0 auto;
  padding: min(calc(80vw / 12),80px) 0;
}
.top-intro-purpose-img img {
  width: 100%;
  height: auto;
  aspect-ratio: 585.0903 / 346.2445;
}

.top-intro-purpose-img::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: clamp(min(calc(45vw / 3.75),45px),calc(110vw / 12),110px);
  width: 100vw;
  height: 100%;
  background-color: #e7eff4;
  border-radius: clamp(min(calc(20vw / 3.75),20px),calc(30vw / 12),30px);
}

.top-intro-purpose-list {
  display: grid;
  grid-template-columns: auto;
  justify-content: center;
  align-items: center;
  gap: clamp(25px,calc(50vw / 12),50px);
}

.top-intro-purpose-list li a {
  display: block;
  font-size: clamp(min(calc(15vw / 3.75),15px),calc(17vw / 12),17px);
  font-weight: 700;
  line-height: 2;
  letter-spacing: clamp(min(calc(2vw / 3.75),2px),calc(4vw / 10),4px);
  border-bottom: 1px solid;
  padding-right: clamp(min(calc(40vw / 3.75),40px),calc(45vw / 12),45px);
}

.link-arrow {
  position: relative;
}
.link-arrow::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
  display: block;
  width: clamp(min(calc(22vw / 3.75),22px),calc(24.5vw / 12),24.5px);
  height: 100%;
  mask-repeat: no-repeat;
  mask-size: 100%;
  mask-position: center;
  mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 27.19 9.46"><polygon fill="%23248c96" points="20.21 0 19.4 .59 25.21 8.46 0 8.46 0 9.46 27.19 9.46 20.21 0"/></svg>') ;
  transition: .3s;
}
.link-arrow.cerulean::after {
  background-color: #248c96;
}
.link-arrow.cyan::after {
  background-color: #00a4e8;
}
.link-arrow.inkblue::after {
  background-color: #5a75b8;
}
@media screen and (min-width: 769px) {
.link-arrow:hover {
  opacity: .9;
  filter: brightness(120%);
}
.link-arrow:hover::after {
  transform: translate(5px,-50%);
}
}
@media screen and (max-width: 768px) {
.link-arrow:hover::after {
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
}
}

.splide--topics {
  padding: clamp(40px,calc(70vw / 10),70px) 0 clamp(25px,calc(45vw / 10),45px) min(calc(10vw / 14),10px);
  width: clamp(min(calc(925.7737vw / 3.75),925.7737px),calc(1400vw / 10),1400px);
}

.top-topics {
  padding-top: clamp(80px,calc(120vw / 10),120px);
}

.top-topics-img {
  width: 100%;
  height: auto;
  aspect-ratio: 295.2577 / 188.6747;
}

.top-topics-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 7px;
}

.splide--topics .splide__arrows::after {
  content: "";
  position: absolute;
  left: calc(60px + min(calc(10vw / 14),10px));
  /* bottom: clamp(min(calc(10vw / 3.75),10px),calc(25vw / 10),25px); */
  bottom: auto;
  top: 100%;
  display: block;
  width: 1px;
  height: 25px;
  background-color: #c9cdd6;
}

.splide--topics .splide__arrow {
  right: auto;
  top: 100%;
  left: min(calc(10vw / 14),10px);
  /* bottom: clamp(min(calc(10vw / 3.75),10px),calc(25vw / 10),25px); */
  transform: translate(0px);
  display: block;
  width: 30px;
  height: 30px;
  mask-repeat: no-repeat;
  mask-size: 100%;
  mask-position: center;
  mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 27.19 9.46"><polygon fill="%23248c96" points="20.21 0 19.4 .59 25.21 8.46 0 8.46 0 9.46 27.19 9.46 20.21 0"/></svg>') ;
  background-color: #5a75b8;
  opacity: 1;
  transition: .3s;
}
.splide--topics .splide__arrow--prev {
  transform: scale(-1,1);
}
.splide--topics .splide__arrow--next {
  left: calc(90px +  min(calc(10vw / 14),10px));
}
.splide--topics .splide__arrow--prev:hover {
  transform: translateX(-3px) scale(-1,1);
  filter: drop-shadow(0 1px 0 #000);
}
.splide--topics .splide__arrow--next:hover {
  transform: translateX(3px);
  filter: drop-shadow(0 1px 0 #000);
}

.splide--topics .splide__arrow svg {
  display: none;
}

.deco {
  position: absolute;
  height: auto;
}
.top-intro-lasthalf__deco {
  width: clamp(min(calc(82.3324vw / 3.75),82.3324px),calc(147.0222vw / 10),147.0222px);
  right: 0;
  top: 0;
  /* アニメーション */
  animation-name: yurayura;
  animation-duration: 2.1s;
  animation-fill-mode:forwards;
  animation-iteration-count: infinite;
  /* filter: drop-shadow(0px 4px 2px rgba(0,0,0,.1)); */
}
.top-company__deco {
  bottom: 0;
  width: clamp(min(calc(63.4619vw / 3.75),63.4619px),calc(113.3248vw / 10),113.3248px);
  right: min(calc(200vw / 14),200px);
}
.top-news__deco {
  width: clamp(min(calc(100.5494vw / 3.75),100.54949px),calc(179.5526vw / 14),179.5526px);
  bottom: 0;
  left: 0;
}
.top-topics__deco {
  width: clamp(min(calc(79.5042vw / 3.75),79.5042px),calc(141.9718vw / 10),141.9718px);
  left: calc(50%);
  transform: translateX(-50%);
  top: calc(0% - min(calc(86vw / 10),86px) + min(calc(26vw / 3.75),26px));
}
@media screen and (max-width: 768px) {
  .top-intro-lasthalf__deco {
    right: auto;
    left: min(calc(60vw / 3.75),60px);
    /* transform: translateY(calc(-100% - min(calc(40vw / 3.75),40px))); */
    top: auto;
    bottom: calc(100% + min(calc(40vw / 3.75),40px));
  }
  .top-company__deco {
    right: min(calc(20vw / 14),20px);
  }
  .top-news__deco {
    bottom: calc(0% - min(calc(30vw / 3.75),30px));
  }
  .top-topics__deco {
    left: min(calc(520vw / 7.68),520px);
    transform: translateX(0);
    top: min(calc(26vw / 3.75),26px);
  }
}
@keyframes yurayura {
  0%{transform: rotate(0deg);}
  49%{transform: rotate(0deg);} 
  50%{transform: rotate(-10deg);}
  99%{transform: rotate(-10deg);} 
  100%{transform: rotate(0deg);}
}

.news-item ,.news-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: min(calc(14vw / 3.75),14px);
}
.splide--topics__slider-item.news-item ,.subpage-news-pickup .news-item {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (max-width: 768px) {
.subpage-news-pickup .news-item {
     gap: min(calc(7vw / 3.75), 7px); 
}
.subpage-news-pickup .news-info {
  flex-direction: column-reverse;
  gap: min(calc(7vw / 3.75), 7px);
}
}

.news-pickup-list {
  display: grid;
  grid-template-columns: repeat(auto-fit,clamp(min(calc(150vw / 3.75),150px),calc(325vw / 10),325px));
  grid-auto-rows: auto;
  justify-content: center;
  gap: 40px clamp(min(calc(25vw / 3.75),25px),calc(50vw / 10),50px);
}

.news-info-date {
  color: #757575;
  font-size: min(calc(13vw / 3.75),13px);
}
@media screen and (max-width: 768px) {
.subpage-news-pickup .news-info-date {
   line-height: 1.1;
}
}

.news-info-category {
  color: #757575;
  font-size: min(calc(11vw / 3.75),11px);
  border: 1px solid #757575;
  min-width: 100px;
  padding: 0 10px;
  text-align: center;
}
.subpage-news-pickup .news-info-category {
  min-width: 78.5px;
  font-size: clamp(min(calc(10vw / 3.75),10px),calc(11vw / 10),11px);
}

.news-title {
  color: #1e2f38;
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px);
  font-weight: 700;
  line-height: calc(26 / 16);
}
.subpage-news-pickup .news-title {
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(16vw / 10),16px);
}
.top-news .news-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top-news {
  padding: clamp(60px,calc(140vw / 10),140px) 0 0;
}

.top-news-container {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 40px min(calc(150vw / 14),150px);
}

.top-news__common-title {
  flex-shrink: 0;
}

.top-news-list {
  width: 100%;
  flex: 1;
  min-width: min(calc(500vw / 7.68),500px);
}

.top-news-list-button {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  align-items: center;
  justify-content: space-between;
  gap: 10px min(calc(5vw / 3.75),5px);
  padding-bottom: clamp(25px,calc(40vw / 10),40px);
}
.top-news-list-button--news-page {
  display: flex;
  justify-content: flex-start;
  gap: 10px min(calc(50vw / 10),50px);
}
@media screen and (max-width: 768px) {
  .top-news-list-button {
    max-width: 375px;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: min(calc(35vw / 3.75),35px);
  }
}

.top-news-list-button button {
  min-width: min(calc(45vw / 3.75),45px);
  background-color: transparent;
  text-align: left;
  padding-inline: 0;
  cursor: pointer;
  transition: .3s;
}
@media screen and (max-width: 768px) {
  .top-news-list-button button {
    text-align: center;
    min-width: min(calc(80vw / 3.75),80px);
  }
}

.top-news-list-button button p {
  display: inline-block;
  color: #757575;
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px);
  font-weight: 700;
  border-bottom: 1px solid transparent;
  padding: 0 2px;
}
.top-news-list-button button.top-news-active p {
  border-bottom: 1px solid #5a75b8;
  color: #1e2f38;
}
.top-news-list-button button:hover p {
  border-bottom: 1px solid #5a75b8;
}

.top-news-list-contents ul li {
  padding: clamp(20px,calc(40vw / 10),40px) 0;
  border-bottom: 1px solid #c9cdd6;
}
.top-news-list-contents ul li:first-of-type {
  border-top: 1px solid #c9cdd6;
}

.top-news-list-contents ul li a {
  display: flex;
  gap: 15px 25px;
}
@media screen and (max-width: 768px) {
.top-news-list-contents ul li a {
  flex-wrap: wrap;
}
}

.news-more {
  display: block;
  text-align: right;
}
.top-news__news-more {
  margin-top: 45px;
}

.news-more a {
  display: inline-block;
  color: #5a75b8;
  border-bottom: 1px solid #5a75b8;
  padding-bottom: 15px;
  padding-right: clamp(35px,calc(55vw / 10),55px);
}

.news-more a::after {
  top: calc(50% - 8px);
}

.subpage-news-pickup {
  padding: clamp(60px,calc(140vw / 10),140px) 0;

}

.top-business {
  padding-top: clamp(60px,calc(95vw / 10),95px);
}

.top-business-container {
  margin-top: clamp(35px,calc(55vw / 10),55px);
}

.top-business-item {
  position: relative;
  background-color: #f5f5f5;
  height: auto;
}
@media screen and (max-width: 768px) {
  .top-business-item {
    height: min(calc(462vw / 3.75),550px);
  }
}

.top-business-img {
  margin-left: auto;
  width: calc(100% - min(calc(263vw / 14),263px));
  height: clamp(350px,calc(400vw / 14),800px);
  max-width: calc(966% / 14);
}
@media screen and (min-width: 769px) {
  .top-business-item:nth-of-type(2n) .top-business-img {
    margin-left: 0;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .top-business-img {
    margin: 0 auto;
    width: 100%;
    height: clamp(207px,calc(207.0393vw / 3.75),350px);
    max-width: 100%;
  }
}

.top-business-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center left;
}
@media screen and (min-width: 769px) {
  .top-business-item:nth-of-type(2n) .top-business-img img {
    object-position: center right;
  }
}
@media screen and (max-width: 768px) {
  .top-business-img {
    object-position: top center;
  }
}

.top-business-contentswrapper {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
  height: auto;
  max-width: 1250px;
}
@media screen and (max-width: 768px) {
.top-business-contentswrapper {
    width: 100%;
    height: auto;
    bottom: min(calc(40vw / 3.75),40px);
    padding-right: min(calc(32.5vw / 3.75),32.5px);
    padding-left: min(calc(32.5vw / 3.75),32.5px);
  }
}

.top-business-contents {
  display: block;
  max-width: 414px;
  width: 100%;
  height: clamp(min(calc(265.7778vw / 3.75),265.7778px),calc(314vw / 7.68),314px);
  background-color: #fff;
  margin-top: auto;
  border-top: 2px #5a75b8 solid;
  padding: min(calc(25vw / 3.75),25px) clamp(35px,calc(75vw / 10),75px) 0;
}
@media screen and (min-width: 769px) {
  .top-business-item:nth-of-type(2n) .top-business-contents {
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .top-business-contents {
    margin: auto auto 0;
  }
}

.top-business-contents::after {
  width: clamp(min(calc(30vw / 3.75),30px),calc(40vw / 10),40px);
  height: clamp(min(calc(30vw / 3.75),30px),calc(40vw / 10),40px);
  top: auto;
  bottom: min(calc(20vw / 3.75),20px);
  right: min(calc(30vw / 3.75),30px);
  transform: translate(0,0);
}
.top-business-contents:hover::after {
  transform: translate(min(calc(5vw / 3.75),5px),0);
}

.top-business-contents h3 {
  text-align: center;
}

.top-business-contents-num {
  font-size: clamp(13px,calc(16vw / 10),16px);
  margin-bottom: clamp(min(calc(10vw / 3.75),10px),calc(20vw / 10),20px);
  color: #003c63;
}

.top-business-contents-title {
  font-size: clamp(min(calc(22vw / 3.75),22px),calc(27vw / 10),27px);
  font-weight: 700;
  color: #003c63;
  letter-spacing: clamp(min(calc(1vw / 3.75),1px),calc(3vw / 10),3px);
  margin-bottom: clamp(min(calc(30vw / 3.75),30px),calc(40vw / 10),40px);
}

.top-business-contents-description {
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px);
  line-height: 2;
}

.top-business-foryou {
  max-width: 1015px;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: clamp(15px,calc(25vw / 7.68),25px);
  overflow: clip;
  background-color: #f5f5f7;
  margin-top: clamp(55px,calc(140vw / 10),140px);
}
.top-business-foryou:hover {
  filter: brightness(102%);
}
@media screen and (max-width: 768px) {
.top-business-foryou {
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
}
}

.top-business-foryou-img {
  max-width: min(calc(492.4857vw / 10),492.4857px);
  height: auto;
  /* aspect-ratio: 492.4857 / 226.714; */
}
@media screen and (max-width: 768px) {
  .top-business-foryou-img {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 334.3527 / 207.2748;
  }
}

.top-business-foryou-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-business-foryou-textwrapper {
  flex: 1;
  min-height: min(calc(226.714vw / 3.75),226.714px);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
.top-business-foryou-textwrapper {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
}

.top-business-foryou-text {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap:  min(calc(30vw / 3.75),30px);
  width: calc(100% - min(calc(50vw / 3.75),50px));
  max-width: 350px;
  height: 100%;
  margin: auto;
}

.top-business-foryou-text::after {
  position: static;
  height: auto;
  aspect-ratio: 1;
  width: min(calc(30vw / 3.75),30px);
}
.top-business-foryou:hover .top-business-foryou-text::after {
  transform: translate(5px,-50%);
}

.top-business-foryou-text h3 {
  max-width: clamp(min(calc(230vw / 3.75),230px),calc(320vw / 10),320px);
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
.top-business-foryou-text h3 {
  padding-right: 0;
  margin: 0 auto;
}
}

.top-business-foryou-text p {
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px);
  line-height: 2;
}

.top-company {
  padding-top: clamp(60px,calc(140vw / 10),140px);
  margin-bottom: clamp(50px,calc(160vw / 10),160px);
}

.container--top-company {
  max-width: clamp(1250px,calc(1400vw / 14),1400px);
  padding-right: 0;
  padding-left: min(calc(150vw / 14),150px);
}
@media (max-width: 1250px) {
  .container--top-company {
    padding-left: 50px;
  }
}
@media (max-width: 768px) {
  .container--top-company {
    padding-right: min(calc(20vw / 3.75),20px);
    padding-left: min(calc(20vw / 3.75),20px);
  }
}

.top-company-list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(20px,calc(50vw / 10),50px);  
  margin-top: clamp(45px,calc(75vw / 10),75px);
}
/* @media (min-width: 769px) and (max-width: 1400px){
.top-company-list {
    width: min(calc(1237vw / 14),1237px);
  }
} */

.top-company-list li {
  overflow: clip;
  flex: 1;
  min-width: clamp(min(calc(330vw / 3.75),330px),calc(500vw / 14),500px);
  max-width: 600px;
  height: clamp(min(calc(150vw / 3.75),150px),calc(260vw / 7.68),260px);
  border-radius: clamp(5.6px,calc(10vw / 7.68),10px);
}
@media (min-width: 769px) and (max-width: 1400px){
.top-company-list li:nth-of-type(2n) {
    border-radius: 
    clamp(5.6px,calc(10vw / 7.68),10px) 0 0 clamp(5.6px,calc(10vw / 7.68),10px);
  }
}

.top-company-list li a ,.top-company-list-img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.top-company-list li a:hover {
  filter: brightness(105%);
}

.top-company-list-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-company-list li a p {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: clamp(min(calc(200vw / 3.75),200px),calc(302vw / 10),302px);
  height: clamp(42px,calc(60vw / 10),60px);
  background-color: #fff;
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(20vw / 10),20px);
  letter-spacing: clamp(min(calc(1vw / 3.75),1px),calc(3vw / 10),3px);
}
.top-company-list li a p::after {
  right: 15px;
} 
.top-company-list li a:hover p::after {
  transform: translate(5px,-50%);
}

.top-recruit {
  position: relative;
  margin-bottom: clamp(50px,calc(80vw / 10),80px);
  background-color: #5f6c78;
}

.top-recruit-bg {
  width: 100%;
  height: clamp(min(calc(352.7235vw / 3.75),352.7235px),calc(542.6563vw / 10),542.6563px);
}

.top-recruit-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-recruit-contentswrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* padding-top: min(calc(50vw / 3.75),50px); */
  padding-bottom: min(calc(50vw / 3.75),50px);

}

.top-recruit__common-title {
  padding-top: clamp(min(calc(45vw / 3.75),45px),calc(150vw / 10),150px);
}

.top-recruit__common-title .common-title-text {
  font-size: clamp(min(calc(27vw / 3.75),27px),calc(45vw / 10),45px);
}

.top-recruit__common-title .common-title-text {
  color: #fff;
}

.top-recruit__common-title .border {
      background-image: linear-gradient(#fff, #fff);
}

.top-recruit-text {
  color: #fff;
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px);
  line-height: 2;
  margin-top: clamp(min(calc(25vw / 3.75),25px),calc(35vw / 10),35px);
}

.top-recruit-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: min(calc(25vw / 3.75),25px);
  margin-top: clamp(min(calc(25vw / 3.75),25px),calc(70vw / 10),70px);
  width: 100%;
  max-width: 380px;
  height: clamp(min(calc(65vw / 3.75),65px),calc(72vw / 10),72px);
  border: 1px #fff solid;
  border-radius: 4px;
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(17vw / 10),17px);
}
@media (min-width: 769px) {
.top-recruit-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
}
@media (max-width: 768px) {
.top-recruit-link {
  margin-top: min(calc(25vw / 3.75),25px);
}
}
.top-recruit-link::after {
  right: min(calc(10vw / 3.75),10px);
}
.link-arrow.white::after {
  background-color: #fff;
}

.top-contant {
  background-image: 
  linear-gradient(to right,rgba(29, 166, 220,.8) 50%,rgba(19, 127, 169,0.8) 50%),
  linear-gradient(#fff,#fff);
}
@media (min-width: 769px) {
  .top-contant-link:hover {
    filter: brightness(105%);
  }
}


.top-contant__container {
  max-width: 1400px;
  background-image: 
  linear-gradient(to right,rgba(29, 166, 220,.8) 26.5646%,rgba(19, 127, 169,0.8) 100%),
  linear-gradient(#fff,#fff);
}

.top-contant-contents {
  max-width: 1050px;
  min-height: clamp(180px,calc(210vw / 7.68),210px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 25px 60px;
  /* background-image: linear-gradient(to right,#1da6dc 26.5646%,#137fa9 100%); */
}
.top-contant-contents::after {
  transform: translate(100%,-50%);
  width: clamp(min(calc(35vw / 3.75),35px),calc(40vw / 10),40px);
  height: clamp(min(calc(35vw / 3.75),35px),calc(40vw / 10),40px);
}
.top-contant-link:hover .top-contant-contents::after {
  transform: translate(calc(100% + 5px),-50%);
}
@media (max-width: 768px) {
.top-contant-contents {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.top-contant-contents::after ,.top-contant-link:hover .top-contant-contents::after {
  transform: translate(-5px,-50%);
}

.top-contant__common-title {
  margin-top: auto;
}
.top-contant-text {
  margin-bottom: auto;
}
}

.top-contant__common-title .common-title-text {
  color: #fff;
}

.top-contant__common-title .common-title-text .border {
  background-image:linear-gradient(#fff,#fff);
}

.top-contant-text {
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px);
  line-height: 1.2;
}

.top-character {
  padding: clamp(35px,calc(75vw / 10),75px) 0 clamp(30px,calc(100vw / 18),100px);
}

.mirakuri {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: clamp(min(calc(300vw / 3.75),300px),calc(600vw / 10),600px);
  gap: 20px min(calc(30vw / 10),30px);
  margin: 0 auto;
}

.mirakuri-img {
  width: clamp(min(calc(131vw / 3.75),131px),calc(188vw / 10),188px);
  height: auto;
  aspect-ratio: 188 / 186;
}

.mirakuri-img img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.mirakuri-text {
  white-space: nowrap;
  color: #003c63;
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(21vw / 10),21px);
  line-height: calc(53.8965 / 21);
  font-weight: 700;
  text-align: center;
}
@media (max-width: 768px) {
.mirakuri-text {
  line-height: 2;
}
}

#call-dialog {
  z-index: 900;
  position: fixed;
  bottom: 15px;
  left: 50%;
  right: auto;
  transform: translate(calc(-50% + min(calc(480vw / 14),480px)),100px);
  margin-left: auto;
  display: block;
  width: clamp(min(calc(206vw / 3.75),206px),calc(280vw / 7.67),280px);
  height: auto;
  border: none;
  background-color: transparent;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  /* transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; */
  transition: 0.3s ease;
}
#call-dialog.is-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(calc(-50% + min(calc(480vw / 14),480px)),0);
}
@media (min-width: 769px) {
  #call-dialog.is-stopped {
    position: absolute;
    transform: translate(calc(-50% + min(calc(480vw / 14),480px)),calc(50% + 20px));
  }
}
@media (max-width: 768px) {
  #call-dialog ,#call-dialog.is-show , #call-dialog.is-stopped {
    right: auto;
    left: min(calc(20vw / 3.75),20px);
    transform: translate(0,45px);
  }
  #call-dialog.is-show {
    bottom: 45px;
    left: min(calc(20vw / 3.75),20px);
    transform: translate(0,0);
  }
  #call-dialog.is-stopped {
    transform: translate(0,0);
  }
}

#call-dialog .call-dialog-container {
  position: relative;
  width: 100%;
}

#call-dialog a {
  display: block;
}

#call-dialog a img {
  display: block;
  width: 100%;
}

.call-dialog-close {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(25%,-25%);
  width: 40px;
  height: auto;
  aspect-ratio: 1;
  background-color: transparent;
  background: url(../img/common/common_icon_close.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  cursor: pointer;
  transition: .3s;
}
.call-dialog-close:hover {
  transform: translate(25%,-25%) rotate(90deg);
  background-size: 97%;
}
@media (max-width: 768px) {
.call-dialog-close {
  width: min(calc(30vw / 3.75),29.6px);
}
}

.footer {
  border-top: 1px solid #5a75b8;
  padding-top: clamp(40px,calc(125vw / 10),125px);
}

.copyright {
  text-align: center;
  padding-bottom: clamp(10px,calc(30vw / 10),30px);
}

.copyright p {
  color: #a1a1a1;
  font-size: clamp(min(calc(10vw / 3.75),10px),calc(11vw / 7.68),11px);
}

.footer-contents {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px min(calc(50vw / 14),50px);
  padding-bottom: 100px;
}
@media (max-width: 768px) {
.footer-contents {
  padding-bottom: 160px;
}
}

.footer-info {
  position: relative;
  width: 570px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
.footer-info {
  width: 100%;
}
}

.footer-logo {
  width: min(calc(293.8932vw / 3.75),293.8932px);
}

.footer-company dt {
  margin-top: 15px;
  color: #003e68;
  font-size: clamp(min(calc(15.75vw / 3.75),15.75px),calc(18vw / 10),18px);
  font-weight: 700;
  line-height: 2;
}

.footer-company dd {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
}

.footer-company-text {
  width: 100%;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 20px;
}

.footer-company-text p {
  position: relative;
  color: #1e2f38;
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px);
  line-height: 2;
  padding-left: clamp(min(calc(19vw / 3.75),19px),calc(24vw / 10),24px);
}

.footer-company-text span {
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(min(calc(18vw / 3.75),18px),calc(24vw / 10),24px);
  height: auto;
  aspect-ratio: 1 / 1.25;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-map {
  background-image: url(../img/common/footer_icon_map.svg);
}
.icon-tell {
  background-image: url(../img/common/footer_icon_tel.svg);
}
.icon-fax {
  background-image: url(../img/common/footer_icon_fax.svg);
}

.footer-sns {
  position: absolute;
  top: 0;
  right: 5px;
  display: flex;
  gap: min(calc(20vw / 3.75),20px);
}
@media (max-width: 768px) {
.footer-sns {
  position: static;
  justify-content: center;
  margin-top: 10px;
}
}

.footer-sns a {
  width: 44.32px;
  height: auto;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.footer-sns a:hover {
  background-size: 93%;
}
.sns-x {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 44.32 44.32"><circle fill="%2314100e" cx="22.16" cy="22.16" r="22.16"/><path fill="%23ffffff" d="M23.81,20.8l6.47-7.52h-1.53l-5.62,6.53-4.49-6.53h-5.17l6.79,9.87-6.79,7.89h1.53l5.93-6.9,4.74,6.9h5.17l-7.04-10.24h0ZM21.71,23.24l-.69-.98-5.47-7.82h2.35l4.41,6.31.69.98,5.74,8.21h-2.35l-4.68-6.7h0Z"/></svg>') ;
}
.sns-youtube {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 44.32 44.32"><path fill="%23ffffff" d="M36.12,15.15c-.34-1.25-1.32-2.24-2.58-2.58-2.27-.61-11.38-.61-11.38-.61,0,0-9.11,0-11.38.61-1.25.34-2.24,1.32-2.58,2.58-.61,2.27-.61,7.01-.61,7.01,0,0,0,4.74.61,7.01.34,1.25,1.32,2.24,2.58,2.58,2.27.61,11.38.61,11.38.61,0,0,9.11,0,11.38-.61,1.25-.34,2.24-1.32,2.58-2.58.61-2.27.61-7.01.61-7.01,0,0,0-4.74-.61-7.01Z"/><polygon fill="%23f4000b" points="19.25 26.53 26.82 22.16 19.25 17.79 19.25 26.53"/></svg>') ;
  background-color: #f4000b;
  border-radius: 50%;
}
.sns-insta {
  /* background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 44.32 44.25"><ellipse fill="%23f7079f" cx="22.16" cy="22.13" rx="22.16" ry="22.13"/><path fill="%23ffffff" d="M16.75,9.16c-1.39.07-2.34.29-3.17.61-.86.33-1.59.78-2.31,1.51-.73.73-1.17,1.46-1.5,2.31-.32.83-.54,1.78-.6,3.17-.06,1.39-.07,1.84-.07,5.38,0,3.54.02,3.99.09,5.38.07,1.39.29,2.34.61,3.17.34.86.78,1.58,1.51,2.31.73.72,1.46,1.17,2.32,1.5.83.32,1.78.54,3.17.6,1.39.06,1.84.07,5.39.07,3.55,0,4-.02,5.39-.09,1.39-.07,2.34-.29,3.17-.61.86-.34,1.59-.78,2.31-1.51.72-.73,1.17-1.46,1.5-2.31.32-.83.54-1.78.6-3.17.06-1.39.08-1.84.07-5.38,0-3.54-.02-3.99-.09-5.38-.07-1.39-.29-2.34-.61-3.17-.34-.86-.78-1.58-1.51-2.31-.73-.72-1.46-1.17-2.32-1.5-.83-.32-1.78-.54-3.17-.6-1.39-.06-1.84-.08-5.39-.07-3.55,0-3.99.02-5.39.09M16.9,32.76c-1.27-.06-1.97-.27-2.43-.44-.61-.24-1.05-.52-1.51-.97-.46-.46-.74-.89-.98-1.5-.18-.46-.39-1.15-.45-2.42-.06-1.38-.08-1.79-.09-5.27,0-3.48,0-3.9.07-5.27.05-1.27.27-1.96.44-2.42.24-.61.52-1.04.97-1.5.46-.46.89-.74,1.5-.98.46-.18,1.15-.39,2.43-.45,1.38-.07,1.79-.08,5.28-.09,3.49,0,3.9,0,5.28.07,1.27.06,1.97.27,2.43.44.61.24,1.05.52,1.51.97.46.46.74.89.98,1.5.18.46.39,1.15.45,2.42.07,1.38.08,1.79.09,5.27,0,3.48,0,3.9-.07,5.27-.06,1.27-.27,1.96-.44,2.42-.24.61-.52,1.04-.98,1.5-.46.46-.89.74-1.5.98-.46.18-1.15.39-2.43.45-1.38.06-1.79.08-5.28.09-3.49,0-3.9,0-5.28-.07M27.56,15.15c0,.86.71,1.56,1.57,1.56.87,0,1.57-.7,1.57-1.57,0-.86-.71-1.56-1.57-1.56s-1.57.7-1.57,1.57M15.45,22.14c0,3.7,3.02,6.7,6.72,6.69,3.71,0,6.71-3.01,6.7-6.71,0-3.7-3.02-6.7-6.73-6.69-3.71,0-6.71,3.01-6.7,6.71M17.8,22.13c0-2.4,1.94-4.35,4.35-4.36,2.41,0,4.36,1.94,4.37,4.34,0,2.4-1.94,4.35-4.35,4.36-2.41,0-4.36-1.94-4.37-4.34"/></svg>') ; */
}
.sns-line {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 43.34 43.34"><rect fill="%2306c755" x="0" y="0" width="43.34" height="43.34" rx="9.77" ry="9.77"/><g><path  fill="%23ffffff" d="M36.11,19.63c0-6.47-6.48-11.73-14.45-11.73s-14.45,5.26-14.45,11.73c0,5.8,5.14,10.65,12.08,11.57.47.1,1.11.31,1.27.71.15.37.1.94.05,1.31,0,0-.17,1.02-.21,1.24-.06.37-.29,1.43,1.25.78,1.54-.65,8.32-4.9,11.35-8.39h0c2.09-2.3,3.1-4.63,3.1-7.21Z"/><g><path fill="%2306c755" d="M31.31,23.36h-4.06c-.15,0-.28-.12-.28-.28h0v-6.3h0c0-.16.12-.28.28-.28h4.06c.15,0,.28.12.28.28v1.02c0,.15-.12.28-.28.28h-2.76v1.06h2.76c.15,0,.28.12.28.28v1.02c0,.15-.12.28-.28.28h-2.76v1.06h2.76c.15,0,.28.12.28.28v1.02c0,.15-.12.28-.28.28Z"/><path fill="%2306c755" d="M16.29,23.36c.15,0,.28-.12.28-.28v-1.02c0-.15-.12-.28-.28-.28h-2.76v-5.01c0-.15-.12-.28-.28-.28h-1.02c-.15,0-.28.12-.28.28v6.3h0c0,.16.12.28.28.28h4.06Z"/><rect fill="%2306c755" x="17.43" y="16.5" width="1.58" height="6.86" rx=".28" ry=".28"/><path fill="%2306c755" d="M25.71,16.5h-1.02c-.15,0-.28.12-.28.28v3.75l-2.89-3.9s-.01-.02-.02-.03c0,0,0,0,0,0,0,0-.01-.01-.02-.02,0,0,0,0,0,0,0,0,0,0-.01-.01,0,0,0,0,0,0,0,0,0,0-.01-.01,0,0,0,0,0,0,0,0-.01,0-.02,0,0,0,0,0,0,0,0,0-.01,0-.02,0,0,0,0,0,0,0,0,0-.01,0-.02,0,0,0,0,0,0,0,0,0-.01,0-.02,0,0,0,0,0-.01,0,0,0,0,0-.01,0,0,0,0,0-.01,0,0,0,0,0,0,0h-1.02c-.15,0-.28.12-.28.28v6.31c0,.15.12.28.28.28h1.02c.15,0,.28-.12.28-.28v-3.74l2.89,3.9s.04.05.07.07c0,0,0,0,0,0,0,0,.01,0,.02.01,0,0,0,0,0,0,0,0,0,0,.01,0,0,0,0,0,.01,0,0,0,0,0,0,0,0,0,.01,0,.02,0,0,0,0,0,0,0,.02,0,.05,0,.07,0h1.02c.15,0,.28-.12.28-.28v-6.31c0-.15-.12-.28-.28-.28Z"/></g></g></svg>') ;
}

.footer-sns a .img {
  display: block;
}

.footer-sitemap {
  flex: 1;
  min-width: 450px;
  max-width: 700px;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
@media screen and (max-width: 768px) {
  .footer-sitemap {
    min-width: auto;
  }
}

.footer-sitemap-list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px 5px;
}
@media (max-width: 768px) {
.footer-sitemap-list {
  display: none;
}
}

.footer-sitemap-list a:hover {
  text-decoration: underline;
}

.footer-sitemap-item-major {
  display: block;
  font-size: min(calc(13vw / 10),13px);
  font-weight: 400;
  color: #1a1311;
}
.footer-sitemap-item-major:not(:first-of-type) {
  margin-top: 20px;
}

.footer-sitemap-item-sub {
  display: block;
  font-size: min(calc(12vw / 10),12px);
  font-weight: 400;
  color: #1a1311;
  margin-top: 8px;
}

.footer-line {
  width: 254.7253px;
}
@media (max-width: 768px) {
.footer-line {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}
}

.footer-sitemap-others{ 
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 15px min(calc(20vw / 14),20px);
  margin-top: auto;
}
@media (max-width: 768px) {
.footer-sitemap-others{ 
    grid-template-columns: 100%;
  }
}

.footer-sitemap-others a {
  font-size: min(calc(12vw / 3.75),12px);
  padding-right: 20px;
  border-bottom: 1px solid;
  padding-bottom: 12px;
  min-width: min(calc(290vw / 3.75),290px);
  flex: 1;
  max-width: 330px;
}

.footer-sitemap-others a::after {
  width: 23px;
  top: calc(50% - 10px);
}

.gotop {
  z-index: 200;
  position: fixed;
  right: clamp(5px,calc(30vw / 14),30px);
  bottom: 50%;
  transform: translateY(50%);
  display: block;
  width: 10.6677px;
}
@media (max-width: 768px) {
  .gotop {
    width: 35px;
    height: auto;
    aspect-ratio: 1;
    transform: translateY(0);
    bottom: 60px;
  }
}

.gotop span {
  display: block;
}

@media (min-width: 769px) {
  .gotop:hover span.gotop-arrow {
    transform: translateY(-5px);
    opacity: .8;
  }
}

.gotop span.gotop-text {
  margin-top: 4px;
  transition: .3s;
}

@media (max-width: 768px) {
.gotop span.gotop-text {
  display: none;
}
}

.subpage-news {
  padding-top: clamp(50px,calc(100vw / 10),100px);
  padding-bottom: clamp(50px,calc(150vw / 10),150px);
}

.pagination .nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(min(calc(30vw / 3.75),30px),calc(35vw / 10),35px);
  margin-top: clamp(30px,calc(80vw / 10),80px);
}

.prev.page-numbers ,.next.page-numbers {
  display: block;
  width: clamp(22px,calc(23vw / 10),23px);
}
.prev.page-numbers:hover {
  transform: translateX(-3px);
}
.next.page-numbers:hover {
  transform: translateX(3px);
}

.pagination .page-numbers {
  padding-bottom: 10px;
  border-bottom: 1px solid transparent;
  color: #000000;
  font-weight: 700;
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(14vw / 10),14px);
}
.pagination .page-numbers:hover {
  border-bottom: 1px solid #5a75b8;
}

.pagination .page-numbers.current {
  border-bottom: 1px solid #5a75b8;
  color: #5a75b8;
} 

.news-head {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: clamp(10px,calc(25vw / 10),25px);
  padding-bottom: clamp(20px,calc(30vw / 10),30px);
  border-bottom: 1px solid #cbcaca;
}

.news-body {
  padding-top: clamp(20px,calc(50vw / 10),50px);
  padding-bottom: 40px;
  border-bottom: 1px solid #cbcaca;
}

.news-item-detail {
  font-size: clamp(14px,calc(16vw / 10),16px);
  line-height: calc(40 / 16);
}

.news-item-img {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(calc(300vw / 3.75),300px),1fr));
  grid-auto-rows: auto;
  justify-content: center;
  gap: 30px 25px;
}

.news-item-img img { 
  display: block;
}

.subpage-news--detail .news-title {
  font-size: clamp(16px,calc(24vw / 10),24px);
  line-height: calc(40 / 24);
}

.news-item-detail ,.news-item-link ,.news-item-img {
  margin-bottom: clamp(30px,calc(50vw / 10),50px);
}

.news-item-link {
  display: inline-block;
  color: #6c89c4;
  text-decoration: underline;
  font-size: clamp(16px,calc(24vw / 10),24px);
  line-height: calc(40 / 24);
}

.return-button .link-arrow {
  display: block;
  text-align: center;
  width: clamp(min(calc(217vw / 3.75),217px),calc(223vw / 7.68),223px);
  padding-right: 0;
  padding-left: 30px;
  padding-bottom: 10px;
  padding-top: 5px;
  border-bottom: 1px solid #6c89c4;
  color: #6c89c4;
  letter-spacing: clamp(min(calc(1vw / 3.75),1px),calc(2vw / 7.68),2px);
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px);
  font-weight: 700;
  margin: clamp(60px,calc(90vw / 10),90px) auto 0;
}
.accordion-all-close .link-arrow {
  background-color: transparent;
  width: auto;
  min-width: min(calc(280.8261vw / 3.75),280.8261px);
  margin-top: 0;
}

.return-button .link-arrow::after {
  right: 100%;
  transform: translate(100%, -50%) scale(-1, 1);
  background-color: #5a75b8;

}
@media (min-width: 769px) {
  .return-button .link-arrow:hover::after {
    right: calc(100% + 5px);
  }
}

.form-header-text {
  padding-top: 60px;
  padding-bottom: clamp(55px,calc(70vw / 10),70px);
  text-align: center;
}
@media (max-width: 768px) {
.form-header-text {
  text-align: left;
  }
}

.form-block {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.form-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.form-label {
  width: 200px;
  height: 60px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
.form-label {
  height: auto;
  min-height: 24px;
}
}

.address-wrap {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.address-item {
  display: flex;
  align-items: center;
  gap: 5px;
  flex: 1;
}

.form-field ,.wpcf7-form-control-wrap,.wpcf7-form-control-wrap input ,.wpcf7-form-control-wrap textarea {
  display: block;
  min-height: 60px;
  flex: 1;
  width: 100%;
  border-radius: 3px;
}
@media (max-width: 768px) {
.form-field ,.wpcf7-form-control-wrap,.wpcf7-form-control-wrap input ,.wpcf7-form-control-wrap textarea {
  flex: auto;
  min-height: 43.75px;
}
}

.form-field input ,.form-field textarea {
  background-color: #f7f8f9;
  border: 1px solid #d2d3d3;
  padding: 20px;
  cursor: pointer;
}
.form-field input::placeholder ,.form-field textarea:placeholder {
  color: #bcbdbd;
}
@media (max-width: 768px) {
.form-field input ,.form-field textarea {
  padding: 10px 20px;
}
}

.zip-code input {
  max-width: clamp(190px,calc(273vw / 10),273px);
}

.badge-required {
  background-color: #ea5e6b;
  color: #fff;
  font-size: min(calc(13vw / 3.75),13px);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 48px;
  margin-left: auto;
  border-radius: 3px;
}
@media (max-width: 768px) {
.badge-required {
  margin-left: 15px;
}
}

.form-field--checkbox {
  flex: auto;
}

.wpcf7-checkbox label {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  gap: 0;
}
@media (max-width: 768px) {
.wpcf7-checkbox label {
  max-width: 300px;
  margin: 0 auto;
}
}

.form-field--checkbox input {
  display: inline-block;
  flex: auto;
  width: clamp(20px, 3.77604vw, 29px);
  height: auto;
  aspect-ratio: 1;
  background-color: #f7f8f9;
  border: 1px solid #d2d3d3;
  cursor: pointer;
}
/* .form-field--checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
} */

.wpcf7-list-item-label {
  margin-left: 15px;
}

.wpcf7-checkbox .wpcf7-list-item-label {
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px);
}

.privacy-policy-text ,.privacy-policy-text a {
  color: #273e48;
}
.privacy-policy-text a {
  text-decoration: underline;
}

.form-submit {
  display: flex;
  justify-content: center;
  width: calc(296.4938% / 3.35);
  max-width: 376.5px;
  height: 72px;
  margin: clamp(30px,calc(60vw / 10),60px) auto 0;
}
.form-submit::after {
  background-color: #fff;
  right: 15px;
}

.form-submit input {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #fff;
  background-color: #6c89c4;
  border: none;
  cursor: pointer;
}

.wpcf7-not-valid-tip {
  color: #e60000;
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px);
  font-weight: 700;
  margin-top: clamp(9px,calc(15vw / 10),15px);
}

.wpcf7-not-valid {
  background-color: #ffebec !important;
  border: 1px solid #ea5e6b;
}

.form-field--checkbox .wpcf7-not-valid input {
  background-color: #ffebec !important;
  border: 1px solid #ea5e6b;
}

h1.complete-title {
  font-size: clamp(min(calc(22vw / 3.75),22px),calc(30vw / 10),30px);
  font-weight: 700;
  text-align: center;
  color: #004e76;
  padding-bottom: clamp(40px,calc(50vw / 10),50px);
}

.complete-link {
  width: calc(296.4938% / 3.35);
  max-width: 376.5px;
  height: 72px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  color: #6c89c4;
  border: 1px solid #6c89c4;
  padding: 0 30px;
}
.complete-link::after {
  background-color: #6c89c4;
  right: 15px;
}

.company-intro {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 40px 30px;
  padding-top: clamp(35px,calc(85vw / 10),85px);
}

.company-intro-text {
  min-width: min(calc(300vw / 3.75),300px);
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(35px,calc(55vw / 10),55px);
}

.company-intro__indigo-description-text {
  color: #273e48;
}

.company-intro-president {
  width: 100%;
  max-width: clamp(167.1777px,calc(400vw / 10),400px);
  margin: 0 auto;
}

.company-intro-president-photo img {
  display: block;
}

.company-intro-president-photo {
  width: 100%;
}

.company-intro-president-name {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 25px;
  margin-top: clamp(10px,calc(25vw / 10),25px);
}

.company-intro-president-name-img {
  width: 156.830px;
}

.company-movie {
  padding-top: clamp(60px,calc(200vw / 10),200px);
}

.company-movie-container {
  width: 100%;
  max-width: 800px;
  height: auto;
  aspect-ratio: 560 / 315;
  margin: 0 auto;
}

.common-link {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 auto;
  max-width: 376.5px;
  width: calc(248.2254% / 3.35);
  height: auto;
  min-height: clamp(47.4694px,calc(72vw / 10),72px);
  border: 1px solid #6c89c4;
  color: #6c89c4;
  font-size: clamp(min(calc(12.25vw / 3.75),12.25px),calc(17vw / 10),17px);
  border-radius: clamp(3px,calc(5vw / 7.68),5px);
  padding-left: clamp(min(calc(15vw / 3.75),15px),calc(30vw / 10),30px);
  padding-right: clamp(min(calc(45vw / 3.75),45px),calc(55vw / 10),55px);
  padding-top: 10px;
  padding-bottom: 10px;
  transition: .3s;
}
.common-link:hover {
  opacity: .9;
  filter: brightness(120%);
}
.company-movie__common-link {
  margin-top: 50px;
}
.common-link--450px {
  max-width: 450px;
  width: calc(283.6861% / 3.35);
  margin-top: clamp(30px,calc(50vw / 10),50px);
}

.link-site::after {
  position: absolute;
  content: "";
  width: clamp(min(calc(24.3115vw / 3.75),24.3115px),calc(32.3428vw / 10),32.3428px);
  height: auto;
  aspect-ratio: 32.3428 / 22.0854;
  mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24.31 16.68"><path fill="%236c89c4" d="M24.31,13.35H3.33V0h20.98v13.35ZM4.33,12.35h18.98V1H4.33v11.35Z"/><polygon fill="%236c89c4" points="20.48 16.68 0 16.68 0 3.83 1 3.83 1 15.68 20.48 15.68 20.48 16.68"/></svg>') ;
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #6c89c4;
}
.link-site:hover::after {
  transform: translateY(-50%) scale(.98);
}

.common-link.link-arrow::after {
  background-color: #6c89c4;
  right: 15px;
}

.company-about {
  padding-top: clamp(50px,calc(90vw / 10),90px);
}

.common-dlist {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.smoking__common-dlist {
  gap: 20px;
}
.opinion-exchange-meeting__common-dlist {
  gap: 0;
  border-top: 1px solid #cbcbcc;
}

.common-dlist-item {
  display: grid;
  grid-template-columns: clamp(min(calc(60vw / 3.75),60px),calc(90vw / 10),90px) 1fr;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px min(calc(30vw / 3.75),30px);
}
.smoking__common-dlist .common-dlist-item {
  grid-template-columns: clamp(min(calc(82vw / 3.75), 82px), calc(95vw / 10), 95px) 1fr;
  gap: 5px clamp(min(calc(15vw / 3.75),15px),calc(30vw / 10),30px);
}
.opinion-exchange-meeting__common-dlist .common-dlist-item {
  grid-template-columns: clamp(min(calc(45vw / 3.75), 45px), calc(65vw / 10), 65px) 1fr;
  min-height: clamp(37px,calc(55vw / 10),55px);
  padding: clamp(5px,calc(10vw / 10),10px) 0;
  gap: 5px min(calc(10vw / 3.75),10px);
  border-bottom: 1px solid #cbcbcc;
}

.common-dlist-item dt p {
  color: #004e76;
}

.common-dlist-item dd {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.common-dlist-item dd p a {
  color: #273e48;
}

.common-dlist-item-link:hover {
  text-decoration: underline;
}

.company-greeting {
  padding-top: 1px;
}

.company-about__common-dlist {
  padding-top: clamp(30px,calc(65vw / 10),65px);
}

.company-system {
  padding-top: clamp(90px,calc(120vw / 10),120px);
  display: flex;
  flex-direction: column;
  gap: clamp(90px,calc(100vw / 10),100px) 0;
}

.twotone-border-title ,.twotone-border-text {
  background-image: linear-gradient(#cbcbcc,#cbcbcc);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: left bottom;
}
.company-system .twotone-border-title {
  margin-bottom: 45px;
}

.twotone-border-text {
  font-size: clamp(min(calc(20vw / 3.75),20px),calc(27vw / 10),27px);
  font-weight: 700;
  padding-bottom: 10px;
  display: inline-block;
  background-image: linear-gradient(#6c89c4,#6c89c4);
  color: #004e76;
  letter-spacing: clamp(min(calc(1vw / 3.75),1px),calc(3vw / 10),3px);
  line-height: 1.65;
}
.healthmanage__twotone-border-title .twotone-border-text {
  font-size: clamp(min(calc(17vw / 3.75),17px),calc(24vw / 10),24px);
}

.company-system-member {
  display: grid;
  grid-template-columns: repeat(auto-fill,clamp(min(calc(145vw / 3.75),145px),calc(223.75vw / 10),223.75px));
  grid-auto-rows: auto;
  gap: 60px min(calc(60vw / 10),60px);
  justify-content: center;
}
@media (max-width: 768px) {
  .company-system-member {
    gap: 45px min(calc(15vw / 3.75),15px);
  }
}

.company-system-member li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(5px,calc(10vw / 10),10px);
}

.company-member-position {
    text-align: center;
  line-height: calc(25 / 15);
  font-size: clamp(min(calc(12vw / 3.75),12px),calc(15vw / 10),15px);
}

.company-member-name {
  line-height: calc(25 / 20);
  font-size: clamp(min(calc(15vw / 3.75),15px),calc(20vw / 10),20px);
  font-weight: 700;
  text-align: center;
}

.access-list {
  padding-top: clamp(25px,calc(50vw / 10),50px);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 60px;
}

.access-list-item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  flex: 1;
  width: 100%;
  min-width: min(calc(330vw / 3.75),330px);
  max-width: 507.5px;
  margin: 0 auto;
}

.company-access {
  padding-top: 1px;
}

.company-access-map {
  width: 100%;
  height: auto;
  aspect-ratio: 507.5 / 300;
}

.access-list-title {
  font-size: clamp(min(calc(16vw / 3.75),16px),calc(24vw / 10),24px);
  font-weight: 700;
  line-height: calc(28 / 16);
  color: #004e76;
  letter-spacing: clamp(min(calc(1vw / 3.75),1px),calc(3vw / 10),3px);
}

.company-access__common-dlist {
  gap: clamp(2px,calc(10vw / 10),10px);
}
@media (max-width: 768px) {
.company-access__common-dlist {
  gap: 2px;
}
}

.permit-link {
  color: #6c89c4;
  text-decoration: underline;
}

.company-history {
  padding-top: clamp(50px,calc(80vw / 10),80px);
  padding-bottom: clamp(100px,calc(180vw / 10),180px);
}

.company-history__common-dlist {
  padding-top: clamp(40px,calc(50vw / 10),50px);
}

.company-history__common-dlist .common-dlist-item {
  gap: 3px 60px;
  grid-template-columns: 160px 1fr;
}
@media (max-width: 768px) {
.company-history__common-dlist .common-dlist-item {
  grid-template-columns: 1fr;
}
}

.company-history__common-link {
  margin-top: clamp(50px,calc(150vw / 10),150px); 
}

.anker-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px clamp(min(calc(30vw / 3.75),30px),calc(40vw / 10),40px);
}

.anker-link {
  color: #6c89c4;
  display: inline-flex;
  align-items: center;
  min-width: min(calc(80vw / 3.75),80px);
  justify-content: center;
  text-align: center;
  gap: 2px;
}
.anker-link::after {
  content: "";
  display: block;
  width: clamp(min(calc(9vw / 3.75),9px),calc(15vw / 10),15px);
  height: auto;
  aspect-ratio: 1;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 15 15"><polygon fill="%236c89c4" points="7.5 10.22 2.77 5.49 3.48 4.78 7.5 8.8 11.52 4.78 12.23 5.49 7.5 10.22"/></svg>') ;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.office__anker-list {
  padding-top: 35px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.branch-section-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 30px;
}
@media (max-width: 768px) {
.branch-section-list {
  grid-template-columns: 1fr;
  gap: 20px 30px;
}
.page-permit .branch-section-list {
  gap: 10px 30px;
}
}

.page-permit .branch-section-list {
  grid-template-columns: 1fr;
}

.branch-list-item {
  padding-top: clamp(50px,calc(90vw / 10),90px);
}

.branch-section-title {
  padding-top: 40px;
  font-size: clamp(min(calc(17vw / 3.75),17px),calc(24vw / 10),24px);
  font-weight: 700;
  line-height: calc(29 / 17);
  color: #004e76;
  letter-spacing: clamp(min(calc(1vw / 3.75),1px),calc(2vw / 10),2px);
  padding-bottom: 25px;
}

.page-permit .branch-section-title {
  padding-top: clamp(25px,calc(40vw / 10),40px);
  padding-bottom: clamp(15px,calc(25vw / 10),25px);
}

.branch__common-dlist {
  gap: 3px;
}

.branch-section-list-item .permit-link {
  padding-top: 5px;
  display: inline-block;
}

.company-office-flex {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

.company-office-flex .common-link {
  margin: 0;
  width: 100%;
  max-width: 350px;
  height: 56.7004px;
}

.company-certification {
  padding-bottom: clamp(100px,calc(150vw / 10),150px);
}

.certification-container {
  border: 1px solid #6c89c4;
  border-radius: 5px;
  padding: clamp(20px,calc(60vw / 10),60px) min(calc(100vw / 10),100px);
  margin-top: 30px;
}
@media (max-width: 768px) {
.certification-container {
    padding: clamp(20px,calc(60vw / 10),60px) min(calc(35vw / 3.75),35px);
  }
}

.certification-list {
  column-gap: 30px;
  margin: 0;
  padding: 0;
}
@media (min-width: 769px) {
.certification-list {
    column-count: 2;
  }
}

.certification-list-item {
  break-inside: avoid;
  margin-bottom: 8px;
  text-indent: calc(0% - calc(clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px) * 1.5));
  padding-left: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px);
}


.certification-list-item::before {
 content: "●"; 
 display: inline;
 color: #6c89c4;
 font-size: clamp(min(calc(14vw / 3.75),14px),calc(16vw / 10),16px);
}

.certification-list-item .common-text {
  display: inline;
}

.company-permit {
  padding-bottom: clamp(95px,calc(200vw / 10),200px);
}

.link-download::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(10px,calc(15vw / 7.68),15px);
  transform: translateY(-50%);
  display: block;
  width: clamp(min(calc(11vw / 3.75),11px),calc(17vw / 10),17px);
  height: auto;
  aspect-ratio: 17.1826 / 18.3413;
  mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17.18 18.34"><polygon fill="transparent" points="8.82 12.43 8.36 12.43 8.59 12.66 8.82 12.43"/><rect fill="%236c89c4" y="17.34" width="17.18" height="1"/><path fill="%236c89c4" d="M13.26,9.4l-.71-.71-3.47,3.47V0h-1v12.16l-3.47-3.47-.71.71,4.67,4.67,4.67-4.67ZM8.82,12.43l-.23.23-.23-.23h.46Z"/></svg>') ;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  background-color: #6c89c4;
}

.permit-list-item {
  display: grid;
  grid-template-columns: repeat(auto-fill,clamp(min(calc(159.3626vw / 3.75),159.3626px),calc(241.5942vw / 7.68),241.5942px));
  grid-auto-rows: auto;
  gap: clamp(min(calc(10vw /3.75),10px),calc(20vw / 10),20px);
  justify-content: flex-start;
}

.permit-list-item .common-link {
  width: 100%;
  max-width: none;
  padding-left: clamp(min(calc(8vw / 3.75), 8px), calc(30vw / 10), 30px);
  padding-right: clamp(min(calc(18vw / 3.75), 18px), calc(35vw / 10), 35px);
  text-align: center;
  font-size: clamp(min(calc(10vw / 3.75),10px),calc(13vw / 10),13px);
}

.sustainability__common-title {
  padding-bottom: clamp(25px,calc(40vw / 10),40px);
}

.sustainability-container {
  line-height: calc(28 / 16);
  display: flex;
  flex-direction: column;
  gap: clamp(40px,calc(60vw / 10),60px) 0;
  /* margin-top: clamp(25px,calc(45vw / 10),45px); */
}
.sustainability-container--15 {
  gap: 17px 0;
}

.ver-line-title {
  font-size: clamp(min(calc(20vw / 3.75),20px),calc(30vw / 10),30px);
  font-weight: 700;
  line-height: 2;
  text-align: left;
  background-image: linear-gradient(#004e76,#004e76);
  background-repeat: no-repeat;
  background-size: clamp(min(calc(4vw / 3.75),4px),calc(5vw / 10),5px) 70%;
  background-position: left center;
  color: #004e76;
  /* text-indent: clamp(min(calc(14vw / 3.75),14px),calc(20vw / 10),20px); */
  padding-left: clamp(min(calc(14vw / 3.75),14px),calc(20vw / 10),20px);
  letter-spacing: clamp(min(calc(1vw / 3.75),1px),calc(2vw / 10),2px);
}

.business__ver-line-title {
  margin-bottom: 25px;
}

.sustainability__twotone-border-title .twotone-border-text {
  font-size: clamp(min(calc(17vw / 3.75),17px),calc(24vw / 10),24px);
}

.sustainability-mt-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit,min(calc(325vw / 3.75),325px));
  grid-auto-rows: auto;
  justify-content: center;
  align-items: stretch;
  gap: 20px min(calc(40vw / 14),40px);
}
@media (max-width: 768px) {
.sustainability-mt-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit,min(calc(335vw / 3.75),335px));
  grid-auto-rows: auto;
  justify-content: center;
  align-items: stretch;
  gap: 20px min(calc(40vw / 14),40px);
}
}

.sustainability-mt-list-item {
  width: 100%;
  background-position: top center;
  padding: 25px clamp(min(calc(30vw / 3.75),30px),calc(35vw / 10),35px);
  border-radius: 4px;
}
.sustainability-mt-list-item--1 {
  background-image: linear-gradient(to bottom,#248c96,#28a788);
}
.sustainability-mt-list-item--2 {
  background-image: linear-gradient(to bottom,#137fa9,#1da6dc 75%);
}
.sustainability-mt-list-item--3 {
  background-image: linear-gradient(to bottom,#004288,#1255a5 75%);
}

.mt-list-title {
  margin: 0 auto;
  width: 100%;
  max-width: clamp(170px,calc(220vw / 10),220px);
}

.sustainability-container--sdgs {
  background-color: #f7f8f9;
  padding: clamp(min(calc(23vw / 3.75),23px),calc(55vw / 10),55px);
}

.sustainability-sdgs {
  display: flex;
}

.sustainability-sdgs--1 {
  display: grid;
  grid-template: "sas-ttl sas-img" auto
                 "sas-txt sas-img" 1fr
                 /396px 1fr;
  gap: 15px 10px;
  justify-content: center;
  align-items: flex-end;
}
@media (max-width: 768px) {
.sustainability-sdgs--1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
}

.sustainability-sdgs-title {
  font-size: clamp(min(calc(17vw / 3.75),17px),calc(20vw / 10),20px);
  font-weight: 700;
  color: #004e76;
}
.sustainability-sdgs--1 .sustainability-sdgs-title {
  grid-area: sas-ttl;
}

.sustainability-sdgs-title span {
  color: #6c89c4;
}

.sustainability-sdgs--1 .sustainability-sdgs-img1 {
  grid-area: sas-img;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 185.19 6.77"><rect fill="%23004e76" y="2.93" width="181.97" height=".9"/><circle fill="%23004e76" cx="181.8" cy="3.38" r="3.38"/></svg>') ;
  background-repeat: no-repeat;
  background-size: calc(185.1848% / 5.611845);
  background-position: left calc(96% / 4.86);
}
@media (max-width: 768px) {
.sustainability-sdgs--1 .sustainability-sdgs-img1 {
  margin: 0 auto;
  background-image: none ;
}
}

.sustainability-sdgs--1 .sustainability-sdgs-text {
  grid-area: sas-txt;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 15px;
}

.sustainability-sdgs-text-1 {
  font-size: clamp(min(calc(17vw / 3.75),17px),calc(20.7vw / 10),20.7px);
  font-weight: 700;
  line-height: calc(28 / 17);
  color: #004e76;
}

.sustainability-sdgs-text-2 {
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(15vw / 10),15px);
}

.sustainability-sdgs-img2 {
  margin: auto;
  width: 100%;
  max-width: 400px;
}
.sustainability-sdgs-img2 img {
  width: 100%;
}

.sustainability-sdgs--1 .common-link {
  width: 100%;
  max-width: 400px;
  margin-bottom: auto;
}

.triangle {
  width: clamp(min(calc(47.4223vw / 3.75),47.4223px) ,calc(54.1969vw / 10), 54.1969px);
  height: auto;
  aspect-ratio: 54.1969 / 27.0985;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 54.2 27.1"><polygon fill="%23004e76" points="54.2 0 27.1 27.1 0 0 54.2 0"/></svg>') ;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 20px auto 0;
}

.sustainability-sdgs-goal-img {
  margin-top: 30px;
}

.sustainability-subpage-link {
  display: grid;
  grid-template-columns: repeat(auto-fit,clamp(min(calc(284.375vw / 3.75),284.375px),calc(325vw / 7.68),325px));
  grid-auto-rows: auto;
  gap: 20px 35px;
  justify-content: center;
  align-items: flex-start;
}

.sustainability-subpage-link__link-arrow {
  display: block;
  border-bottom: 1px solid;
}

.sustainability-subpage-link-anker-item {
  display: flex;
  color: #273e48;
  gap: 0 10px;
}

.sustainability-subpage-link-anker {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
  margin-top: 15px;
}

.sustainability-subpage-link-anker-item:hover {
  opacity: .9;
  filter: brightness(120%);
}

.sustainability-subpage-link-anker-item::before {
  content: "";
  mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 7.73 14.05"><polygon fill="%23248c96" points=".71 14.05 0 13.34 6.32 7.02 0 .71 .71 0 7.73 7.02 .71 14.05"/></svg>') ;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  display: block;
  width: clamp(min(calc(7vw / 3.75),7px),calc(8vw / 10),8px);
  height: auto;
  aspect-ratio: 7.7305 / 14.0466;
  transition: .3s;
}
.cerulean.sustainability-subpage-link-anker-item::before {
  background-color: #248c96;
}
.sustainability-subpage-link-anker-item:hover::before {
  transform: rotate3d(-1,0,0,180deg);
}

.sustainability-kpi-img {
  max-width: 950px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .sustainability-kpi-img {
    max-width: 500px;
    margin-top: 20px;
  }
}

.medius {
  background-image: linear-gradient(to right,#ee7800,#d7000f,#ee7800);
  background-size: 100%;
  padding: 2px;
  border-radius: 2px;
}

.medius-contents {
  background-color: #fff;
  /* padding: clamp(min(calc(20vw / 3.75),20px),calc(45vw / 10),45px) clamp(min(calc(20vw / 3.75),20px),calc(60vw / 10),60px); */
  padding: 0 clamp(min(calc(20vw / 3.75),20px),calc(60vw / 10),60px);
}

.medius-title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: clamp(min(calc(17vw / 3.75),17px),calc(20vw / 10),20px);
  font-weight: 700;
  min-height: clamp(65px,calc(70vw / 7.68),70px);
  letter-spacing: min(calc(1vw / 3.75),1px);
}

.medius-list-item {
  display: flex;
  gap: 20px 40px;
  padding: clamp(min(calc(20vw / 3.75),20px),calc(45vw / 10),45px) 0;
}
.medius-list-item:not(:last-of-type) {
  border-bottom: 1px solid #cbcbcc;
}
@media (min-width: 769px) {
  .medius-list-item:nth-of-type(2n) {
    flex-direction: row-reverse;
  }
}
@media (max-width: 768px) {
.medius-list-item {
  flex-direction: column;
}
}

.medius-list-img {
  width: 389.9845px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
.medius-list-img {
  width: 100%;
}
}

.medius-list-img img {
  display: block;
}

.medius-list-text {
  display: flex;
  flex-direction: column;
      justify-content: center;
  gap: 20px;
}

.medius-list-text-head {
  font-size: clamp(min(calc(17vw / 3.75),17px),calc(20vw / 10),20px);
  font-weight: 700;
  color: #d70010;
}

.medius__common-link {
  border-color: #d70010;
  color: #d70010;
  margin-top: min(calc(20vw / 10),20px);
}

.medius__common-link::after {
  background-color: #d70010;
}

.sustainability-topics {
  padding-top: clamp(50px,calc(120vw / 10),120px);
  padding-bottom: clamp(60px,calc(150vw / 10),150px);
}

.page-sustainability .splide--topics {
  padding-top: clamp(25px,calc(45vw / 10),45px);
} 

.posture-purpose {
  padding-top: 1px;
}

.posture-identity-img {
  width: 100%;
  margin-top: clamp(30px,calc(60vw / 10),60px);
}

.posture-purpose__indigo-title-text {
    margin-top: clamp(25px,calc(50vw / 10),50px);
}

.posture-purpose-contents {
  padding-left: 50px;
  max-width: 1400px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 40px min(calc(58vw / 14),58px);
  margin: 0 auto;
}
@media (max-width: 768px) {
.posture-purpose-contents {
  padding-left: min(calc(20vw / 3.75),20px);
  padding-right: min(calc(20vw / 3.75),20px);

}
}

.posture-purpose-contents-text {
  max-width: min(calc(700vw / 14),700px);
  width: 100%;
}
@media (max-width: 768px) {
.posture-purpose-contents-text {
  max-width: none;
}
}

.posture-purpose__indigo-description-text {
  line-height: calc(43 / 16);
  margin-top: clamp(25px,calc(50vw / 10),50px);
}
@media (max-width: 768px) {
.posture-purpose__indigo-description-text {
  line-height: calc(24 / 14);
}
}

.posture-purpose-contents-img {
  max-width: 470.217px;
  width: 100%;
  flex:1;
}
@media (max-width: 768px) {
.posture-purpose-contents-img {
  max-width: none;
}
}

.posture-purpose-movie {
  padding-top: clamp(60px,calc(140vw / 10),140px);
}

.posture-purpose-movie-container {
  width: 100%;
  height: auto;
  aspect-ratio: 1075 / 604.6875;
}

.posture-companycredo {
  padding-top: clamp(40px,calc(80vw / 10),80px);
}

.companycredo-list {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 30px min(calc(70vw / 10),70px);
  margin-top: clamp(30px,calc(55vw / 10),55px);
}

.companycredo-list-item {
  width: 290px;
  height: clamp(170.21px,calc(206.2218vw / 10),206.2218px);
  border-top: 2px solid #6c89c4;
  border-bottom: 1px solid #6c89c4;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: clamp(20px,calc(30vw / 10),30px);
}
@media (max-width: 768px) {
  .companycredo-list-item {
    width: 100%;
    max-width: 290px;
  }
}

.companycredo-list-title {
  font-size: clamp(min(calc(22vw / 3.75),22px),calc(27vw / 10),27px);
  font-weight: 700;
  color: #004e76;
}

.icon-check::before {
  content: "";
  display: inline-block;
  width: min(calc(13.5938vw / 3.75),13.5938px);
  aspect-ratio: 13.5938 / 9.9954;
  height: auto;
  mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 13.59 10"><polygon fill="%236c89c4" points="12.85 0 5.08 8.53 .73 3.93 0 4.62 5.09 10 13.59 .67 12.85 0"/></svg>') ;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  background-color: #6c89c4;
  margin-right: 5px;
}

.posture-guidingprinciple-contents {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px min(calc(40vw / 10),40px);
  max-width: 1000px;
  margin: 0 auto clamp(40px,calc(65vw / 10),65px);
  padding-top: clamp(30px,calc(65vw / 10),65px);
}

.posture-guidingprinciple-logo {
  max-width: 379.6175px;
  width: calc(255% / 3.75);
}

.indigo-title-text {
  min-width: min(calc(320vw / 3.75),320px);
}

.posture-guidingprinciple__indigo-title-text {
  font-size: clamp(min(calc(17vw / 3.75),17px),calc(27vw /  10),27px);
  letter-spacing: clamp(min(calc(1vw / 3.75), 1px), calc(2vw / 10), 2px);
}

.responsibility-list {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 55px 100px;
  margin-top: clamp(40px,calc(50vw / 10),50px);
  padding-bottom: clamp(100px,calc(225vw / 10),225px);
}

.responsibility-pdf {
  display: flex;
  flex-direction: column;
  gap: clamp(20px,calc(30vw / 10),30px);
  margin-top: 24px;
}

.posture-responsibility .indigo-title-text {
    text-align: center;
}
@media (max-width: 768px) {
.posture-responsibility .indigo-title-text {
    text-align: left;
}
}

.responsibility-pdf .common-link {
    width: 100%;
    max-width: 426.5px;
    min-height: clamp(65px, calc(72vw / 10), 72px);
}

.vr-border-title {
  background-color: #f7f8f9;
  border-left: 3px solid #6c89c4;
  min-height: 60px;
  padding: 10px 35px;
  display: flex;
  align-items: center;
}

.general-customers__vr-border-title {
  margin-top: clamp(30px,calc(40vw / 10),40px);
}

.general-customers__kyoten-dialog-list2 {
  max-width: 436.5px;
  margin: clamp(30px,calc(50vw / 10),50px) auto;
  padding: 0;
}

.general-customers-otherlunks {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  padding: 20px 0 0;
}

.general-customers-otherlunks ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px 30px;
}

.general-customers-otherlunks ul li a {
  max-width: none;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.corporate-customers-link,.corporate-customers-link li a {
  max-width: 436.5px;
  margin: 0 auto;
  justify-content: center;
}
.corporate-customers-link {
  width: 100%;
  margin-top: 30px;
}
.corporate-customers-link li a {
  width: calc(295% / 3.35);
}

.business-lineup__common-title {
  margin-bottom: clamp(30px,calc(40vw / 10),40px);
}

.business-lineup-list {
  display: flex;
  flex-direction: column;
  gap: 80px;
  margin-top: clamp(40px,calc(50vw / 10),50px);
}

.business-lineup-list-item {
  display: grid;
  grid-template-columns: 235px 1fr;
  gap: 20px 40px;
}
.foryou__business-lineup-list .business-lineup-list-item {
  grid-template-columns: 363.3781px 1fr;
}
@media (max-width: 768px) {
  .business-lineup-list-item,
  .foryou__business-lineup-list .business-lineup-list-item {
    grid-template-columns: 1fr;
  }
}

.business-lineup-list .common-link {
  margin-top: 20px;
}

.page-business-sub {

}

.foryou__business-lineup-list-num {
  width: clamp(91.124px,calc(115vw / 10),115px);
}

.foryou__business-lineup-list-note {
  font-size: min(calc(14vw / 3.75),14px);
}

.foryou__business-logo {
  max-width: clamp(240px,calc(376.5vw / 10),376.5px);
  width: 100%;
  margin: clamp(50px,calc(85vw / 10),85px) auto clamp(10px,calc(20vw / 10),20px);
}
.foryou__business-logo--homecare {
  max-width: clamp(270px,calc(454vw / 10),454px);
  margin: 0 auto;
  mix-blend-mode: multiply;
}

.foryou-homecare {
  background-color: #fcf5f3;
  padding: clamp(35px,calc(65vw / 10),65px) 0;
  margin-top: clamp(90px,calc(140vw / 10),140px);
}

.foryou-homecare .indigo-title-text {
  text-align: center;
}

.foryou-movie {
  padding-top: clamp(80px,calc(125vw / 10),125px);
  padding-bottom: clamp(100px,calc(170vw / 10),170px);
}

.movie {
  width: 100%;
  height: auto;
  aspect-ratio: 1075 / 604.6875;
}

.logistics-graf {
  max-width: 967px;
  margin: 0 auto;
}

.logistics-madre {
  padding-top: clamp(50px,calc(70vw / 10),70px);
}

.logistics-madre-mainimage {
  max-width: 1073px;
  width: 100%;
  margin: 0 auto;
}

.logistics-madre-list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(clamp(min(calc(300vw / 3.75),300px),calc(312vw / 10),312px),1fr));
  gap: 40px 65px;
  margin-top: clamp(35px,calc(50vw / 10),50px);
}

.logistics-madre-list li {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.splide--logistics {
  padding-bottom: 50px;
  max-width: 1800px;
  margin: clamp(70px,calc(80vw / 10),80px) auto 0;
}

.logistics-slide-text {
  margin-top: 3px;
}

.splide--logistics .splide__pagination {
  gap: clamp(15px,calc(20vw / 10),20px);
}

.splide--logistics .splide__pagination__page,
.splide--logistics .splide__pagination__page.is-active {
  transform: scale(1);
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  background: #b3b3b3;
  margin: 0;
}
.splide--logistics .splide__pagination__page.is-active {
  background: #004e76;
}

.logistics-network__indigo-description-text {
  margin: 15px 0;
}

.logistics-network-contents {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 30px 50px;
  width: 100%;
  max-width: 1400px;
  margin:0 auto;
  padding-top: 70px;
}
@media (max-width: 768px) {
.logistics-network-contents {
  flex-direction: column;
  align-items: flex-start;
}
}

.logistics-network-text {
  flex: 1;
  max-width: 576.529px;
  padding: 0 20px 0 50px;
}
@media (max-width: 768px) {
  .logistics-network-text {
    padding: 0 min(calc(20vw / 3.75),20px);
  }
}

.logistics-network-img {
  width: calc(665% / 14);
  height: 350.1439px;
}
@media (max-width: 768px) {
.logistics-network-img {
  width: 100%;
  height: 176.3883px;
  padding: 0 min(calc(20vw / 3.75),20px);
}
}

.logistics-network-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.business-medical-list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
  gap: 35px clamp(min(calc(30vw / 3.75),30px),calc(38vw / 10),38px);
  padding-top: 50px;
}
@media (max-width: 768px) {
.business-medical-list {
  grid-template-columns: 1fr 1fr;
}
.medical-management .business-medical-list {
    grid-template-columns: 1fr;
}
}

.business-medical-list .indigo-description-text {
  padding: clamp(3px,calc(10vw / 10),10px) 0 10px;
}

.medical-cuttingedge {
  padding-top: clamp(60px,calc(90vw / 10),90px);
}

.medical-cuttingedge-container {
  background-color: #f7f8f9;
  padding: clamp(min(calc(30vw / 3.75),30px),calc(40vw / 10),40px) min(calc(20vw / 3.75),20px);
  margin-top: clamp(15px,calc(20vw / 10),20px);
}

.medical-cuttingedge-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  gap: min(calc(30vw / 3.75),30px);
  margin-bottom: 30px;
}
@media (max-width: 768px) {
.medical-cuttingedge-list {
  grid-template-columns: 1fr;
}
}

.medical-cuttingedge-list-img {
  width: min(calc(114.4723vw / 3.75),114.4723px);
  height: auto;
  aspect-ratio: 1;
  margin: 0 auto 15px;
}

.medical-cuttingedge-container .commmon-text {
  max-width: 750px;
  margin: 0 auto;
  display: block;
}

.medical-support {
  padding-top: clamp(60px,calc(100vw / 10),100px);
}

.medical-support-list {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0 auto;
  gap: 40px 60px;
  padding-bottom: clamp(50px,calc(100vw / 10),100px);
  border-bottom: 1px solid #cbcbcc;
}
.medical-support-alignment3 .medical-support-list {
  grid-template-columns: repeat(auto-fit,331.6667px);
  border-bottom: none;
  justify-content: center;
  gap: 40px;
}
@media (max-width: 768px) {
.medical-support-list ,.medical-support-alignment3 .medical-support-list {
  grid-template-columns: 1fr;
  max-width: 450px;
}
}

.medical-support-list-item {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  padding: clamp(min(calc(20vw / 3.75),20px),calc(25vw / 10),25px);
  border: 1px solid #004e76;
  border-radius: 5px;
}

.medical-support-list-img {
  width: min(calc(262.1174vw / 3.75),262.1174px);
  margin: 0 auto;
}

.medical-support-list-item .indigo-description-text {
  text-align: center;
}

.medical-spd-partner {
  padding-top: clamp(40px,calc(90vw / 10),90px);
}

.medical-spd-partner__indigo-description-text {
  margin-top: clamp(45px,calc(55vw / 10),55px);
}

.medical-spd-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  gap: 35px 60px;
  margin-top: 35px;
}
@media (max-width: 768px) {
.medical-spd-list {
  grid-template-columns: 1fr;
}
}

.medical-spd-list-item {
  border-bottom: 1px solid #cbcbcc;
  padding-bottom: 40px;
}

.medical-sub-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(min(calc(16vw / 3.75),16px),calc(18vw / 10),18px);
  font-weight: 700;
  min-height: 62px;
  width: 100%;
  background-color: #6c89c4;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
}

.medical-management__commmon-text {
  margin-bottom: 3px;
}

.medical-support-alignment3__commmon-text {
  text-align: center;
}

@media (max-width: 768px) {
.medical-support-alignment3-img {
  max-width: 218.9583px;
  margin: 0 auto;
}
}

.materiality-section-wrapper {
  position: relative;
}

.materiality-side-links-wrapper {
  z-index: 100;
  position: sticky;
  top: 0;
  width: 1px;
  height: 1px;
  /* margin-left: auto; */
}
@media (max-width: 768px) {
  .materiality-side-links-wrapper {
    width: 100%;
    height: 60px;
    margin-left: auto;
    transform: translateY(60px);
  }
}

.materiality-side-links-container {
  position: relative;
  width: 1px;
  height: 1px;
}
@media (max-width: 768px) {
  .materiality-side-links-container {
    width: 100%;
    height: 100%;
  }
}

.materiality-side-links {
  position: absolute;
  left: 0;
  top: min(calc(200vh / 8),200px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: clamp(25px,calc(60vw / 12),60px);
}
@media (max-width: 768px) {
.materiality-side-links {
  position: static;
  flex-direction: row;
  width: 100%;
  height: 100%;
  gap: 0;
}
}

.materiality-side-links a {
  width: 100%;
  height: clamp(96.7742px,calc(200vh / 8),200px);
  color: #fff;
  writing-mode: vertical-lr;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: clamp(9px,calc(20vh / 8),20px);
  padding-bottom: 25px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17.51 9.46"><polygon fill="%23ffffff" points="8.75 9.46 0 .71 .71 0 8.75 8.05 16.8 0 17.51 .71 8.75 9.46"/></svg>') ;
  background-repeat: no-repeat;
  background-size: clamp(9px,calc(17.5078vh / 8),17.5078px);
  background-position: center calc(100% - 15px);
  font-size: clamp(min(calc(12vw / 3.75),12px),calc(20vh / 8),20px);
}
.materiality-side-links-1 {
  background-color: #248c96;
}
.materiality-side-links-2 {
  background-color: #1da6dc;
}
.materiality-side-links-3 {
  background-color: #1255a5;
}
.materiality-side-links a:hover {
  filter: brightness(105%);
  background-position: center calc(100% - 10px);
}
@media (max-width: 768px) {
.materiality-side-links a {
  height: 100%;
  writing-mode: horizontal-tb;
  justify-content: center;
  background-position: center calc(100% - 5px);
  background-size: min(calc(16vw / 3.75),16px);
}
.materiality-side-links a:hover {
  filter: brightness(100%);
  background-position: center calc(100% - 5px);
}
}

.materiality-sectop {
  padding-top: clamp(80px,calc(140vw / 10),140px);
}

.materiality-sec-topcontainer {
  position: relative;
  width: 100%;
  height: clamp(260px,calc(400vw / 10),400px);
}

.materiality-sectopimg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.materiality-sectopimg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.materiality-sectop__container {
  height: 100%;
}

.materiality-anker .sustainability-subpage-link {
  margin-top: clamp(35px,calc(55vw / 10),55px);
}

.materiality-anker .sustainability-subpage-link__link-arrow {
  padding-top: 5px;
  padding-bottom: 5px;
}

.materiality-sectopcontents {
  padding-top: clamp(45px,calc(140vw / 10),140px);
  padding-bottom: clamp(25px,calc(40vw / 10),40px);
  max-width: 493px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


@media (max-width: 768px) {
.page-materiality .materiality__twotone-border-title {
    background-image: linear-gradient(#6c89c4, #6c89c4),linear-gradient(#cbcbcc, #cbcbcc);
    background-repeat: no-repeat;
    background-size: 200px 1px,100% 1px;
    background-position: left bottom;
}
.page-materiality .twotone-border-text {
  background-image: none;
}
}

.materiality-subtitle {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-bottom: clamp(15px,calc(25vw / 10),25px);
  background-image: linear-gradient(#fff,#fff);
  background-repeat: no-repeat;
  background-size: clamp(25px,calc(35vw / 10),35px) 1px;
  background-position: bottom left;
}

.materiality-subtitle-main {
  font-size: clamp(min(calc(22vw / 3.75),22px),calc(40vw / 10),40px);
  font-weight: 700;
  letter-spacing: clamp(min(calc(1vw / 3.75),1px),calc(3vw / 10),3px);
}

.materiality-subtitle-side {
  font-size: clamp(min(calc(10vw / 3.75),10px),calc(16vw / 10),16px);
  font-weight: 400;
}

.materiality-sectop-anker {
  display: flex;
  flex-wrap: wrap;
  margin-top: clamp(25px,calc(55vw / 10),55px);
  gap: 15px clamp(40px,calc(60vw / 10),60px);
}

.materiality-sectop-anker a {
  background-repeat: no-repeat;
  background-size: 9.4561px;
  background-position: calc(100% - 10px) center;
  padding-right: 30px;
}
.materiality-sectop-anker a.bl-cerulean {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.46 5.44"><polygon fill="%23248c96" points="4.73 5.44 0 .71 .71 0 4.73 4.02 8.75 0 9.46 .71 4.73 5.44"/></svg>') ;
}
.materiality-sectop-anker a.light-cyan {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.46 5.44"><polygon fill="%231da6dc" points="4.73 5.44 0 .71 .71 0 4.73 4.02 8.75 0 9.46 .71 4.73 5.44"/></svg>') ;
}
.materiality-sectop-anker a.deepblue {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.46 5.44"><polygon fill="%231255a5" points="4.73 5.44 0 .71 .71 0 4.73 4.02 8.75 0 9.46 .71 4.73 5.44"/></svg>') ;
}

.materiality-sectop-anker a:hover {
  opacity: .9;
  filter: brightness(105%);
}

.materiality-seccommon {
  padding-top: clamp(30px,calc(85vw / 10),85px);
}

.ver-line-title.bl-cerulean {
  color: #248c96;
  background-image: linear-gradient(#248c96, #248c96);
}
.ver-line-title.light-cyan {
  color: #1da6dc;
  background-image: linear-gradient(#1da6dc, #1da6dc);
}
.ver-line-title.deepblue {
  color: #1255a5;
  background-image: linear-gradient(#1255a5, #1255a5);
}
.materiality__ver-line-title {
  margin-bottom: clamp(15px,calc(45vw / 10),45px);
}
.healthmanage__ver-line-title {
  margin-bottom: clamp(10px,calc(20vw / 10),20px);
}

.materiality__twotone-border-title {
  margin-bottom: clamp(15px,calc(25vw / 10),25px);
}
.healthmanage__twotone-border-title {
  margin-bottom: clamp(15px,calc(35vw / 10),35px);
}

.materiality-seccommon-list {
  display: flex;
  flex-direction: column;
  gap: clamp(30px,calc(40vw / 10),40px);
}

.materiality-seccommon-list--gap80 {
  gap: clamp(50px,calc(75vw / 10),75px);
}

.materiality__common-link {
  margin-top: 30px;
  margin-bottom: 20px;
}

.materiality-border-box {
  border: 1px solid #6c89c4;
  border-radius: 4px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.ecoaction-logo {
  width: clamp(min(120px),calc(180vw / 7.68),180px);
  margin: 0 auto;
}

.materiality-ecoaction {
  margin-top: 20px;
}

.materiality-ecoaction-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.materiality-ecoaction-flex--center {
  justify-content: center;

}

.ecoaction-text {
  max-width: 630px;
}
.materiality-ecoaction-text {
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(16vw / 10),16px);
  margin-top: 5px;
}

.materiality-ecoaction-text--700 {
  font-weight: 700;
  color: #004e76;
}

.materiality-flex-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}
@media (max-width: 768px) {
.materiality-flex-2col {
  grid-template-columns: 1fr;
}
}
.materiality-flex-2col--max850px {
  max-width: 850px;
  margin: 0 auto;
}

.materiality-flex-3col {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 30px clamp(min(calc(20vw / 3.75), 20px), calc(38vw / 10), 38px);
}
@media (max-width: 768px) {
  .materiality-flex-3col {
    gap: 30px min(calc(10vw / 3.75), 10px);
  }
}

.materiality-flex-item--332 {
  width: clamp(min(calc(148vw / 3.75),148px),calc(332vw / 10),332px);
}
.materiality-flex-item--max551 {
  max-width: 551px;
}
.materiality-flex-item--150 {
  width: clamp(min(calc(148vw / 3.75),148px),calc(210vw / 10),210px);
}

.font-18 {
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(18vw / 10),18px);
  margin: 10px 0;
}
@media (max-width: 768px) {
  .font-18 {
    text-align: center;
  }
}

.font-700 {
  font-weight: 700;
}


.environment-sec2__materiality-flex-3col .common-text {
  font-size: clamp(min(calc(12vw / 3.75),12px),calc(16vw / 10),16px);
}

@media (max-width: 768px) {
.text-spcenter {
  text-align: center;
}
}

.materiality-img {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 45px;
}

.padding-left30px {
  padding-left: min(calc(30vw / 10),30px);
}
@media (max-width: 768px) {
.padding-left30px {
  padding-left: 0;
}
}

.environment-project__materiality-flex-3col {
  justify-content: center;
  margin-top: 30px;
  gap: clamp(10px,calc(30vw / 10),30px);
}

.materiality-img--ecoaction {
  max-width: 850px;
  margin: 0 auto;
  width: 100%;
  display: block;
}
.materiality-img--660px {
  width: clamp(550px,calc(660vw / 10),660px);
  margin: 0 auto;
  display: block;
}

.text-indent {
  padding-left: 1rem;
  text-indent: -1rem;
}

.materiality-member-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  margin-top: 20px;
}

.materiality-member-list-item {
  display: grid;
  grid-template-columns: clamp(min(calc(125vw / 3.75),125px),calc(135vw / 7.68),135px) 1fr;
  gap: clamp(20px,calc(25vw / 10),25px);
}
.materiality-member-list--2 .materiality-member-list-item {
  align-items: center;
}
@media (max-width: 768px) {
  .materiality-member-list--1 .materiality-member-list-item {
    grid-template-columns: 1fr;
  }
}

.materiality-member-job {
  background-color: #f7f8f9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  min-height: 53.9245px;
}
@media (max-width: 768px) {
.materiality-member-job {
  min-height: 40px;
}
}

.materiality-member-job .common-text {
  color: #004e76;
}

.scroll {
  width: 100%;
  overflow-x:scroll
}

.graf--4 {
  max-width: 980px;
  margin: 0 auto;
}

.graf--5 {
  max-width: 900px;
  margin: 0 auto 30px;
}

.graf--6 {
  max-width: 987.5px;
  margin: 0 auto 30px;
}

.graf--7 {
  max-width: 480px;
  flex: 1;
  min-width: min(calc(300vw / 3.75),300px);
}
.graf--10 {
  max-width: 853px;
  margin: 0 auto;
}
.graf--15 ,.graf--16 {
  max-width: 445px;
}

.graf--6 .graf-table ,.graf--11 .graf-table {
  table-layout: fixed;
}
.graf--9 .graf-table ,.graf--10 .graf-table {
  background-color: #fff;
}

.graf--1 .graf-table {
  width: 1075px;
}
.graf--14 .graf-table {
  height: 130px;
}
.graf--15 figure ,.graf--16 figure {
  margin-top: 5px;
}
@media (max-width: 768px) {
  .graf--1 .graf-table {
    width: 800px;
  }
  .graf--3 .graf-table {
    width: 900px;
  }
  .graf--3 .graf-table {
    width: 820px;
  }
  .graf--9 .graf-table {
    width: 860px;
  }
  .graf--13 .graf-table ,.graf--14 .graf-table {
    width: 645px;
  }
  .graf--14 .graf-table {
    height: 130px;
  }
  .graf--15 figure ,.graf--16 figure {
    margin-left: auto;
    margin-right: auto;
    width: calc(255% / 3.35);
  }
}

.graf--1 .graf-text {
  font-size: clamp(min(calc(9vw / 3.75),9px),calc(13vw / 10),13px);
}
.graf--2 .graf-text ,.graf--5 .graf-text ,.graf--6 .graf-text--11 ,.graf--7 .graf-text,.graf--8 .graf-text ,.graf--8 .graf-text ,.graf--9 .graf-text ,.graf--10 .graf-text ,.graf--12 .graf-text {
  font-size: clamp(min(calc(11vw / 3.75),11px),calc(16vw / 10),16px);
}
.graf--3 .graf-text {
  font-size: clamp(min(calc(10vw / 3.75),10px),calc(13vw / 10),13px);
}

.graf--6 .graf-text ,.graf--11 .graf-text,.graf--13 .graf-text,.graf--14 .graf-text {
  font-size: clamp(min(calc(10vw / 3.75),10px),calc(16vw / 10),16px);
}

.graf--9 .graf-text--small {
  font-size: clamp(min(calc(10vw / 3.75),10px),calc(12vw / 10),12px);
}


.graf-table {
  border-collapse: collapse;
  border: 1px solid #6c89c4;
  width: 100%;
}

.graf-cell {
  border: 1px solid #6c89c4;
  padding: 8px;
}
.graf--3 .graf-cell {
  padding: 8px 1px 8px 5px;
}
.graf--6 .graf-cell {
  padding: 8px clamp(1px,calc(8vw / 12),8px) 8px 4px;
}
.graf--8 .graf-cell ,.graf--13 .graf-cell {
  padding: 8px min(calc(3vw / 3.75),3px) 8px min(calc(2vw / 3.75),2px);
}
.graf--9 .graf-cell {
  padding: 8px clamp(1px,calc(4vw / 12),4px) 8px 3px;
}
.graf--11 .graf-cell {
  padding: 8px clamp(1px,calc(4vw / 12),4px) 8px 2px;
}

.graf-cell--58 {
  width: clamp(min(calc(46vw / 3.75),46px),calc(58vw / 10),58px);
}
.graf-cell--124 {
  width: clamp(min(calc(90vw / 3.75),90px),calc(124vw / 10),124px);
}
.graf-cell--120 {
    width: clamp(min(calc(92vw / 3.75),92px),calc(121vw / 10),121px);
}
.graf-cell--180 {
    width: clamp(min(calc(40vw / 3.75),40px),calc(180vw / 10),180px);
}
.graf-cell--245 {
    width: clamp(min(calc(83vw / 3.75),83px),calc(245vw / 10),245px);
}
.graf-cell--300 {
  width: clamp(min(calc(87vw / 3.75),87px),calc(300vw / 10),300px);
}
@media (max-width: 768px) {
.graf-cell--300 {
  width: min(calc(87vw / 3.75),87px);
}
.graf-cell--180 {
    width: min(calc(40vw / 3.75),40px);
}
}

.graf-center {
  text-align: center;
}
.graf-right {
  text-align: right;
}

.graf-bg-blue {
  background-color: #e5f1fc;
}

figure {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.graf--4 .graf-caption ,.graf--7 .graf-caption ,.graf--8 .graf-caption ,.graf--12 .graf-caption ,.graf--15 .graf-caption ,.graf--16 .graf-caption {
  font-size: clamp(min(calc(11vw / 3.75),11px),calc(14vw / 10),14px);
}
.graf--7 .graf-caption ,.graf--8 .graf-caption ,.graf--12 .graf-caption ,.graf--15 .graf-caption ,.graf--16 .graf-caption {
  margin-top: 5px;
}

.list-grid3 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
  grid-auto-rows: auto;
  gap: clamp(30px,calc(35vw / 10),35px) 42px;
}
.list-grid3--4 {
  grid-template-columns: repeat(auto-fit,minmax(236.480px,1fr));
  gap: clamp(30px, calc(35vw / 10), 35px) 40px;
}

.list-grid3-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap:clamp(15px,calc(30vw / 10),30px);
  padding: 30px min(calc(30vw / 3.75),30px);
  border-top: 1px solid #004e76;
}
.list-grid3--4 .list-grid3-item {
  padding: 30px min(calc(30vw / 3.75),20px);
    gap:clamp(10px,calc(20vw / 10),20px);
}
.list-grid3--4 .list-grid3-item--bottom {
  justify-content: flex-end;
  align-items: flex-end;
  padding: 5px 0;
  border-top: none;
}

.maxwidth-880 {
  max-width: 880px;
}

.list-grid3-title {
  font-size: clamp(min(calc(16vw / 3.75),16px),calc(18vw / 10),18px);
  font-weight: 700;
  line-height: calc(28 / 16);
  color: #004e76;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: clamp(20px,calc(25vw / 10),25px) 40px;
}
.flex--left {
  justify-content: flex-start;
  align-items: flex-start;
}

.flex .common-link {
  margin: 0;
}

.max-277px {
  width: 100%;
  max-width: 277px;
}

.font-18-16 {
  font-size: clamp(min(calc(16vw / 3.75),16px),calc(18vw / 10),18px);
}

li {
  list-style: none;
}


@media (max-width: 768px) {
.social-sec2__materiality-flex-3col {
  gap: 15px clamp(min(calc(20vw / 3.75), 20px), calc(38vw / 10), 38px);
}
.social-sec2__materiality-flex-3col .materiality-flex-item--332 {
  width: 100%;
}
.materiality-flex-item--332--sphalf {
  flex: 1;
}
}

.materiality-sponsor {
  display: grid;
  grid-template: 'mt-sp-ti mt-sp-im' auto
                  'mt-sp-tx mt-sp-im' 1fr/
                  auto 390px;
  gap: 15px 30px;
  padding: clamp(30px,calc(50vw / 10),50px) clamp(min(calc(20vw / 3.75),20px),calc(60vw / 10),60px);
  margin-top: 5px;
}
@media (max-width: 768px) {
.materiality-sponsor {
  display: flex;
  flex-direction: column;
}
}

.materiality-sponsor-title {
  grid-area: mt-sp-ti;
}

.materiality-sponsor-img {
  grid-area: mt-sp-im;
}

.materiality-sponsor-text {
  grid-area: mt-sp-tx;
}

.materiality-sponsor--sponsor-partner {
  display: flex;
  flex-direction: column;
  padding: clamp(30px, calc(50vw / 10), 50px) clamp(min(calc(20vw / 3.75), 20px), calc(50vw / 10), 50px);
    row-gap: 30px;
}

.text-center {
  text-align: center;
}

.materiality-img--270px {
  width: clamp(min(calc(207vw / 3.75),207px),calc(270vw / 10),270px);
}

.common-text--flex1-minwidth300px {
  flex: 1;
  min-width: min(calc(300vw / 3.75),300px);
}

.flex--sponsor-partner {

}

.sustainability-subpage__common-link {
  width: 100%;
  max-width: 300px;
}

.common-title--healthmanage-certification small {
  font-size: clamp(min(calc(12vw / 3.75),12px),calc(14vw / 10),14px);
  font-weight: 400;
  letter-spacing: 0;
}

.img--700px {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}
.img--max600px {
  max-width: 600px;
  width: 100%;
}
.img--max555px {
  max-width: 555px;
}
.img--max500px {
  width: 100%;
  max-width: 500px;
}
.img--max400px {
  max-width: 400px;
  width: 100%;
}
.img--max420px {
  max-width: 420px;
  width: 100%;
}
.img--max480px {
  max-width: 480px;
  width: 100%;
}
.img--max800px {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.img--max870px {
  max-width: 870px;
  width: 100%;
  margin: 0 auto;
}
.img--max1000px {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
.img--spwitdh1088px {
  width: 1088px;  
}
.img--820px {
  width: 820px;
}
.img--spwitdh700px {
  width: 700px;
}
.img--spwitdh600px {
    width: 600px;
}
}

.healthmanage-result-list {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 45px;
}
@media (max-width: 768px) {
.healthmanage-result-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 450px;
  margin: 0 auto;
  gap: 15px;
}
}

.healthmanage-result-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 325px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: clamp(40px,calc(80vw / 10),80px);
  border-radius: 5px;
  border: 1px solid #6c89c4;
  min-height: 250px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 31.89 10.93"><polygon fill="%236c89c4" points="31.89 10.93 0 10.93 0 9.93 29.9 9.93 22.96 .6 23.76 0 31.89 10.93"/></svg>') ;
  background-repeat: no-repeat;
  background-size: 31.8875px;
  background-position: calc(50% + 0px) calc(100% - clamp(20px,calc(40vw / 10),40px));
}
.healthmanage-result-item:hover {
  background-position: calc(50% + 5px) calc(100% - clamp(20px,calc(40vw / 10),40px));
  filter: brightness(105%);
  box-shadow: 1px 1px 0 #6c89c4;
}
@media (max-width: 768px) {
.healthmanage-result-item {
  width: 100%;
  min-height: 157px;
}
}

.healthmanage-result-logo {
  width: 100%;
  max-width: clamp(min(calc(120vw / 3.75),120px),calc(200vw / 10),200px);
}

.healthmanage-result-text {
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(19vw / 10),19px);
  font-weight: 700;
  color: #004e76;
}

.healthmanage_details-section {
  padding: clamp(50px,calc(140vw / 10),140px) 0 105px;
}
.healthmanage_details-section:nth-of-type(2n+1) {
  background-color: #f7f8f9;
}

.healthmanage_details-sectitle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: -20px;
  padding-bottom: clamp(10px,calc(15vw / 10),15px);
}
@media (max-width: 768px) {
  .healthmanage_details-sectitle {
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
  }
}

.healthmanage_details-sectitle-logo {
  width: min(calc(100vw / 3.75),100px);
}

.healthmanage_details-sectitle-text {
  font-size: clamp(min(calc(20vw / 3.75),20px),calc(30vw / 10),30px);
  font-weight: 700;
  color: #004e76;
}

.healthmanage_details-accordion .accordion-tigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: clamp(60px,calc(72vw / 10),72px);
  border: 1px solid #6c89c4;
  border-radius: clamp(4px,calc(7vw / 7.68),7px);
  margin-top: clamp(15px,calc(25vw / 10),25px);
  transition: .3s;
}
.healthmanage_details-accordion .accordion-tigger:hover {
  opacity: .9;
  filter: brightness(105%);
  box-shadow: 1px 1px 0 #6c89c4;
}
.healthmanage_details-accordion[open] .accordion-tigger:hover {
  background-position: calc(100% - 20px) calc(50% + 5px);
  opacity: .9;
  filter: brightness(105%);

}

.healthmanage_details-accordion .accordion-tigger::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: min(calc(17.7759vw / 3.75),17.7759px);
  height: auto;
  aspect-ratio: 17.7759 / 9.595;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17.78 9.59"><polygon fill="%236c89c4" points="8.89 9.59 0 .71 .71 0 8.89 8.18 17.07 0 17.78 .71 8.89 9.59"/></svg>') ;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: .3s;
}
.healthmanage_details-accordion .accordion-tigger:hover::after {
  top: calc(50% + 5px);
}
.healthmanage_details-accordion[open] .accordion-tigger::after {
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}

.healthmanage_details-accordion .accordion-tigger p {
  font-size: clamp(min(calc(16vw / 3.75),16px),calc(20vw / 10),20px);
  font-weight: 700;
  color: #6c89c4;
}

.accordion-tree {
  padding-top: 35px;
}

.awareness-timeline {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: clamp(min(calc(40vw / 3.75),40px),calc(50vw / 10),50px) 0;
}

.awareness-timeline-item {
  width: 100%;
  display: grid;
  align-items: stretch;
  justify-content: flex-start;
  grid-template-columns: 145px 1fr;
  gap: clamp(10px,calc(20vw / 10),20px) 25px;
  max-width: 530px;
  flex: 1;
}
@media (max-width: 768px) {
.awareness-timeline-item {
  grid-template-columns: 1fr;
}
}

.awareness-timeline-list {
  padding-top: clamp(7px,calc(15vw / 10),15px);
  max-width: 537px;
  flex: 1;
  min-width: min(calc(300vw / 3.75),300px);
}

.awareness-timeline-list-item {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: clamp(min(calc(15vw / 3.75),15px),calc(25vw / 10),25px); 
  padding-bottom: clamp(7px,calc(15vw / 10),15px);
  padding-left: 10px;
  margin-left: 10px;
}

.awareness-timeline-list-item::before ,.awareness-timeline-list-item::after {
  display: block;
  position: absolute;
  top: clamp(min(calc(7vw / 3.75), 7px), calc(10vw / 10), 10px);
  right: calc(100% + 3px);
  background-image: linear-gradient(#6c89c4,#6c89c4);
  background-repeat: no-repeat;
  background-position: center;
  width: 10px;
}
.awareness-timeline-list-item::before {
  content: "";
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
.awareness-timeline-list-item:not(:last-of-type)::after {
  content: "";
  background-size: 1px 100%;
  height: calc(100% + 5px)
}

.awareness-timeline-year {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 40px;
  width: 100%;
  background-color: #f7f8f9;
}

.awareness-timeline-year-text {
  font-size: clamp(min(calc(16vw / 3.75),16px),calc(18vw / 10),18px);
  font-weight: 700;
  color: #004e76;
}

.awareness-timeline-list-mounth {
  min-width: 35px;
  color: #6c89c4;
  font-weight: 700;
}

.mental-health-formulation:hover {
  filter: drop-shadow(0 0 3px rgba(0,0,0,.2));
  opacity: .9;
}

.grid-3col-sp2col {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(clamp(min(calc(150vw / 3.75),150px),calc(330vw / 10),330px),1fr));
  gap: clamp(min(calc(20vw / 3.75),20px),calc(35vw / 10),35px);
  justify-content: center;
}

.health-committee-tag {
  background-color: #6c89c4;
  width: 110px;
  height: 34px;
}

.opinion-exchange-meeting {
  border: 1px solid #6c89c4;
  padding: 25px clamp(min(calc(20vw / 3.75),20px),calc(65vw / 10),65px) clamp(40px,calc(65vw / 10),65px);
}

.opinion-exchange-meeting-list {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 17px 70px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .opinion-exchange-meeting-list {
    flex-direction: column;
  }
}

.opinion-exchange-meeting-result {
  margin-top: clamp(30px,calc(40vw / 10),40px);
}

.opinion-exchange-meeting-result p {
  font-size: clamp(min(calc(15vw / 3.75),15px),calc(18vw / 10),18px);
  font-weight: 700;
  line-height: calc(26 / 15);
}

.opinion-exchange-meeting-conclusion {
  margin-top: 20px;
}

.opinion-exchange-meeting-conclusion p {
  text-align: center;
}
@media (max-width: 768px) {
.opinion-exchange-meeting-conclusion p {
  text-align: left;
}
}

.mb-20px {
  margin-bottom: 20px;
}