/*! 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: min(calc(39vw / 11.25),39px); line-height: calc(21 / 12);}
button {border: 0;}
/*!///////////////////////////////////////////*/
/*!//////////// ↑↑↑reset↑↑↑ ////////////*/
/*!///////////////////////////////////////////*/


/*!////////////////////////////////////////////*/
/*!//////////// ↓↓↓common↓↓↓ ////////////*/
/*!////////////////////////////////////////////*/
body { font-family: "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%;}
body {
  background: aliceblue;
}
.wrapper {
  position: relative;
  overflow:clip;
  max-width: 1125px;
  margin: 0 auto;
  background-color: #fff;
}
.container {
  position: relative;
  width: 100%;
  max-width: 1125px;
  margin-left: auto;
  margin-right: auto;
  padding-left: min(min(75vw / 11.25),75px);
  padding-right: min(min(75vw / 11.25),75px);
}

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

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

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

section { position: relative; }

h2 { text-align: center; }

main{position: relative;}

.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;
  }
}

summary {
  cursor: pointer;
	list-style: none;
}
summary::-webkit-details-marker {
	display: none;
}

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

:root {
  --c1: #e63462;
  --c2: #00a5ca;
  --c3: #a9cd36;
  --c4: #f5ab18;
}

.bg1 { background-color: var(--c1); }
.bg2 { background-color: var(--c2); }
.bg3 { background-color: var(--c3); }
.bg4 { background-color: var(--c4); }

.fv {
  position: relative;
  width: 100%;
}

h1 {
  position: absolute;
  top: calc(50% / 3.27);
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(825vw / 11.25),825px);
}

.fv-text {
  position: absolute;
  top: calc(200% / 3.75);
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.fv-note {
  position: absolute;
  top: calc(293% / 3.75);
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  font-size: min(calc(33vw / 11.25),33px);
}

.gotop-wrapper {
  margin-top: calc(0% - min(calc(83.4834vw / 11.25),83.4834px));
}

.gotop {
  z-index: 998;
  position: sticky;
  top: calc(100% - min(calc(150vw / 11.25),150px));
  transform: translateY(50%);
  margin-left: auto;
  margin-right: min(calc(27vw / 11.25),18px);
  display: block;
  width: min(calc(83.4834vw / 11.25),83.4834px);
  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 12.19 6.31"><path fill="%23ffffff" d="M11.69,6.31c-.12,0-.25-.05-.34-.14L6.1,1.19.84,6.18c-.2.19-.52.18-.71-.02-.19-.2-.18-.52.02-.71L5.75.14c.19-.18.5-.18.69,0l5.6,5.31c.2.19.21.51.02.71-.1.1-.23.16-.36.16Z"/></svg>');
  background-size: calc(7.8% / 0.278);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #00568d;
  border-radius: 50%;
}

.anker-target {
  position: absolute;
  top: calc(0% - min(calc(120vw / 11.25),120px));
  left: 0;
  width: 0.01px;
  height: 0.01px;
  pointer-events: none;
  opacity: 0;
  z-index: -999;
}

.nav {
  z-index: 999;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: min(calc(45vw / 11.25),45px);
  background-color: #fff;
}

.nav-list {
  width: 100%;
  display: flex;
}

.nav-list-item {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  place-items: center;
  gap: 5px;
  padding-bottom: min(calc(36vw / 11.25),36px);
  background-repeat: no-repeat;
  background-size: calc(84.375% / 0.94) min(calc(6vw / 11.25),6px);
  background-position: center bottom;
}
.nav-list-item--1 {
  background-image: linear-gradient(var(--c1),var(--c1));
}
.nav-list-item--2 {
  background-image: linear-gradient(var(--c2),var(--c2));
}
.nav-list-item--3 {
  background-image: linear-gradient(var(--c3),var(--c3));
}
.nav-list-item--4 {
  background-image: linear-gradient(var(--c4),var(--c4));
}
.nav-list-item:not(:last-of-type):after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: calc(52.7241% / 0.67);
  transform: translateX(50%);
  width: 1px;
  background-color: #c9c9c9;
  pointer-events: none;
}

.nav-text {
  white-space: nowrap;
  font-weight: 700;
}

.arrow {
  width: min(calc(24vw / 11.25),24px);
  height: auto;
  aspect-ratio: 8 / 4.7195;
  mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 8 4.72"><path fill="%23ffffff" d="M4,4.72c-.14,0-.27-.06-.36-.16L.14.84C-.05.64-.04.33.16.14c.2-.19.52-.18.71.02l3.14,3.33L7.14.16c.19-.2.51-.21.71-.02.2.19.21.51.02.71l-3.5,3.72c-.09.1-.23.16-.36.16Z"/></svg>');
  mask-repeat: no-repeat;
  mask-size: contain;
}

.icon {
  display: block;
  height: auto;
  background-repeat: no-repeat;
  background-position: center;
}
.icon--1 {
  width: min(calc(34.8339vw / 11.25),34.8339px);
  aspect-ratio: 11.6113 / 18.9409;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 11.61 18.94"><path fill="%23e63462" d="M11.56.05s-.08-.05-.13-.05h0c-.05,0-1.3.01-2.04.7-.85.79-.87,2.42-.87,2.6v6.06c0,.3.19.66.44.83l.74.5v7.29c0,.53.43.96.96.96s.96-.43.96-.96V.18s-.02-.09-.05-.13Z"/><path fill="%23e63462" d="M4.61,0c-.3,0-.47.41-.5.78l-.32,3.82h-.25l-.32-3.82c-.03-.38-.2-.78-.5-.78s-.47.41-.5.78l-.32,3.82h-.25l-.32-3.82c-.03-.38-.2-.78-.5-.78s-.47.41-.5.79l-.34,5.56c0,1.08.73,2.02,1.76,2.29v9.34c0,.53.43.96.96.96s.96-.43.96-.96v-9.34c1.03-.27,1.76-1.21,1.76-2.3l-.34-5.56c-.03-.38-.2-.78-.5-.78Z"/></svg>');
}
.icon--2 {
  width: min(calc(53.1501vw / 11.25),53.1501px);
  aspect-ratio: 17.7167 / 22.0727;
  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.72 22.07"><path fill="%2300a5ca" d="M6.51,3.83c1.05-.18,1.76-1.17,1.58-2.22C7.91.55,6.91-.15,5.86.03c-1.05.18-1.76,1.17-1.58,2.22.18,1.05,1.17,1.76,2.22,1.58Z"/><path fill="%2300a5ca" d="M12.49,7.23s-.16,1.53-.34,2.55c-.17,1.02,1.34,1.27,1.56.27.15-.69.45-2.58.55-3.25.08-.55-.26-.89-.66-.98-.39-.09-3.98-.9-3.98-.9l.59,1.92,2.26.39Z"/><path fill="%2300a5ca" d="M17.37,15l-4.51,1.52s-3.19-10.29-3.54-11.44c-.38-1.24-2.09-1.46-2.69-.03-.54,1.27-1.39,3.35-1.39,3.35,0,0-2.49-1-3.79-1.52-1.31-.52-2.05,1.22-.86,1.72,1.18.5,4.62,1.83,5.1,2.01s.89.03,1.06-.33c.1-.21.78-1.8,1.38-3.25l.25.1-1.24,3.3.39,1.14L.49,22.07h2.26l6.57-8.07s1.42,3.89,1.71,4.46c.28.53.57.66,1.18.43s5.51-2.16,5.51-2.16l-.34-1.75Z"/></svg>');
}
.icon--3 {
  width: min(calc(70.6776vw / 11.25),70.6776px);
  aspect-ratio: 23.5592 / 14.0963;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 23.56 14.1"><path fill="%23a9cd36" d="M3.09,8.06c6.33.03,12.74.02,19.16.02.4,0,1.07-.07,1.2.15.08.14.06.43.06.69,0,.74.03,1.49.03,2.23,0,.38.01.76.02,1.12,0,.6-.15,1.08-.48,1.4-.57.56-1.57.56-2.14-.02-.25-.25-.42-.64-.43-1.08-.01-.44.01-.95,0-1.49-5.78.03-11.67.03-17.45,0-.03.47-.02.94-.02,1.35,0,.85-.43,1.4-1.11,1.6-.36.1-.74.07-1.11-.12C.23,13.59-.04,12.96,0,12.04c.06-1.33.03-2.66.03-4.01C.04,6.01.02,3.99.02,1.95.02,1.73-.01,1.51.02,1.31.13.59.71.03,1.48,0c.71-.02,1.25.45,1.45.98.22.6.15,1.48.15,2.26,0,1.65,0,3.27.02,4.81Z"/><path fill="%23a9cd36" d="M10.09,1.86c.3-.06.84-.02,1.21-.02h7.1c.4,0,.79-.03,1.18,0,.17.01.35.05.52.08,1.18.18,2.05.73,2.6,1.55.44.67.71,1.7.58,2.91-.03.25-.07.81-.25.94-.11.07-.46.06-.75.06-3.64,0-7.23,0-10.89,0-.23,0-.54,0-.83,0-.28,0-.63.02-.75-.05-.08-.04-.23-.18-.26-.25-.09-.2-.03-.78-.03-1.14,0-.8.02-1.55.02-2.31,0-.4-.05-.81.02-1.14.01-.06.04-.15.06-.2.08-.21.22-.4.46-.45Z"/><path fill="%23a9cd36" d="M6.6,3.09c1.1-.1,1.89.52,2.23,1.29.12.26.2.56.2.89,0,1.35-1.12,2.31-2.38,2.23-.59-.04-1.08-.3-1.45-.69-.33-.36-.62-.87-.62-1.52,0-.95.54-1.61,1.18-1.95.24-.13.49-.22.83-.25Z"/></svg>');
}
.icon--4 {
  width: min(calc(55.2492vw / 11.25),55.2492px);
  aspect-ratio: 18.4164 / 15.9177;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 18.42 15.92"><path fill="%23f5ab18" d="M9.21,15.92L1.39,8.1C-.46,6.25-.46,3.24,1.39,1.39,3.24-.46,6.25-.46,8.1,1.39l1.11,1.11,1.11-1.11c1.85-1.85,4.86-1.85,6.71,0,1.85,1.85,1.85,4.86,0,6.71l-7.82,7.82h0Z"/></svg>');
}

.sec {
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: center top;
  padding-bottom: min(calc(165vw / 11.25),165px);
}
.sec--1 {
  background-image: url(../img/sec_bg1.jpg);
}
.sec--2 {
  background-image: url(../img/sec_bg2.jpg);
}
.sec--3 {
  background-image: url(../img/sec_bg3.jpg);
}
.sec--4 {
  background-image: url(../img/sec_bg4.jpg);
}

.sec-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-direction: column;
  padding-bottom: min(calc(150vw / 11.25),150px);
  background-image: linear-gradient(#fff,#fff) ,url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 375 141.98"><path fill="%23ffffff" d="M0,87.88v35.84c1.5.34,3,.69,3,1.38s-1.5,1.03-3,1.38v2.75c1.5.34,3,.69,3,1.38s-1.5,1.03-3,1.38v2.75c1.5.34,3,.69,3,1.38,0,.88-1.94,2.87-3,4.26v1.5c8.85,1.06,9.53-6.01,18.76-6.01s9.38,6,18.76,6,9.38-6,18.75-6,9.38,6,18.75,6,9.37-6,18.75-6,9.38,6,18.75,6,9.38-6,18.75-6,9.37,6,18.75,6,9.37-6,18.75-6,9.38,6,18.75,6,9.37-6,18.75-6,9.37,6,18.75,6,9.37-6,18.75-6,9.37,6,18.75,6,9.37-6,18.75-6,9.38,6,18.75,6,9.37-6,18.75-6,9.37,6,18.75,6,9.37-6,18.75-6,9.91,7.07,18.75,6.01v-1.09c-.95-.89-2.55-2.28-2.93-4.04-.15-.69,1.39-1.2,2.93-1.71v-3.07c-1.5-.34-3-.69-3-1.38s1.5-1.03,3-1.38v-2.76c-1.5-.34-3-.69-3-1.38s1.5-1.03,3-1.38V0H0v87.88Z"/></svg>');
  background-repeat: no-repeat,no-repeat;
  background-position: top center,bottom center;
  background-size: 100% 50% , 100% auto;
  padding-top: min(calc(135vw / 11.25),135px);
}

.sec-title-text {
  font-size: min(calc(54vw / 11.25),54px);
  font-weight: 700;
  line-height: calc(31.5 / 18);
}

.sec-title__icon.icon--1 {
  width: min(calc(58.0518vw / 11.25),58.0518px);
}
.sec-title__icon.icon--2 {
  width: min(calc(77.0463vw / 11.25),77.0463px);
}
.sec-title__icon.icon--3 {
  width: min(calc(104.5407vw / 11.25),104.5407px);
}
.sec-title__icon.icon--4 {
  width: min(calc(88.7739vw / 11.25),88.7739px);
}

.dlist {
  display: flex;
  flex-direction: column;
  gap: min(calc(90vw / 11.25),90px);
  padding-top: min(calc(90vw / 11.25),90px);
}

.dlist-item {
  display: flex;
  flex-direction: column;
  gap: min(calc(45vw / 11.25),45px);
  position: relative;
  filter: drop-shadow(min(calc(6vw / 11.25),6px) min(calc(6vw / 11.25),6px) min(calc(6vw / 11.25),6px) rgba(0,0,0,.2));
  padding: min(calc(72vw / 11.25),72px) min(calc(45vw / 11.25),45px);
  /* opacity: 0;
  transform: translate(180px,0) scale(0.5);
  transform-origin: bottom right; */
} 
/* .dlist-item:nth-of-type(2n) {
  transform: translate(-180px,0)  scale(0.5);
  transform-origin: bottom left;
}
.anime {
  animation: hukidashi .3s ease-in-out forwards;
  pointer-events: none;
}
.dlist-item:nth-of-type(2n).anime {
  animation: hukidashi2 .3s ease-in-out forwards;
}
@keyframes hukidashi {
  0% { transform: translate(180px,0)  scale(0.5); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: translate(0,0); pointer-events: auto; opacity: 1; }
}
@keyframes hukidashi2 {
  0% {
    transform: translate(-180px,0)  scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0,0);
    pointer-events: auto;
    opacity: 1;
  }

} */

.dlist-item::before ,.dlist-item::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
}
.dlist-item::before {
  background-color: #fff;
  border-radius: min(calc(60vw / 11.25),60px);
}
.dlist-item::after {
    z-index: -1;
    left: 100%;
    top: 70%;
    transform: translate(-35%, -50%);
    width: 10%;
    height: auto;
    aspect-ratio: 25.2463 / 17.6349;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 25.25 17.63"><path fill="%23ffffff" d="M0,0v17.5c3.25.5,17.25.25,25.25-11.75C8,9.75,0,0,0,0Z"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}
.dlist-item:nth-of-type(2n)::after {
    z-index: -1;
    left: auto;
    right: 100%;
    transform: translate(35%, -50%) scale(-1,1);
}

.dlist-title {
  font-size: min(calc(48vw / 11.25),48px);
  font-weight: 600;
  line-height: calc(22 / 16);
  position: relative;
  min-height: (calc(114.6663vw / 11.25),114.6663px);
  padding: min(calc(39vw / 11.25),39px);
  background-color: #fbe1e7;
}
.dlist--2 .dlist-title {
    background-color: #d9f1f7;
}
.dlist--3 .dlist-title {
    background-color: #eff7dd;
}
.dlist--4 .dlist-title {
    background-color: #fdf2dc;
}

.dlist-title::after {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  width: calc(min(calc(45vw / 11.25),45px) + 3.7px);
  height: 100%;
  background-color: #f299b0;
}
.dlist--2 .dlist-title::after {
  background-color: #80d2e4;
}
.dlist--3 .dlist-title::after {
  background-color: #c9e38d;
}
.dlist--4 .dlist-title::after {
  background-color: #fad58b;
}

.dlist-contents {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: min(calc(45vw / 11.25),45px);
}

.dlist-description {
  display: -webkit-box;             
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  padding: 0 min(calc(39vw / 11.25),39px);
}

.dlist-link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border-radius: min(calc(66vw / 11.25),66px);
  width: calc(250% / 2.678456 );
  min-height: min(calc(152vw / 11.25),152px);
  height: auto;
  color: #fff;
  background-color: #f00c0c;
  font-size: min(calc(45vw / 11.25),45px);
  font-weight: 600;
  line-height: calc(22 / 15);
}
.dlist--2 .dlist-link {
  background-color: var(--c2);
}
.dlist--3 .dlist-link {
  background-color: var(--c3);
}
.dlist--4 .dlist-link {
  background-color: var(--c4);
}

footer {
  background-image: url(../img/footer_bg.webp);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: min(calc(120vw / 11.25),120px);
  padding-bottom: min(calc(150vw / 11.25),150px);
}

.indent {
  font-size: min(calc(33vw / 11.25),33px);
  font-weight: 400;
  padding-left: min(calc(33vw / 11.25),33px);
  text-indent: calc(0% - min(calc(33vw / 11.25),33px));
}

.copyright {
  font-size: min(calc(30vw / 11.25),30px);
  text-align: center;
  font-weight: 400;
  margin-top: min(calc(30vw / 11.25),30px);
}