/*! 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: #000;}
a { text-decoration: none;}
ul,ol { padding-left: 0; list-style-type: none;}
dd { margin-left: 0;}
/* p {font-size: 14px; line-height: 1.75;} */
/* @media screen and (min-width: 768px) { p { font-size: 16px;}} */
button {border: 0;}
/*!///////////////////////////////////////////*/
/*!//////////// ↑↑↑reset↑↑↑ ////////////*/
/*!///////////////////////////////////////////*/


/*!////////////////////////////////////////////*/
/*!//////////// ↓↓↓common↓↓↓ ////////////*/
/*!////////////////////////////////////////////*/
body { font-family: "Noto Sans JP", Arial, Helvetica, sans-serif;}
@media screen and (max-width: 768px) {
  .sp-none { display: none !important;}}
@media screen and (min-width: 769px) {
  .pc-none {display: none !important;}}
.hidden { display: none !important;}
.image { display: block; width: 100%;}
.wrapper {position: relative; overflow:clip;}
.container {
  position: relative;
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-left: min(calc(20vw / 3.75),20px);
  padding-right: min(calc(20vw / 3.75),20px);
}
.container--900px {
  max-width: 940px;
}

summary {
  display: block;
  list-style: none;
  transition: .3s;
}
summary::-webkit-details-marker {
  display:none;
}

body * { min-height: 0vw;}

a { transition: .3s; }
a * {pointer-events: none; transition: .3s;}

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

section { position: relative; }

h2 { text-align: center; }

.WBR { word-break: keep-all; overflow-wrap: anywhere; } 

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

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

:root {
  --gradation-navy: linear-gradient(#000420,#010066);
  --color-light-gray: #e4eaee;
  --color-light-blue: #deeefd;
}

.bg-gradation-navy {
  background-image: var(--gradation-navy);
  background-size: cover;
}
.bg-gradation-blue {
  background-image: linear-gradient(to bottom ,#002057,#1b44ab 86%);
  background-size: cover;
}

.bg-light-gray {
  background-color: var(--color-light-gray);
}

.bg-light-blue {
  background-color: var(--color-light-blue);
}

.bg-white {
  background-color: #fff;
}
.bg-green {
  background-color: #7ed957;
}
.bg-azure {
  background-color: #50b9ff;
}

.bg-blown {
  background-color: #3e3a39;
}

.bg-blue-violet {
  background-color: #005bab;
}

.bg-blue-new {
  background-color: #025bac;
}

.color-white {
  color: #fff;
}

.color-red {
  color: #ff3131;
}

.color-navy {
  color:#06579c;
}

.common-head {
  min-height: clamp(min(calc(80vw / 3.75),80px),calc(111vw / 10),111px);
  padding: clamp(min(calc(25vw / 3.75),25px),calc(30vw / 10),30px) 0;
}

.common-head__title {
  font-size: clamp(min(calc(23vw / 3.75),23px),calc(42vw / 10),42px);
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}

@media screen and (max-width: 450px) {
.container--foot-contact-fixedlinklink {
  padding-left: min(calc(10vw / 3.75),10px);
  padding-right: min(calc(10vw / 3.75),10px);
}
}

.contact-link-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  gap: clamp(min(calc(10vw / 3.75),10px),calc(15vw / 10),15px);
  padding-top: 15px;
  padding-bottom: 35px;
}

.footer__contact-link-list {
  padding-bottom: 15px;
  max-width: 940px;
  margin: 0 auto;
}
/* @media screen and (max-width: 450px) {
.footer__contact-link-list {
    grid-template-columns: auto 1fr;
}
} */


.contact-link-list-item {
  position: relative;
}

.contact-link-list-item-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: clamp(40px,calc(65vw / 7.68),65px);
  border-radius: 5px;
  padding: 5px 0;
  padding-left: clamp(min(calc(7vw / 3.75),7px),calc(15vw / 10),15px);
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(20vw / 10),20px);
  font-weight: 700;
  line-height: 1.25;
}
.contact-link-list-item-button {
  background-color: #00bf63;
}
.contact-link-list-item-button--tel {
  background-color: #d9d9d9;
  color: #000;
}
.contact-link-list-item-button:hover {
  opacity: .7;
}
@media screen and (max-width: 768px) {
  .contact-link-list-item-button {
    padding: 5px min(calc(20vw / 3.75),20px) 5px min(calc(45vw / 3.75),45px);
  }
}


.footer__contact-link-list-item-button--tel {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .contact-link-list-item-button {
    padding: 5px min(calc(5vw / 3.75), 5px) 5px min(calc(35vw / 3.75), 35px);
  }
}
@media screen and (max-width: 450px) {
.footer__contact-link-list-item-button--tel,.footer__contact-link-list-item-button--form {
  min-height: 60px;
  padding: 5px min(calc(5vw / 3.75), 5px) 5px min(calc(35vw / 3.75), 35px);
}
.footer__contact-link-list-item-button--tel {
  min-height: 60px;
  padding: 5px min(calc(3vw / 3.75), 3px);
}
}

.footer__contact-link-tel-text {
  line-height: 1.2;
  text-align: center;
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(20vw / 10),20px);
}
@media screen and (max-width: 768px) {
.footer__contact-link-tel-text {
  line-height: 1.1;
  text-indent: min(calc(14vw / 3.75),14px);
}
}

.contact-link-list-item-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: clamp(min(calc(7vw / 3.75),7px),calc(15vw / 10),15px);
  transform: translateY(-50%);
  display: block;
  width: min(calc(30vw / 3.75),30px);
  height: min(calc(30vw / 3.75),30px);
  border-radius: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: .3s;
  pointer-events: none;
}
.contact-link-list-item-button--form::after {
  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 30 30"><path fill="%2300bf63" d="M13.03,7.4h.1c.36.02.68.15.98.38l6.95,6.31c.4.38.59.84.57,1.39-.04.55-.29.99-.73,1.31l-7.82,5.54c-.24.16-.55.25-.93.27-.69-.03-1.21-.34-1.54-.93-.28-.59-.26-1.17.06-1.72.23-.3.39-.47.47-.5l5.98-4.24-5.27-4.79c-.08-.04-.22-.23-.41-.56-.25-.59-.21-1.16.14-1.71.37-.49.84-.75,1.43-.75"/></svg>');
}
.contact-link-list-item-button--tel::after {
  background-color: #000;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><path fill="%23d9d9d9" d="M24.34,20.77c-.37,1.15-1.56,2.61-3.03,3.18-3.78,1.51-8.4-1.36-11.25-4-2.67-2.7-5.55-7.99-4-11.25.82-1.96,2.57-2.85,3.18-3.03,1.26-.37,2.58,2.56,2.73,2.89.25.3,1.34,2.31-.12,2.9-1.21.54-1.64,1.35-1.71,1.5-.13,2.1,4.79,7.02,6.9,6.92h.02c.15-.07.95-.49,1.49-1.71.6-1.45,2.58-.37,2.93-.11.3.14,3.22,1.47,2.86,2.72h0Z"/></svg>');
}
@media screen and (max-width: 450px) {
  .footer__contact-link-list-item-button--tel::after ,.footer__contact-link-list-item-button--form::after {
    /* top: 35%; */
    width: min(calc(20vw / 3.75),20px);
    height: min(calc(20vw / 3.75),20px);
  }
   /* {
    width: min(calc(20vw / 3.75),20px);
    height: min(calc(20vw / 3.75),20px);
  } */
}

.contact-link-tel-note {
  position: absolute;
  right: calc(0% - min(calc(6vw / 3.75),6px));
  top: calc(100% + min(calc(5vw / 3.75),5px));
  font-size: min(calc(12vw / 3.75),12px);
  font-weight: 400;
  text-align: right;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .contact-link-tel-note {
    right: calc(50% - min(calc(6vw / 3.75),6px));
    transform: translateX(50%);
  }
}


/* --- ポップアップ --- */
.tel-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10000;
  justify-content: center;
  align-items: center;
}

.tel-modal.is-active {
  display: flex;
}

.tel-modal__content {
  background-color: #fff;
  min-width: 280px;
  max-width: 500px;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.tel-modal__text {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #333;
}

.tel-modal__number {
  font-size: 35px;
  font-weight: 700;
  /* color: #00bf63; */
}

body.is-fixed {
  overflow: hidden;
}

.footer__contact-link-tel-note {
  position: static;
  transform: translate(0,0);
}
@media screen and (max-width: 768px) {
.footer__contact-link-tel-note {
  font-size: min(calc(9vw / 3.75),9px);
}
}

.contact-link-list-item-copy {
  position: absolute;
  bottom: calc(100% + 5px);
  left: 50%;
  transform: translate(-50%,0);
  color: #fff;
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(17vw / 10),17px);
  white-space: nowrap;
}

.header {
  width: 100%;
  height: 60px;
  position: sticky;
  top: 0;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  .header {
    position: fixed;
    height: 100%;
    background-color: rgba(0,0,0,.7);
  }
  .nav-close .header {
    position: sticky;
    height: 60px;
    background-color: rgba(0,0,0,.0);
  }
}

.top-nav {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .top-nav {
    height: auto;
  }
  .nav-close .top-nav {
    height: 100%;
  }
}

.top-nav__container {
  height: 100%;
}

.nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  gap: min(calc(15vw / 10),15px);
}

.nav-links--2 {
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  body {
    overflow: hidden;
  }
  body.nav-close {
    overflow: auto;
  }
  .nav-links--2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: auto;
    flex-direction: column;
    padding: min(calc(20vw / 3.75),20px) min(calc(20vw / 3.75),20px) min(calc(35vw / 3.75),35px);
    gap: min(calc(15vw / 3.75), 15px);
  }
  .nav-close .nav-links--2 {
    position: relative;
    align-items: flex-end;
    padding: 0;
  }
}

.nav-links-logo1 {
  flex-shrink: 0;
  width: clamp(min(calc(181.7099vw / 3.75),181.7099px),calc(261.5318vw / 10),261.5318px);
  margin-right: auto;
}

.nav-links-logo2 {
  width: clamp(min(calc(40vw / 3.75),40px),calc(74vw / 10),74px);
}
@media screen and (max-width: 768px) {
  .nav-links-logo2 {
    max-width: 100px;
    width: 100%;
    margin-top: 15px;
  }
}

.nav-links-textlink {
  color: #000;
  background-image: linear-gradient(to bottom,transparent calc(100% - 1px),#000 calc(100% - 1px));
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom: 0;
}

.nav-links-textlink:hover {
  background-size: 10px;
  padding-bottom: 2px;
}

.top-nav__contact-link-list {
  padding: 0;
  gap: min(calc(5vw / 10),5px),
}
@media screen and (max-width: 768px) {
.top-nav__contact-link-list {
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 200px;
  gap: min(calc(5vw / 3.75),5px),
}
}


.top-nav__contact-link-list-item-button {
  min-height: 34.4336px;
  font-size: min(calc(12vw / 10),12px);
  padding: 5px min(calc(10vw / 10), 10px) 5px min(calc(25vw / 10), 25px);
  border-radius: min(calc(30vw / 3.75),30px);
}
@media screen and (max-width: 768px) {
  .top-nav__contact-link-list-item-button {
      min-height: 34.4336px;
      font-size: 12px;
      max-width: 150px;
      margin: 0 auto;
  }
}

.top-nav__contact-link-list-item-button::after {
  width: 17px;
  height: 17px;
  left: 5px;
}

@media screen and (max-width: 768px) {
  .nav-sp-button {
    position: relative;
    width: min(calc(26.6666vw / 3.75),26.6666px);
    height: min(calc(20vw / 3.75),20px);
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0));
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: center;
    cursor: pointer;
    margin-inline-start: auto;
  }
  .nav-close .nav-sp-button {
    background-image: linear-gradient(rgba(0,0,0,1.0),rgba(0,0,0,1.0));
  }
  .nav-sp-button::before ,.nav-sp-button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    width: 100%;
    height: 1px;
    background-color: #000;
    transition: .3s;
  }
  .nav-sp-button::after {
    transform: translate(-50%,-50%) rotate(-45deg);
  }
  .nav-close .nav-sp-button::before {
    top: 0;
    transform: translate(-50%,0);
  }
  .nav-close .nav-sp-button::after {
    top: auto;
    bottom: 0;
    transform: translate(-50%,0);
  }
  .nav-close .nav-sp-hm-in {
    display: none;
  }
}

.Oswald {
  font-family: "Oswald", sans-serif;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.font-w400 {
  font-weight: 400;
}
.font-w500 {
  font-weight: 500;
}
.font-w700 {
  font-weight: 700;
}
.font-w800 {
  font-weight: 800;
}
.font-w900 {
  font-weight: 900;
}

.font-10px {
  font-size: min(calc(10vw / 3.75),10px);
}
.font-12px {
font-size: clamp(min(calc(10vw / 3.75),10px),calc(12vw / 10),12px);
}
.font-13px {
font-size: clamp(min(calc(10.5vw / 3.75),10.5px),calc(13vw / 10),13px);
}
.font-14px {
font-size: clamp(min(calc(10.6vw / 3.75),10.6px),calc(14vw / 10),14px);
}
.font-15px {
  font-size: clamp(min(calc(11vw / 3.75),11px),calc(15vw / 10),15px);
  line-height: 1.45;
}
.font-17px {
  font-size: clamp(min(calc(12vw / 3.75),12px),calc(17vw / 10),17px);
  line-height: 1.45;
}
.font-19px {
  font-size: clamp(min(calc(12.3vw / 3.75),12.3px),calc(19vw / 10),19px);
  line-height: 1.45;
}
.font-21px {
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(21vw / 10),21px);
  line-height: 1.45;
}
.font-23px {
  font-size: clamp(min(calc(17vw / 3.75),17px),calc(23vw / 10),23px);
  line-height: 1.45;
}
.font-24px {
  font-size: clamp(min(calc(14.4vw / 3.75),14.4px),calc(24vw / 10),24px);
  line-height: 1.45;
}
.font-25px {
  font-size: clamp(min(calc(18vw / 3.75),18px),calc(25vw / 10),25px);
  line-height: 1.45;
}
.font-28px {
  font-size: clamp(min(calc(15vw / 3.75),15px),calc(28vw / 10),28px);
  line-height: 1.45;
}
.font-35px {
  font-size: clamp(min(calc(18vw / 3.75),18px),calc(35vw / 10),35px);
  line-height: 1.45;
}
.font-38px {
  font-size: clamp(min(calc(19vw / 3.75),19px),calc(38vw / 10),38px);
  line-height: 1.45;
}
.font-48px {
  font-size: clamp(min(calc(24vw / 3.75),24px),calc(48vw / 10),48px);
  line-height: 1.4;
}
.font-58px {
  font-size: clamp(min(calc(22vw / 3.75),22px),calc(58vw / 10),58px);
  line-height: 1.4;
}
.underline-yellow {
  text-decoration: underline;
  text-decoration-color: #ffea00;
  text-decoration-thickness: clamp(min(calc(5vw / 3.75),5px),calc(9vw / 10),9px);
  text-underline-offset: calc(0px - clamp(min(calc(1vw / 3.75), 1px), calc(2vw / 10), 2px));
}
.ltrsp-5px {
  letter-spacing: calc(0px - clamp(min(calc(2vw / 3.75),2px),calc(5vw / 10),5px));
}

.lh-14 {
  line-height: 1.4;
}
.lh-175 {
  line-height: 1.75;
}
.lh-2 {
  line-height: 2;
}

.common-contents {
  display: flex;
  flex-direction: column;
  row-gap: clamp(15px,calc(25vw / 7.68),25px);
  padding: 25px 0 clamp(30px,calc(50vw / 7.68),50px);
}

.fv {
  background-image: linear-gradient(rgba(0,42,255,.7),rgba(0,42,255,.7)),url(../img/fv-bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-bottom: 25px;
}

h1 {
  max-width: 1024px;
  margin: 0 auto;
}

.fv__container {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(calc(15vw / 10),15px);
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
.fv__container {
  flex-direction: column;
}
}

.fv__contact-link-list {
  flex: 1;
  padding: clamp(min(calc(18vw / 3.75),18px),calc(25vw / 10),25px) 0;
}
@media screen and (max-width: 768px) {
  .fv__contact-link-list {
    max-width: calc(291% / 3.5);
    grid-template-columns: 1fr;
    width: 100%;
    gap: min(calc(35vw / 3.75), 35px);
    margin-bottom: min(calc(15vw / 3.75),15px);
  }
}

.fv__contact-link-list-item-button {
    min-height: clamp(min(calc(35vw / 3.75),35px), calc(60vw / 10), 60px);
}
@media screen and (max-width: 768px) {
.fv__contact-link-list-item-button {
    height: 60px;
    font-size: min(calc(18vw / 3.75), 18px);
}
}

.fv__contact-link-tel-note {
  right: calc(50% - min(calc(6vw / 3.75),6px));
  transform: translateX(50%);
}

.fv-text {
  width: 40%;
  max-width: calc(376.56% / 10.24);
}
@media screen and (max-width: 768px) {
.fv-text {
  width: 100%;
  max-width: calc(291% / 3.5);
  margin: 0 auto;
}
}

.splide--1 {
  padding: clamp(min(calc(10vw / 3.75),10px),calc(20vw / 10),20px) 0;
}

@media screen and (min-width: 769px) {
.introduction {
  padding-top: 30px; 
}
}

.block-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit,clamp(min(calc(140vw / 3.75),140px),calc(200vw / 10),200px));
  grid-auto-rows: auto;
  gap: 15px clamp(min(calc(30vw / 3.75),30px),calc(45vw / 10),45px);
  justify-content: center;
  place-items: center;
  text-align: center;
  margin: 0 auto;
}
.block-list--reason {
    gap: min(calc(15vw / 3.75),15px) clamp(min(calc(15vw / 3.75),15px),calc(25vw / 10),25px);
}
@media screen and (max-width: 768px) {
.block-list {
  max-width: 450px;
}
}

.block-list-item {
  width: 100%;
}


.block-list-title {
  z-index: 1;
  position: relative;
}

.block-list-title--achievements::before ,.block-list-title--achievements::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(25%,50%);
  z-index: -1;
  display: block;
  width: calc(62.5% / 2.64);
  height: auto;
  aspect-ratio: 62.5 / 38.6667;
  background-image: url(../img/ribbon-2.svg);
  background-repeat: no-repeat;
  background-size:  100%;
  background-position: center;
}
.block-list-title--achievements::before {
  right: auto;
  left: 0;
  transform: translate(-25%,50%) scale(-1,1);
}

.block-list-title h3 {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  aspect-ratio: 264 / 37.1354;
  padding: 0 clamp(min(calc(5vw / 3.75),5px),calc(8vw / 7.68),8px);
  margin-inline: auto;
  font-size: clamp(min(calc(14.5vw / 3.75),14.5px),calc(19vw / 10), 19px);
  font-weight: 700;
}
.block-list-title--achievements h3 {
  background-image: url(../img/ribbon-1.svg);
  background-repeat: no-repeat;
  background-size:  calc(240% / 2.64) auto;
  background-position: center;
}

.block-list-detail--achievements {
  border-radius: 0 0 min(calc(20vw / 7.68),20px) min(calc(20vw / 7.68),20px);
  overflow: clip;
}

.bg-light-blue--introduction {
  text-align: center;
  padding: clamp(5px,calc(12vw / 10),12px) 5px;
  max-width: 940px;
  width: 100%;
  margin: 0 auto;
}

.introduction-foot {
  max-width: 905px;
  margin: 0 auto;
  text-align: justify;
}

.worries__common-contents {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.worries-point {
  display: grid;
  grid-template:"w-ttl w-ttl" auto
                "w-img w-txt" auto
                "w-img w-lst" auto
                / auto 1fr;
  gap: min(calc(15vw / 10),15px) min(calc(25vw / 10),25px);
  place-items: center;
}
@media screen and (max-width: 768px) {
  .worries-point {
    display: flex;
    flex-direction: column;
    gap: min(calc(10vw / 3.75),10px);
    max-width: 335px;
    margin: 0 auto;
  }
}

.worries-point-title {
  grid-area: w-ttl;
}

.worries-point-img {
  width: 100%;
  grid-area: w-img;
  max-width: clamp(min(calc(250vw / 3.75),250px),calc(330vw / 7.67),330px);
}

.worries-point-text {
  width: 100%;
  grid-area: w-txt;
}

.worries-point-list {
  width: 100%;
  grid-area: w-lst;
  display: flex;
  flex-direction: column;
  gap: clamp(min(calc(3vw / 3.75), 3px),calc(10vw / 10),10px);
}

.worries-point-list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: min(calc(5vw / 3.75),5px);
}

.worries-current {
  background-color: #ffe81b;
  padding: 8px min(calc(10vw / 3.75),10px);
}

.worries-point-list-item::before {
  content: "";
  display: block;
  width: clamp(min(calc(16vw / 3.75),16px),calc(28.5vw / 10),28.5px);
  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 28.5 28.5"><path fill="%23ffffff" d="M22.89,10.98l-8.93,8.93-1,1c-.62.62-1.64.62-2.26,0l-5.09-5.09c-.59-.59-.59-1.54,0-2.13.59-.59,1.54-.59,2.13,0l4.09,4.09,8.93-8.93c.59-.59,1.54-.59,2.13,0,.59.59.59,1.54,0,2.13Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: #00bf63;
  border-radius: 50%;
}

.voice {
  width: 100%;
  gap: clamp(min(calc(15vw / 3.75),15px),calc(35vw / 10),35px);
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
.voice {
  padding-top: 5px;
}
}

.voice-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit,clamp(min(calc(300vw / 3.75),300px),calc(345vw / 7.68),345px));
  align-items: flex-start;
  justify-content: center;
  gap: min(15px,calc(33vw / 7.68),33px) 45px;
  max-width: 750px;
  margin: 0 auto;
}

.voice-list-item {
  display: flex;
  align-items: stretch;
  gap: min(calc(10vw / 3.75),10px);
}

.voice-list-item-text {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(calc(5vw / 3.75),5px);
  border-radius: 20px;
  flex: 1;
  font-size: clamp(min(calc(15vw / 3.75), 15px), calc(19vw / 10), 19px);
  line-height: 1.5;
}

.voice-list-item-text::before {
  content: "";
  position: absolute;
  left: calc(100% - 7px);
  top: 50%;
  transform: translateY(-50%);
  width: 17.2709px;
  height: 19.9427px;
  background-color: var(--color-light-blue);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.voice-list-item-img {
  width: 100%;
  max-width: 100px;
}

.reason {
  margin-bottom: 15px;
}

.reason-bg-big-arrow {
  padding-bottom: clamp(min(calc(45vw / 3.75),45px),calc(90vw / 10),90px);
  clip-path: polygon(100% 0, 100% calc(100% - clamp(min(calc(45vw / 3.75),45px),calc(90vw / 10),90px)), 50% 100%, 0 calc(100% - clamp(min(calc(45vw / 3.75),45px),calc(90vw / 10),90px)), 0 0);
}

.common-contents--reason {
  row-gap: clamp(35px,calc(70vw / 7.68),70px);
}

.reason-img {
  max-width: 1024px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
.reason-img {
  max-width: 400px;
}
}

.reason-contents {
  display: flex;
  flex-direction: column;
  row-gap: clamp(min(calc(15vw / 3.75),15px),calc(25vw / 10),25px);
  max-width: 910px;
  margin: 0 auto;
  width: 100%;
}

.reason2-list {
  /* display: grid;
  grid-template-columns: repeat(auto-fit,clamp(min(calc(170vw / 3.75),170px),calc(214vw / 10),214px)); */
  display: flex;
  flex-wrap: wrap;
  gap: 20px clamp(min(calc(10vw / 3.75),10px),calc(15vw / 10),15px);
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .reason2-list {
    grid-template-columns: 1fr 1fr;
    max-width: 400px;
    margin: 0 auto;
  }
}

.reason2-list-item {
  width: clamp(min(calc(170vw / 3.75),170px),calc(214vw / 10),214px);
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: flex-start;
  background-color: #fff;
  padding-bottom: min(calc(10vw / 3.75),10px);
}
@media screen and (max-width: 768px) {
.reason2-list-item {
  width: auto;
  flex: 1;
  min-width: 40%;
  max-width: calc(50% - calc(clamp(min(calc(10vw / 3.75),10px),calc(15vw / 10),15px) / 2));
}
}

.reason2-list-item-title ,.reason2-list-item-text {
  padding: 0 clamp(min(calc(10vw / 3.75),10px),calc(15vw / 10),15px);
}
.reason2-list-item-title {
  color: #1c2b54;
}
@media screen and (max-width: 768px) {
  .reason2-list-item-title {
    padding-top: 3px;
  }
}

.reason-copy {
  position: relative;
  padding: clamp(20px,calc(25vw / 10),25px) 0 0;
  max-width: 1044px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: clamp(5px,calc(10vw / 10),10px);
}

.reason-copy-img {
  position: absolute;
  bottom: -5px;
  left: -10px;
  /* transform: scale(-1,1); */
  width: clamp(min(calc(59.6771vw / 3.75),59.6771px),calc(162vw / 10),162px);
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
.reason-copy-img {
  width: clamp(min(calc(59.6771vw / 3.75),59.6771px),calc(100vw / 7.68),100px);
}
}

.reason-copy-text {
  font-size: clamp(min(calc(23vw / 3.75),23px),calc(56vw / 10),56px);
  line-height: 1.3;
  text-align: center;
  padding-bottom: 10px;
  padding-left: clamp(10px,calc(15vw / 7.68),15px);
}
@media screen and (max-width: 768px) {
  .reason-copy-text {
    letter-spacing: calc(0px - min(calc(1.5vw / 3.75),1.5px));
  }
}

.reason-copy-note {
  flex: 1;
  width: 100%;
  min-width: min(100%,500px);
  background-image: linear-gradient(to right,transparent clamp(10px,calc(15vw / 7.68),15px),#ffe800 clamp(10px,calc(15vw / 7.68),15px));
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0 auto;
  font-weight: 700;
  font-size: clamp(min(calc(10vw / 3.75),10px),calc(19vw / 10),19px);
  line-height: 1.45;
  padding: clamp(min(calc(10vw / 3.75),10px),calc(20vw / 10),20px);
  padding-right: clamp(min(calc(1vw / 3.75),15px),calc(40vw / 10),40px);
  padding-left: clamp(min(calc(45vw / 3.75),45px),calc(180vw / 10),180px);
  /* text-indent: calc(0px - clamp(min(calc(10vw / 3.75),10px),calc(19vw / 10),19px)); */
}
@media screen and (max-width: 768px) {
  .reason-copy-note {
    padding-left: clamp(min(calc(55vw / 3.75),55px),calc(100vw / 7.68),100px);
  }
}

@media screen and (max-width: 768px) {
  .col-list {
    max-width: 500px;
    margin: 0 auto;
  }
}

.col-list dl {
  display: grid;
  grid-template-columns: clamp(min(calc(100vw / 3.75),100px),calc(240vw / 10),240px) 1fr;
  min-height: clamp(30px,calc(47vw / 10),47px);
  place-items: center;
  border: 1px solid #d9d9d9;
}
.col-list dl:not(:last-child) {
  border-bottom: none;
}

.col-list dl dt ,.col-list dl dd {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: clamp(min(calc(10vw / 3.75),10px),calc(15vw / 10),15px);
  gap: 4px;
}

.col-list dl dt {
  border-right: 1px solid #d9d9d9;
}

.col-list--reason {
  background-color: #e3e8eb;
  max-width: 830px;
  width: 100%;
  margin: 0 auto;
}

.col-list--reason dl {
  border: 1px solid #d1d1d1;
}

.col-list--reason dl dt {
  border-right: 1px solid #d1d1d1;
}

.col-list--reason dl dd {
  position: relative;
  min-height: 65px;
  padding-top: 20px;
  padding-bottom: 20px;
  flex-direction: row;
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .col-list--reason dd {
    padding-left: 120px;
    padding-right: 120px;
  }
}

.col-list--reason dl.col-list-head--reason {
  min-height: auto;
}
.col-list--reason dl.col-list-head dd ,.col-list--reason dl.col-list-head dt {
  min-height: auto;
  padding: 5px;
}

.col-list--reason p {
  color: #243148;
  font-size: clamp(min(calc(10vw / 3.75),10px),calc(12vw / 10),12px);
  line-height: 2;
}

@media screen and (min-width: 769px) {
  .col-list-icon {
    position: absolute;
    width: auto;
    max-height: 57px;
    height: 100%;
    right: 60px;
    top: 50%;
    transform: translate(50%,-50%);
  }
}
@media screen and (max-width: 768px) {
  .col-list-icon {
    height: min(calc(45vw / 3.75),45px);
  }
  .col-list-icon--1 {
    height: min(calc(40vw / 3.75),40px);
  }
}

.col-list-icon img {
  width: auto;
  height: 100%;
  margin-inline: auto;
}

.col-list-head--reason {
  background-color: #c8dce8;
}

.col-list--company {
  margin-top: clamp(30px,calc(55vw / 10),55px);
}

.inner-text {
  font-size: min(calc(12vw / 3.75),12px);
  font-weight: 400;
  line-height: 1.45;
}

/* .contact {
  padding-bottom: clamp(30px,calc(70vw / 10),70px);
} */

.contact-head {
  background-color: #1b44ab;
  padding: clamp(5px,calc(10vw / 10),10px) 0;
}

.common-contents--contact {
  background-color: #1081de;
  padding-top: clamp(min(calc(5vw / 3.75),5px),calc(15vw / 10),15px);
  padding-bottom: 15px;
  row-gap: clamp(5px, calc(15vw / 7.68), 5px);
}

.contact__contact-link-list {
  max-width: 620px;
  margin: 25px auto 0;
}
  @media screen and (max-width: 768px) {
  .contact__contact-link-list {
    grid-template-columns: 1fr;
    gap: min(calc(35vw / 3.75),35px) ;
    max-width: calc(291% / 3.5);
  }
  .contact__contact-link-list-item-button {
    height: 67px;
    font-size: min(calc(18vw / 3.75), 18px);
   }
}

.footer {
  margin-top: 10px;
  padding-bottom: clamp(100px,calc(120vw / 7.67),120px);
}

.copyright {
  font-size: clamp(min(calc(11vw / 3.75),11px),calc(13vw / 10),13px);
  font-weight: 400;
  line-height: 1.45;
  text-align: center;
}

.footer__contact-link {
  z-index: 98;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  margin-top: clamp(30px,calc(45vw / 10),45px);
}



.qa-list {
  counter-reset: qa-count;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid #caced1;
  max-width: 850px;
  margin: clamp(30px,calc(55vw / 10),55px) auto clamp(40px,calc(75vw / 10),75px);
}

.qa-list details {
  counter-increment: qa-count;
  width: 100%;
  border-bottom: 1px solid #caced1;
  /* padding: min(calc(5vw / 3.75),5px); */
}

.qa-list summary {
  position: relative;
  min-height: clamp(min(calc(40vw / 3.75),40px),calc(65vw / 10),65px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 5px min(calc(15vw / 3.75),15px) 5px min(calc(25vw / 3.75),25px);
  background-color: #eef2f4;
  min-height: 70px;
  cursor: pointer;
  transition: .3s;
}
@media screen and (min-width: 769px) {
.qa-list summary:hover {
  filter:saturate(220%);
}
}

.qa-list summary::before {
  content: "Q" counter(qa-count);
  font-size: min(calc(14vw / 3.75),14px);
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #252d85;
  color: #fff;
  margin-right: min(calc(10vw / 3.75),10px);
  width: clamp(min(calc(25vw / 3.75),25px),calc(37.312vw / 10),37.312px);
  height: clamp(min(calc(25vw / 3.75),25px),calc(37.312vw / 10),37.312px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.qa-list-icon {
  position: relative;
  width: clamp(min(calc(17vw / 3.75),17px),calc(25vw / 7.68),25px);
  height: auto;
  aspect-ratio: 1;
  transition: .3s;
  /* clip-path: polygon(100% 0, 0 0, 50% 100%); */
  /* background-color: #252d85; */
  border-radius: 50%;
  border: 2px solid #252d85;
}

/* .qa-list details:open .qa-list-icon {
  clip-path: polygon(100% 100%, 0 100%, 50% 0);
}

.qa-list summary:hover .qa-list-icon {
    transform: scale(1.1);
} */


.qa-list-icon::before ,.qa-list-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: calc(15.3% / 0.25);
  height: 2px;
  transition: .3s;
  opacity: 1;
  background-color: #252d85;
}
.qa-list-icon::after {
  transform: translate(-50%,-50%)  rotate(90deg);
}
.qa-list summary:hover .qa-list-icon::before ,.qa-list summary:hover .qa-list-icon::after {
  background-size: calc(12% / 0.17);
}


.qa-list details[open] .qa-list-icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 0;
}

.qa-list-a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: min(calc(5vw / 3.75),5px);
  padding-bottom: min(calc(5vw / 3.75),5px);
  padding-left: min(calc(25vw / 3.75),25px);
  padding-right: min(calc(25vw / 3.75),25px);
  min-height: clamp(min(calc(35vw / 3.75),35px),calc(55vw / 10),55px);
  min-height: 70px;
}

.qa-list-text {
  line-height: 1.65;
  font-size: min(calc(14vw / 3.75),14px);
  flex: 1;
}

.qa-list-text--q {
  font-weight: 700;
}

.qa-list-text--a {
  /* color: #4f7dbe; */
  font-weight: 500;
}

.company__container {
  max-width: 945px;
}

.company-general-text {
  font-size: clamp(min(calc(14vw / 3.75), 14px), calc(19.7vw / 10), 19.7px);
  line-height: 1.6;
  margin-top: 25px;
  text-align: justify;
}

.general-strong {
  font-size: clamp(min(calc(20vw / 3.75),20px),calc(48vw / 10),48px);
  font-weight: 800;
  line-height: 1.45;
  text-align: center;
  letter-spacing: min(calc(1vw / 3.75),1px);
  margin: clamP(20px,calc(35vw / 10),35px) auto;
}

.company__img {
  display: flex;
  justify-content: center;
  /* display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: auto; */
  gap: clamp(min(calc(7vw / 3.75),7px),calc(20vw / 10),20px);
  max-width: 905px;
  margin: 0 auto;
}

.company__img-conyainer {
  flex: 1;
  max-width: 255px;
  height: auto;
  aspect-ratio: 255 / 200;
}

.company__img-conyainer img {
  object-fit: cover;
  height: 100%;
}

.flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.FAQ {
  display: block;
  width: calc(clamp(min(calc(23vw / 3.75),23px),calc(42vw / 10),42px) * 2.25);
  padding-top: calc(clamp(min(calc(23vw / 3.75),23px),calc(42vw / 10),42px) * 0.2);
}

.mind {
  padding-bottom: clamp(20px,calc(40vw / 10),40px);
  background-image: linear-gradient(#fff,#fff);
  background-size: 100% clamp(20px,calc(40vw / 10),40px);
  background-position: center bottom;
  background-repeat: no-repeat;
}

.mind-list {
  width: 100%;
  max-width: 761px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(40px,calc(70vw / 10),70px);
}

.mind-list-item {
  display: grid;
  gap: 30px 40px;
  grid-template:  "mnd-img mnd-ttl" 1fr
                  "mnd-cmt mnd-cmt" auto
                  /255px 1fr; 
}
.mind-list-item:nth-of-type(2n) {
  grid-template:  "mnd-ttl mnd-img" 1fr
                  "mnd-cmt mnd-cmt" auto
                  /1fr 255px; 
}
@media screen and (max-width: 768px) {
  .mind-list-item {
    display: flex;
    flex-direction: column;
    gap: 13.5px;
  }
}

.mind-list-img {
grid-area: mnd-img;
}
@media screen and (max-width: 768px) {
.mind-list-img {
  width: calc(172% / 3.25);
  margin: 0 auto;
}
}

.mind-list-title {
grid-area: mnd-ttl;
}

.mind-list-title h3 {
  padding: clamp(10px,calc(15vw / 10),15px) 0;
  border-top: 1px solid #adadad;
  border-bottom: 1px solid #adadad;
  color: #06579c;
}

.mind-list-title-name {
  padding-top: clamp(10px,calc(15vw / 10),15px);
}

.mind-list-comment {
  grid-area: mnd-cmt;
  padding: clamp(10px,calc(15vw / 10),15px) 40px;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
.mind-list-comment {
  padding: clamp(10px,calc(15vw / 10),15px) 15px;
}
}

.mind-footer {
  padding: clamp(min(calc(15vw / 3.75),15px),calc(30vw / 10),30px) 0;
}

.mind-footer-item {
  max-width: 1079px;
  width: 100%;
  display: grid;
  grid-template: 
      "mnd-f-icn mnd-f-ttl" 1fr
      "mnd-f-icn mnd-f-txt" auto
      /clamp(min(calc(135vw / 3.75),135px),calc(267vw / 10),267px) 1fr;
      gap: 20px;
  justify-content: center;
  margin: 0 auto;
  padding-left: min(calc(20vw / 11),20px);
  padding-right: min(calc(35vw / 11),35px);
}
@media screen and (max-width: 768px) {
.mind-footer-item {
  grid-template: 
      "mnd-f-icn mnd-f-ttl" 1fr
      "mnd-f-txt mnd-f-txt" auto
      /calc(120vw / 3.75) 1fr;
  gap: 20px clamp(min(calc(10vw / 3.75),10px),calc(20vw / 10),20px);
  padding-left: min(calc(20vw / 3.75),20px);
  padding-right: min(calc(20vw / 3.75),20px);
}
}

.mind-footer__itad-icon {
  position: relative;
  grid-area: mnd-f-icn;
}

.mind-footer__itad-icon img {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 768px) {
  .mind-footer__itad-icon img {
    width: calc(132.1721% / 1.2);
    top: auto;
    bottom: -10px;
    left: auto;
    right: 0;
    transform: translate(0,0);
  }
}

.mind-footer-title {
  grid-area: mnd-f-ttl;
  font-size: min(calc(35vw / 11),35px);
}
@media screen and (max-width: 768px) {
  .mind-footer-title {
    font-size: calc(17.8601vw / 3.75);
  }
}

.mind-footer-text {
  grid-area: mnd-f-txt;
  font-size: clamp(min(calc(12vw / 3.75),12px),calc(22vw / 10),22px);
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
.mind-footer-text {
    font-size: calc(12vw / 3.75);
}
}

.works {
  padding-bottom: clamp(50px,calc(70vw / 10),70px);
}

.splide--works {
  width: 100%;
  max-width: 1024px;
  padding: 0 min(calc(53vw / 10),53px) 0;
  margin: 35px auto 0;
}
@media screen and (max-width: 768px) {
.splide--works {
  padding: 0;
}
}


.splide__arrow {
  background-color: #252d85;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 49.54 49.54"><path fill="%23ffffff" d="M21.71,17.75c-.19-.21-.53-.21-.74,0-.21.19-.21.52,0,.74l6.33,6.33-6.28,6.28c-.21.19-.21.53,0,.74.11.11.23.16.37.16s.28-.05.39-.16l7-7.02-7.07-7.07Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: clamp(min(calc(50vw / 3.75),50px),calc(56vw / 10),56px);
  height: auto;
  aspect-ratio: 1;
  opacity: 1;
  transition: .3s;
}
.splide__arrow:hover {
  opacity: .7;
}

.splide__arrow--prev {
  transform: translateY(-50%) scale(-1,1);
  left: min(calc(5vw / 3.75),5px);
}
.splide__arrow--next {
  right: min(calc(5vw / 3.75),5px);
}

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



.works-list-item {
  display: flex;
  flex-direction: column;
}

.works-list-img {
  width: 100%;
  height: auto;
  aspect-ratio: 282.5664 / 161.7971;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.works-list-attribute {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: min(calc(102.1055vw / 3.75),102.1055px);
  padding: min(calc(5vw / 3.75),5px);
  min-height: min(calc(23.793vw / 3.75),23.793px);
  font-size: min(calc(12vw / 3.75),12px);
  line-height: 1.25;
}

.works-list-container  {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px 0;
  border: 1px solid #a8aba0;
  padding: 15px min(calc(10vw / 3.75),10px) 35px;
}

.works-list-client {
  font-size: min(calc(15vw / 3.75),15px);
  line-height: 1.35;
}

.works-list-text {
  font-size: min(calc(14vw / 3.75),14px);
  line-height: 1.35;
  padding-bottom: 10px;
}

.works-list-tags {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  place-items: center;
  gap: min(calc(10vw / 3.75),10px);
  margin-top: auto;
}

.works-list-tags-item {
  width: 100%;
  min-height: 23.793px;
  padding: 3px;
  font-size: min(calc(12.5vw / 3.75),12.5px);
  line-height: 1.45;
  text-align: center;
  background-color: #2458ff;
  border-radius: min(calc(20vw / 3.75),20px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.works-list-note {
  margin-top: 30px;
  padding: 0 20px;
}

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

}

.works__voice-list {
  max-width: 850px;
  grid-template-columns:1fr 1fr;
}
@media screen and (max-width: 768px) {
.works__voice-list {
  grid-template-columns:1fr;
  max-width: 500px;
}
}

.flow {
  padding-bottom: clamp(55px,calc(85vw / 10),85px);
}

.flow-list {
  position: relative;
  display: grid;
  gap: 0 min(calc(3vw / 10),3px);
  grid-template-columns: repeat(5,1fr);
  /* place-items: center; */
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .flow-list {
    gap: 5px;
    grid-template-columns: 1fr;
    max-width: 400px;
    margin:  auto;
  }
}

.flow-list-item {
  position: relative;
  width: 100%;
  max-width: 181px;
  position: relative;
  padding-right: 0;
  padding-left: 15px;
  padding-right: 35px;
  padding-top: 25px;
  padding-bottom: 15px;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  justify-content: center;
  /* place-items: center; */
  align-items: flex-start;
  gap: 12px 0;
  background-image: linear-gradient(#e0f0ff,#e0f0ff);
  background-repeat: no-repeat;
  background-size: calc(100% - 42px) 100%;
  background-position: left center;
  border-radius: 5px;
}
@media screen and (min-width: 769px) {
  .flow-list-item:last-of-type {
    width: 100%;
    padding-right: 15px;
    background-color: #e0f0ff;
  }
}
@media screen and (max-width: 768px) {
  .flow-list-item {
    width: 100%;
    max-width: none;
    background-size: 100% calc(100% - 42px);
    background-position: left top;
    grid-template: "flow-l-num flow-l-num" 24px
                    "flow-l-icn flow-l-ttl" auto
                    "flow-l-icn flow-l-txt" 1fr
                    /79.7265px 1fr;
    padding: 15px min(calc(15vw / 3.75),15px) 45px;
    gap: 10px min(calc(10vw / 3.75),10px);
  }
}

.flow-list-item::before {
  content: "";
  z-index: -1;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 100%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 100" preserveAspectRatio="none"><path d="M 2,2 H 15 L 43,50 L 15,98 H 2 Z" fill="%23e0f0ff" stroke="%23e0f0ff" stroke-width="4" stroke-linejoin="round" /></svg>');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 5px;
}
@media screen and (min-width: 769px) {
  .flow-list-item:last-of-type::before {
    content: none;
    mask-image: none;
    background-color: #e0f0ff;
  }
}
@media screen and (max-width: 768px) {
  .flow-list-item::before {
  width: 100%;
  height: 45px;
  top: auto;
  bottom: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 45" preserveAspectRatio="none"><path d="M 2,2 V 15 L 50,43 L 98,15 V 2 Z" fill="%23e0f0ff" stroke="%23e0f0ff" stroke-width="4" stroke-linejoin="round" /></svg>');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  }
}



.flow-list-num {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .flow-list-num {
    grid-area: flow-l-num;
  }
}

.flow-list-icon {
  width: clamp(60px,calc(80vw / 10),80px);
  height: auto;
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .flow-list-icon {
    width: 100%;
    grid-area: flow-l-icn;
  }
}

.flow-list-title {
  text-align: center;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .flow-list-title {
    text-align: center;
    grid-area: flow-l-ttl;
    padding-right: calc(79.7265px + 5px);
  }
}

.flow-list-text {
  font-size: 13px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .flow-list-text {
    grid-area: flow-l-txt;

  }
}

.flow-delete-list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(calc(280vw / 3.75),280px),1fr));
  gap: 0 20px;
}

.flow-delete-list-item {
  width: 100%;
  border-radius: 10px;
  border: 1px #7095b8 solid;
  margin-bottom: 15px;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 15px;
  padding: clamp(min(calc(15vw / 3.75),15px),calc(20vw / 10),20px);
}

.flow-delete-title ,.flow-delete-description {
    display: flex;
    align-items: center;
    gap: min(calc(15vw / 3.75),15px);
}

.flow-delete-title {
    border-bottom: 1px solid #7095b8;
    padding-bottom: 10px;
}


.flow-delete-title-num {
  color: #4c8cc4;
  font-size: clamp(min(calc(46vw / 3.75),46px),calc(64vw / 10),64px);
  line-height: 1;
}

.flow-delete-description-text {
  flex: 1;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.flow-delete-description-img {
  width: clamp(min(calc(88vw / 3.75),88px),calc(120vw / 10),120px);
}

.collect-list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(calc(300vw / 3.75),300px),1fr));
  gap: clamp(65px,calc(70vw / 10),70px) 40px;
  padding-top: clamp(65px,calc(70vw / 10),70px);
}

.collect-list-item {
  position: relative;
  max-width: 450px;
  margin: 0 auto;
  width: 100%;
  padding-top: 20px;
}

.collect-list-comment {
  position: absolute;
  bottom: calc(100% + clamp(10px,calc(15vw / 10),15px));
  left: 50%;
  transform: translate(-50%,0);
  white-space: nowrap;
}

.collect-list-comment p {
  position: relative;
  font-size: clamp(min(calc(15vw / 3.75),15px),calc(20vw / 10),20px);
}

.collect-list-comment p::before,.collect-list-comment p::after {
  content: "";
  position: absolute;
  top: 50%;
  width: clamp(22px,calc(26.6272vw / 10),26.6272px);
  aspect-ratio: 1;
  height: auto;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 26.63 26.63"><polygon fill="%2300125d" points="26.63 26.63 5.33 0 0 0 23.96 26.63 26.63 26.63"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.collect-list-comment p::before {
  left: -10px;
  transform: translate(-100%,-50%);
}
.collect-list-comment p::after {
  right: -10px;
  transform: translate(100%,-50%) scale(-1,1);
}

.collect-list-head {
  background-color: #3e3a39;
  display: flex;
  align-items: center;
  gap: clamp(min(calc(15vw / 3.75),15px),calc(25vw/ 10),25px);
  max-width: calc(100% - clamp(min(calc(20vw / 3.75),20px),calc(30vw / 10),30px));
  transform: translateX(-5px);
  border-radius: 0 20px 20px 0;
}

.collect-list-head-num {
  font-size: clamp(min(calc(46.5667vw / 3.75),46.5667px),calc(61.997vw / 10),61.997px);
  line-height: 0.77;
  transform: translateY(calc(0% - clamp(min(calc(46.5667vw / 3.75),46.5667px),calc(61.997vw / 10),61.997px) * 0.05));
  color: var(--color-light-gray);
  padding-left: clamp(min(calc(25vw / 3.75),25px),calc(35vw / 10),35px);
}

.collect-list-body {
  width: 100%;
  padding: clamp(min(calc(20vw / 3.75),20px),calc(30vw / 10),30px);
}

.collect-list-info {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: min(calc(10vw / 3.75),10px);
}

.collect-list-info-item {
  position: relative;
  flex: 1;
  margin-bottom: 20px;
}

.collect-list-info-item dt {
  background-color: #00125d;
}

.collect-list-info-item dd {
  border: 1px solid #00125d;
  color: #00125d;
  padding: min(calc(2vw / 3.75),2px);
}
@media screen and (max-width: 768px) {
.collect-list-info-item dd p {
  font-size: min(calc(10vw / 3.75),10px);
}
}

.collect-list-info-item--hukidashi {
  position: relative;
  background-color: #ffee7d;
  border-radius: clamp(5px,calc(10vw / 7.68),10px);
  width: calc(100% - 10px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}

.collect-list-info-item--hukidashi::before {
  content: "";
  position: absolute;
  left: calc(0% - min(calc(10vw / 3.75),10px));
  transform: translateY(-50%);
  top: 50%;
  background-color: #ffee7d;
  clip-path: polygon(100% 0, 0 53%, 100% 100%);
  display: block;
  width: 10px;
  height: 10px;
}

.collect-list-note {
  position: absolute;
  top: calc(100% + 3px);
  left: 0;
  white-space: nowrap;
}

.collect-list-info-text {
  position: relative;
  margin-bottom: 35px;
}

.plan-method-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-auto-rows: auto;
  gap: 0 25px;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .plan-method-list {
    grid-template-columns: 1fr;
    gap: 60px 25px;
    max-width: 400px;
    margin: 0 auto;
  }
}

.plan-method-item {
  width: 100%;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
}
@media screen and (max-width: 768px) {
  .plan-method-item {
    display: flex;
    flex-direction: column;
  }
}

.plan-method-title {
  display: flex;
  justify-content: flex-start;
  gap: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.plan-method-title-num {
  font-size: 53px;
  line-height: .1;
  padding-left: 10px;
  padding-bottom: 10px;
  transform: translateY(-7px);
}

.plan-method-about {
  padding: 10px 0;
  border-bottom: 1px solid #00125d;
}

.plan-method-text {
  padding-top: 10px;
}

.common-contents--70px {
  row-gap: clamp(40px,calc(70vw / 10),70px);
}

.fee-list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(clamp(min(calc(300vw / 3.75),300px),calc(400vw / 10),400px),1fr));
  grid-auto-rows: auto;
  gap: 40px;
  justify-content: center;
}

.fee-list-item {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.fee-list-head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 8px 8px 0 0;
  padding: clamp(5px,calc(10vw / 10),10px);
  gap: clamp(min(calc(6vw / 3.75),6px),calc(10vw / 10),10px);
}

.fee-list-num {
  font-size: clamp(48px,calc(65vw / 10),65px);
  line-height: 0.53;
  transform: translateY(-8%);
}

.fee-list-type {
  text-align: center;
  color: #3e3a39;
  min-width: clamp(min(calc(75vw / 3.75),75px),calc(100vw / 10),100px);
  padding: 2px 10px;
  border-radius: 20px;
}

.fee-list-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  color: #ffee7d;
  border: #ffee7d 1px solid;
  border-radius: 4.5px;
  padding: 2px 5px;
}

.fee-list-price {
  border-bottom: clamp(2px,calc(3vw / 10),3px) solid #005bab;
  padding-bottom: clamp(5px,calc(10vw / 10),10px);
  margin-bottom: clamp(5px,calc(10vw / 10),10px);
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.fee-list-price strong {
  line-height: 1;
}

.fee-list-price-note {
  padding-left: 10px;
  text-indent: -10px;
  
}

.fee-list-body {
  border-radius: 0 0 8px 8px;
  overflow: clip;
}

.fee-list-body-main {
  display: flex;
  padding: 15px;
}

.fee-list-img {
  width: clamp(min(calc(106.9901vw / 3.75),106.9901px),calc(142.8533vw / 10),142.8533px);
  flex-shrink: 0;
}

.fee-list-note {
  margin-top: clamp(5px,calc(10vw / 10),10px);
  text-align: right;
}

.bg-yellow {
  background-color: #fff5b3;
}

.fee-list-foot {
  display: flex;
  padding: 10px;
}

.fee-list-foot__rating-icon {
  position: relative;
  width: clamp(40px,calc(55vw / 10),55px);
}

.fee-list-foot__rating-icon img {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: auto;
}

.combination-container {
  border-radius: 10px;
  overflow: clip;
  padding-top: 20px;
}

.combination-list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(clamp(min(calc(160vw / 3.75),160px),calc(210vw / 10),210px),1fr));
  gap: 10px 15px;
  justify-content: center;
  padding: 15px 20px;
  max-width: 700px;
  margin: 0 auto;
}

.combination-list-item {
  width: 100%;
  max-width: 210px;
  margin: 0 auto;
  border: 3px solid #fff;
  border-radius: 10px;
  overflow: clip;
}

.combination-list-head {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 clamp(min(calc(8.5vw / 3.75),8.5px),calc(10vw / 10),10px);
  padding: min(calc(5vw / 3.75),5px);
}

.combination-list-head-border {
  width: 2px;
  height: clamp(20px,calc(25vw / 10),25px);
}

.combination-list-body {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  justify-content: center;
}

.combination-list-img {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(calc(15vw / 3.75),15px);
}

.fee-discount {
  max-width: 600px;
  padding: 20px;
  margin: auto;
}

.glossary {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid #a8aba0;
  padding: 15px clamp(min(calc(10vw / 3.75),10px),calc(20vw / 10),20px);
  margin-top: clamp(30px,calc(45vw / 10),45px); 
}

.glossary-list {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(6,1fr);
  justify-content:center;
  gap:min(calc(8vw / 3.75),8px) clamp(min(calc(8vw / 3.75),8px),calc(15vw / 10),15px);
}
@media screen and (max-width: 768px) {
  .glossary-list {
    grid-template-columns: repeat(3,1fr);
    justify-content:space-between;
    max-width: 400px;
    margin: 0 auto;
  }
}

.glossary-item {
  position: relative;
}

.glossary-item-title {
  position: relative;
  background-color: #dedede;
  cursor: pointer;
  font-size: clamp(min(calc(10vw / 3.75),10px),calc(13vw / 10),13px);
  text-align: center;
  border-radius: 20px;
  padding: 3px clamp(min(calc(17vw / 3.75),17px),calc(20vw / 7.68),20px);
}
.glossary-item-title::after {
  content: "?";
  color: #fff;
  font-size: clamp(min(calc(10vw / 3.75),10px),calc(12vw / 7.68),12px);
  font-weight: 500;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(min(calc(13vw / 3.75),13px),calc(15vw / 7.68),15px);
  height: auto;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 50%;
}
.glossary-item-title--long {
  padding-left: min(calc(5vw / 7.68),5px);
}
@media screen and (max-width: 768px) {
.glossary-item-title--long {
  padding-left: min(calc(3vw / 3.75),3px);
  padding-right: min(calc(15vw / 3.75),15px);
}
}

.glossary-item-description {
  z-index: 10;
  position: absolute;
  top: calc(100% + 15px);
  left: calc(100% - 12px);
  transform: translateX(-50%);
  width: min(calc(270vw / 3.75),270px);
  border-radius: 10px;
  filter: drop-shadow(0 0 5px rgba(0,0,0,.5));
}
@media screen and (min-width: 769px) {
  .glossary-item:nth-of-type(6n+1) .glossary-item-description {
    left: 0;
    transform: translateX(0);
  }
  .glossary-item:nth-of-type(6n) .glossary-item-description {
    left: auto;
    right: -25px;
    transform: translateX(0);
  }
}
@media screen and (max-width: 768px) {
  .glossary-item:nth-of-type(3n+1) .glossary-item-description {
    left: 0;
    transform: translateX(0);
  }
  .glossary-item:nth-of-type(3n) .glossary-item-description {
    left: auto;
    right: -25px;
    transform: translateX(0);
  }
}

.glossary-des-wrapper {
  padding: 10px;
}

.glossary-des-wrapper::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 28.5px;
  height: 14px;
  background-color: #fff;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
@media screen and (min-width: 769px) {
  .glossary-item:nth-of-type(6n+1) .glossary-des-wrapper::after {
    transform: translateX(calc(-50% - 15px));
  }
  .glossary-item:nth-of-type(6n) .glossary-des-wrapper::after {
    left: auto;
    right: 25px;
    transform: translateX(0);
  }
}
@media screen and (max-width: 768px) {
  .glossary-item:nth-of-type(3n+1) .glossary-des-wrapper::after {
    left: 30%;
    transform: translateX(0);
  }
  .glossary-item:nth-of-type(3n) .glossary-des-wrapper::after {
    left: auto;
    right: 20px;
    transform: translateX(0);
  }
}

.glossary-item-close {
  font-size: 15px;
  line-height: 1;
  width: 15px;
  height: 15px;
  display: block;
  margin-inline-start: auto;
  cursor: pointer;
}

.glossary-des-contents {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0 5px 5px;
}

.new-section {
  max-width: 825px;
  margin: 20px auto 0;
  padding-left: min(calc(5vw / 3.75),5px);
  padding-right: min(calc(5vw / 3.75),5px);
  padding-bottom: clamp(20px,calc(45vw / 10),45px);
  display: flex;
  flex-direction: column;
  gap: clamp(14px,calc(23vw / 10),23px);
}

.new-section-img {
  width: 100%;
  height: auto;
  aspect-ratio: 825 / 450;
}

.new-section-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.new-section-title {
  padding:clamp( min(calc(5vw / 3.75),5px),calc(15vw / 10),15px);
  border-radius: 5.4px;
  margin-bottom: clamp(10px,calc(15vw / 10),15px);
}

.new-section-title p {
  font-size: clamp(min(calc(12vw / 3.75),12px),calc(23vw / 10),23px);
  font-weight: 700;
  line-height: calc(30 / 25);
}
  
.new-section-title p strong {
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(25vw / 10),25px);
  font-weight: 700;
  line-height: calc(30 / 25);
}

.new-section-title-note {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .new-section-title-note {
    text-align: left;
    text-indent: calc(0% - min(calc(10vw / 3.75),10px));
    padding-left: min(calc(10vw / 3.75),10px);
  }
}

.new-section-premise {
  display: grid;
  grid-template-columns: auto 1fr;
  padding: clamp(12px,calc(16vw / 10),16px) clamp(min(calc(6vw / 3.75),6px),calc(14vw / 10),14px);
  gap: 8px min(calc(10vw / 3.75),10px);
}
@media screen and (max-width: 768px) {
.new-section-premise {
  grid-template-columns: 1fr;
}
}

.new-section-premise-title {
  width: 100%;
  text-align: center;
  border: 1px solid #000;
  display: flex;
  align-self: center;
  justify-content: center;
  padding: min(calc(8vw / 3.75),8px);
  flex-shrink: 0;
}

.new-section-premise-title p {
  font-weight: 500;
  font-size: clamp(min(calc(12vw / 3.75),12px),calc(15vw / 10),15px);
  line-height: calc(18.5 / 12);
}

.new-section-premise-text {
  width: 100%;
}

.new-section-premise-text p {
  font-size: clamp(min(calc(10vw / 3.75),10px),calc(13vw / 10),13px);
  font-weight: 400;
  line-height: calc(14 / 10);
  text-indent: calc(0% - clamp(min(calc(10vw / 3.75),10px),calc(13vw / 10),13px));
  padding-left: clamp(min(calc(10vw / 3.75),10px),calc(13vw / 10),13px);
}

.sample-contents {
  border-radius: 30px;
  border: 1px solid #000;
  background-color: #fff;
  max-width: 900px;
  margin: 0 auto;
}

.sample-contents summary {
  border-radius: 30px;
  cursor: pointer;
  height: clamp(50px,calc(60vw / 10),60px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(calc(9.5vw / 3.75),9.5px);
  padding: 0 clamp(min(calc(15vw / 3.75),15px),calc(25vw / 10),25px);
}

.sample-contents .qa-list-icon {
  border: none;
  width: clamp(min(calc(16vw / 3.75),16px),calc(28vw / 10),28px);
  background-color: #fff;
}
.qa-list-icon::before ,.qa-list-icon::after {
  background-color: #3e3a39;
}
.sample-contents[open] .qa-list-icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 0;
}

.sample-contents summary p {
  display: block;
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(19vw / 10),19px);
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  margin: 0 auto;
  flex-grow: 1;
}

.sample-contents-item {
 padding: clamp(15px,calc(35vw / 10),35px) clamp(min(calc(25vw / 3.75),25px),calc(75vw / 10),75px);
}
@media screen and (max-width: 768px) {
.sample-contents-item {
 padding: clamp(15px,calc(35vw / 10),35px) clamp(min(calc(20vw / 3.75),20px),calc(35vw / 7.68),35px);
}
}

.sample-head-text {

}

.sample-list {
  max-width: 755px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit,clamp(min(calc(135.893vw / 3.75),135.893px),calc(231.9451vw / 7.68),231.9451px));
  justify-content: center;
  gap: 0 clamp(min(calc(12vw / 3.75),12px),calc(25vw / 10),25px);
}

.sample-list-item {
  /* display: flex;
  flex-direction: column; */
  gap: clamp(23px,calc(44vw / 10),44px) clamp(min(calc(15vw / 3.75),15px),calc(25vw / 10),25px);
  display: grid;
  flex-direction: column;
  gap: clamp(min(calc(15vw / 3.75),15px),calc(25vw / 10),25px);
  grid-template-rows: subgrid;
  grid-row: span 2;
  margin-top: clamp(23px,calc(44vw / 10),44px);
}

.sample-head-text {
  font-size: clamp(min(calc(16vw / 3.75),16px),calc(25vw / 10),25px);
  font-weight: 700;
  line-height: calc(24 / 16);
}

.sample-list-title {
  width: 100%;
  min-height: clamp(45px,calc(65vw / 7.68),65px);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(4px,calc(6vw / 10),6px);
  text-align: center;
  padding: clamp(min(calc(5vw / 3.75),5px),calc(7vw / 10),7px) clamp(min(calc(5vw / 3.75),5px),calc(7vw / 10),7px) clamp(min(calc(6vw / 3.75),6px),calc(9vw / 10),9px);
    border-radius: 8.9px;
}
.sample-list-title::before {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  right: calc(53% / 2.321426);
  display: block;
  width: clamp(15.6933px,calc(26.7857vw / 10),26.7857px);
  height: auto;
  aspect-ratio: 26.7857 / 17.8571;
  clip-path: polygon(20% 0, 0% 100%, 100% 0);
  background-color: #005bab;

}

.sample-list-title p {
  font-size: clamp(min(calc(12vw / 3.75),12px),calc(16vw / 10),16px);
  font-weight: 500;
  line-height: 1.1;
}

.sample-list-title-sub {
  width: 100%;
  max-width: clamp(min(calc(70vw / 3.75),70px),calc(120vw / 10),120px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  /* min-height: clamp(min(calc(15vw / 3.75),15px),calc(20vw / 10),20px); */
  padding: clamp(min(calc(1vw / 3.75),1px),calc(2vw / 10),2px);
}
.sample-list-title-sub--long {
  max-width: clamp(min(calc(95vw / 3.75),95px),calc(160vw / 10),160px);
}

.sample-list-title-sub p {
  font-size: clamp(min(calc(12vw / 3.75),12px),calc(15vw / 10),15px);
  font-weight: 500;
  line-height: 1.15;
  color: #00125d;
}

.sample-list-img {
  filter: drop-shadow(6.7px 6.7px 6.7px rgba(0,0,0,.2));
}

.sample-contents-note {
  margin-top: 35px;
  font-size: clamp(10px,calc(14vw / 10),14px);
  font-weight: 700;
  line-height: calc(3 / 2);
}