@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700&display=swap");
/* --- Reset --- */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: min(3.2876712329vw, 18.9369863014px);
}
@media (min-width: 730px) {
  html {
    font-size: clamp(10px, 1.1111111111vw, 16px);
  }
}

body {
  line-height: 1.6;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  color: #000;
  background: #fff;
  font-size: min(3.2876712329vw, 18.9369863014px);
}
@media (min-width: 730px) {
  body {
    font-size: clamp(10px, 1.1111111111vw, 16px);
  }
}

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

a {
  text-decoration: none;
  color: inherit;
  transition: 0.5s;
}

ul,
ol {
  list-style: none;
}

button,
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  appearance: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* --- Base --- */
body.is-fixed {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

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

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

.l-container {
  max-width: 500px;
  width: 90%;
  margin: 0 auto;
}
@media (min-width: 730px) {
  .l-container {
    max-width: 1080px;
  }
}

.l-hero {
  overflow-x: hidden;
  position: relative;
  width: 100%;
  height: 100vh;
}
@media screen and (min-width: 730px) {
  .l-hero {
    height: 100vh;
  }
}
.l-hero__inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.c-hero__bg-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  display: flex;
  animation: slideBg 40s linear infinite;
  z-index: 0;
  overflow: hidden;
}
.c-hero__bg-img {
  width: auto;
  height: 100%;
  max-width: none;
}

@keyframes slideBg {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-33.333333%);
  }
}
.c-hero__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(90.4109589041vw, 520.7671232877px);
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (min-width: 730px) {
  .c-hero__logo {
    width: clamp(403.125px, 44.7916666667vw, 645px);
  }
}
.c-hero__logo img {
  opacity: 0;
  transform: scale(0.8);
  display: block;
}

.p-community {
  position: relative;
  width: 100%;
  height: min(657.5342465753vw, 3787.397260274px);
  background: #fff;
  margin-top: min(16.4383561644vw, 94.6849315068px);
  overflow-x: hidden;
}
@media screen and (min-width: 730px) {
  .p-community {
    height: clamp(2462.5px, 273.6111111111vw, 3940px);
    margin-top: clamp(65.625px, 7.2916666667vw, 105px);
  }
}
.p-community__inner {
  position: relative;
  width: 100%;
  max-width: 576px;
  height: 100%;
  margin: min(5.4794520548vw, 31.5616438356px) auto 0;
}
@media screen and (min-width: 730px) {
  .p-community__inner {
    min-width: 900px;
    max-width: none;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    margin: 0 auto;
  }
}
@media screen and (min-width: 900px) {
  .p-community__inner {
    transform: none;
    left: auto;
    position: inherit;
    max-width: 1440px;
  }
}

.p-item__img {
  position: absolute;
  opacity: 0;
}
.p-item__text {
  position: absolute;
  opacity: 0;
  transform: translateY(0px) scale(0.8);
}
.p-item--01 {
  width: min(69.0410958904vw, 397.6767123288px);
  left: min(34.2465753425vw, 197.2602739726px);
  top: min(12.0547945205vw, 69.4356164384px);
  z-index: 2;
}
.p-item--02 {
  width: min(19.4520547945vw, 112.0438356164px);
  left: min(11.7808219178vw, 67.8575342466px);
  top: min(-3.2876712329vw, -18.9369863014px);
  z-index: 2;
}
.p-item--03 {
  width: min(18.904109589vw, 108.8876712329px);
  left: min(5.4794520548vw, 31.5616438356px);
  top: min(30.4109589041vw, 175.1671232877px);
  z-index: 2;
}
.p-item--04 {
  width: min(8.2191780822vw, 47.3424657534px);
  left: min(40.2739726027vw, 231.9780821918px);
  top: min(67.397260274vw, 388.2082191781px);
  z-index: 2;
}
.p-item--05 {
  width: min(47.6712328767vw, 274.5863013699px);
  left: min(-12.0547945205vw, -69.4356164384px);
  top: min(78.6301369863vw, 452.9095890411px);
  z-index: 2;
}
.p-item--06 {
  width: min(43.5616438356vw, 250.9150684932px);
  left: min(52.602739726vw, 302.9917808219px);
  top: min(91.2328767123vw, 525.501369863px);
  z-index: 2;
}
.p-item--07 {
  width: min(12.8767123288vw, 74.1698630137px);
  left: min(70.1369863014vw, 403.9890410959px);
  top: min(116.7123287671vw, 672.2630136986px);
  z-index: 2;
}
.p-item--08 {
  width: min(60.8219178082vw, 350.3342465753px);
  left: min(39.1780821918vw, 225.6657534247px);
  top: min(179.1780821918vw, 1032.0657534247px);
  z-index: 2;
}
.p-item--09 {
  width: min(50.4109589041vw, 290.3671232877px);
  left: min(-1.095890411vw, -6.3123287671px);
  top: min(133.698630137vw, 770.104109589px);
  z-index: 2;
}
.p-item--10 {
  width: min(9.5890410959vw, 55.2328767123px);
  left: min(54.7945205479vw, 315.6164383562px);
  top: min(126.301369863vw, 727.495890411px);
  z-index: 2;
}
.p-item--11 {
  width: min(50.6849315068vw, 291.9452054795px);
  left: min(43.8356164384vw, 252.4931506849px);
  top: min(224.6575342466vw, 1294.0273972603px);
  z-index: 2;
}
.p-item--12 {
  width: min(21.095890411vw, 121.5123287671px);
  left: min(9.8630136986vw, 56.8109589041px);
  top: min(175.3424657534vw, 1009.9726027397px);
  z-index: 2;
}
.p-item--13 {
  width: min(62.7397260274vw, 361.3808219178px);
  left: min(27.9452054795vw, 160.9643835616px);
  top: min(245.7534246575vw, 1415.5397260274px);
  z-index: 2;
}
.p-item--14 {
  width: min(78.0821917808vw, 449.7534246575px);
  left: min(21.9178082192vw, 126.2465753425px);
  top: min(305.2054794521vw, 1757.9835616438px);
  z-index: 2;
}
.p-item--15 {
  width: min(36.1643835616vw, 208.3068493151px);
  left: min(-0.5479452055vw, -3.1561643836px);
  top: min(263.2876712329vw, 1516.5369863014px);
  z-index: 2;
}
.p-item--16 {
  width: min(27.1232876712vw, 156.2301369863px);
  left: min(29.0410958904vw, 167.2767123288px);
  top: min(273.4246575342vw, 1574.9260273973px);
  z-index: 2;
}
.p-item--17 {
  width: min(36.4383561644vw, 209.8849315068px);
  left: min(60vw, 345.6px);
  top: min(267.397260274vw, 1540.2082191781px);
  z-index: 2;
}
.p-item--18 {
  width: min(50.6849315068vw, 291.9452054795px);
  left: min(8.4931506849vw, 48.9205479452px);
  top: min(357.2602739726vw, 2057.8191780822px);
  z-index: 1;
}
.p-item--19 {
  width: min(30.4109589041vw, 175.1671232877px);
  left: min(63.5616438356vw, 366.1150684932px);
  top: min(363.2876712329vw, 2092.5369863014px);
  z-index: 2;
}
.p-item--20 {
  width: min(29.3150684932vw, 168.8547945205px);
  left: min(70.6849315068vw, 407.1452054795px);
  top: min(388.4931506849vw, 2237.7205479452px);
  z-index: 2;
}
.p-item--21 {
  width: min(30.6849315068vw, 176.7452054795px);
  left: min(40.2739726027vw, 231.9780821918px);
  top: min(417.8082191781vw, 2406.5753424658px);
  z-index: 2;
}
.p-item--22 {
  width: min(64.3835616438vw, 370.8493150685px);
  left: min(3.5616438356vw, 20.5150684932px);
  top: min(403.5616438356vw, 2324.5150684932px);
  z-index: 2;
}
.p-item--23 {
  width: min(32.8767123288vw, 189.3698630137px);
  left: min(9.5890410959vw, 55.2328767123px);
  top: min(440.2739726027vw, 2535.9780821918px);
  z-index: 2;
}
.p-item--24 {
  width: min(13.9726027397vw, 80.4821917808px);
  left: min(49.8630136986vw, 287.2109589041px);
  top: min(445.4794520548vw, 2565.9616438356px);
  z-index: 2;
}
.p-item--25 {
  width: min(46.301369863vw, 266.695890411px);
  left: min(0vw, 0px);
  top: min(467.397260274vw, 2692.2082191781px);
  z-index: 2;
}
.p-item--26 {
  width: min(48.2191780822vw, 277.7424657534px);
  left: min(50.9589041096vw, 293.5232876712px);
  top: min(496.7123287671vw, 2861.0630136986px);
  z-index: 2;
}
.p-item--27 {
  width: min(57.2602739726vw, 329.8191780822px);
  left: min(17.5342465753vw, 100.997260274px);
  top: min(528.7671232877vw, 3045.698630137px);
  z-index: 2;
}
.p-item--28 {
  width: min(11.7808219178vw, 67.8575342466px);
  left: min(80vw, 460.8px);
  top: min(537.8082191781vw, 3097.7753424658px);
  z-index: 2;
}
.p-item--29 {
  width: min(41.9178082192vw, 241.4465753425px);
  left: min(67.397260274vw, 388.2082191781px);
  top: min(452.0547945205vw, 2603.8356164384px);
  z-index: 2;
}
.p-item--30 {
  width: min(73.9726027397vw, 426.0821917808px);
  left: min(13.1506849315vw, 75.7479452055px);
  top: min(589.0410958904vw, 3392.8767123288px);
  z-index: 2;
}
@media screen and (min-width: 730px) {
  .p-item--01 {
    width: clamp(445px, 49.4444444444vw, 712px);
    left: clamp(396.25px, 44.0277777778vw, 634px);
    top: 0;
    z-index: 2;
  }
  .p-item--02 {
    width: clamp(85.625px, 9.5138888889vw, 137px);
    left: clamp(264.375px, 29.375vw, 423px);
    top: clamp(33.125px, 3.6805555556vw, 53px);
    z-index: 2;
  }
  .p-item--03 {
    width: clamp(95px, 10.5555555556vw, 152px);
    left: clamp(134.375px, 14.9305555556vw, 215px);
    top: clamp(95px, 10.5555555556vw, 152px);
    z-index: 2;
  }
  .p-item--04 {
    width: clamp(46.875px, 5.2083333333vw, 75px);
    left: clamp(291.875px, 32.4305555556vw, 467px);
    top: clamp(240.625px, 26.7361111111vw, 385px);
    z-index: 2;
  }
  .p-item--05 {
    width: clamp(227.5px, 25.2777777778vw, 364px);
    left: clamp(0px, 0vw, 0px);
    top: clamp(363.125px, 40.3472222222vw, 581px);
    z-index: 2;
  }
  .p-item--06 {
    width: clamp(247.5px, 27.5vw, 396px);
    left: clamp(529.375px, 58.8194444444vw, 847px);
    top: clamp(397.5px, 44.1666666667vw, 636px);
    z-index: 2;
  }
  .p-item--07 {
    width: clamp(66.25px, 7.3611111111vw, 106px);
    left: clamp(398.125px, 44.2361111111vw, 637px);
    top: clamp(473.75px, 52.6388888889vw, 758px);
    z-index: 2;
  }
  .p-item--08 {
    width: clamp(306.875px, 34.0972222222vw, 491px);
    left: clamp(529.375px, 58.8194444444vw, 847px);
    top: clamp(553.75px, 61.5277777778vw, 886px);
    z-index: 2;
  }
  .p-item--09 {
    width: clamp(253.75px, 28.1944444444vw, 406px);
    left: clamp(100px, 11.1111111111vw, 160px);
    top: clamp(532.5px, 59.1666666667vw, 852px);
    z-index: 2;
  }
  .p-item--10 {
    width: clamp(48.125px, 5.3472222222vw, 77px);
    left: clamp(159.375px, 17.7083333333vw, 255px);
    top: clamp(711.25px, 79.0277777778vw, 1138px);
    z-index: 2;
  }
  .p-item--11 {
    width: clamp(231.25px, 25.6944444444vw, 370px);
    left: clamp(578.75px, 64.3055555556vw, 926px);
    top: clamp(782.5px, 86.9444444444vw, 1252px);
    z-index: 2;
  }
  .p-item--12 {
    width: clamp(107.5px, 11.9444444444vw, 172px);
    left: clamp(250px, 27.7777777778vw, 400px);
    top: clamp(800px, 88.8888888889vw, 1280px);
    z-index: 2;
  }
  .p-item--13 {
    width: clamp(319.375px, 35.4861111111vw, 511px);
    left: clamp(421.875px, 46.875vw, 675px);
    top: clamp(863.125px, 95.9027777778vw, 1381px);
    z-index: 2;
  }
  .p-item--14 {
    width: clamp(486.25px, 54.0277777778vw, 778px);
    left: clamp(413.75px, 45.9722222222vw, 662px);
    top: clamp(960px, 106.6666666667vw, 1536px);
    z-index: 2;
  }
  .p-item--15 {
    width: clamp(185px, 20.5555555556vw, 296px);
    left: clamp(0px, 0vw, 0px);
    top: clamp(1023.75px, 113.75vw, 1638px);
    z-index: 2;
  }
  .p-item--16 {
    width: clamp(138.125px, 15.3472222222vw, 221px);
    left: clamp(146.25px, 16.25vw, 234px);
    top: clamp(1105.625px, 122.8472222222vw, 1769px);
    z-index: 3;
  }
  .p-item--17 {
    width: clamp(185px, 20.5555555556vw, 296px);
    left: clamp(111.25px, 12.3611111111vw, 178px);
    top: clamp(1268.125px, 140.9027777778vw, 2029px);
    z-index: 2;
  }
  .p-item--18 {
    width: clamp(256.25px, 28.4722222222vw, 410px);
    left: clamp(368.75px, 40.9722222222vw, 590px);
    top: clamp(1286.25px, 142.9166666667vw, 2058px);
    z-index: 2;
  }
  .p-item--19 {
    width: clamp(137.5px, 15.2777777778vw, 220px);
    left: clamp(206.875px, 22.9861111111vw, 331px);
    top: clamp(1366.875px, 151.875vw, 2187px);
    z-index: 2;
  }
  .p-item--20 {
    width: clamp(152.5px, 16.9444444444vw, 244px);
    left: clamp(658.125px, 73.125vw, 1053px);
    top: clamp(1356.25px, 150.6944444444vw, 2170px);
    z-index: 2;
  }
  .p-item--21 {
    width: clamp(152.5px, 16.9444444444vw, 244px);
    left: clamp(517.5px, 57.5vw, 828px);
    top: clamp(1505px, 167.2222222222vw, 2408px);
    z-index: 2;
  }
  .p-item--22 {
    width: clamp(325.625px, 36.1805555556vw, 521px);
    left: clamp(103.75px, 11.5277777778vw, 166px);
    top: clamp(1530.625px, 170.0694444444vw, 2449px);
    z-index: 2;
  }
  .p-item--23 {
    width: clamp(147.5px, 16.3888888889vw, 236px);
    left: clamp(630.625px, 70.0694444444vw, 1009px);
    top: clamp(1636.875px, 181.875vw, 2619px);
    z-index: 2;
  }
  .p-item--24 {
    width: clamp(70.625px, 7.8472222222vw, 113px);
    left: clamp(388.125px, 43.125vw, 621px);
    top: clamp(1647.5px, 183.0555555556vw, 2636px);
    z-index: 2;
  }
  .p-item--25 {
    width: clamp(275px, 30.5555555556vw, 440px);
    left: clamp(84.375px, 9.375vw, 135px);
    top: clamp(1646.875px, 182.9861111111vw, 2635px);
    z-index: 2;
  }
  .p-item--26 {
    width: clamp(268.75px, 29.8611111111vw, 430px);
    left: clamp(518.125px, 57.5694444444vw, 829px);
    top: clamp(1784.375px, 198.2638888889vw, 2855px);
    z-index: 2;
  }
  .p-item--27 {
    width: clamp(288.125px, 32.0138888889vw, 461px);
    left: clamp(246.875px, 27.4305555556vw, 395px);
    top: clamp(1906.25px, 211.8055555556vw, 3050px);
    z-index: 2;
  }
  .p-item--28 {
    width: clamp(60.625px, 6.7361111111vw, 97px);
    left: clamp(153.125px, 17.0138888889vw, 245px);
    top: clamp(1988.125px, 220.9027777778vw, 3181px);
    z-index: 2;
  }
  .p-item--29 {
    width: clamp(213.75px, 23.75vw, 342px);
    left: clamp(686.25px, 76.25vw, 1098px);
    top: clamp(2021.25px, 224.5833333333vw, 3234px);
    z-index: 2;
  }
  .p-item--30 {
    width: clamp(375px, 41.6666666667vw, 600px);
    left: clamp(390.625px, 43.4027777778vw, 625px);
    top: clamp(2202.5px, 244.7222222222vw, 3524px);
    z-index: 2;
  }
}

.p-whats {
  position: relative;
  background: #f8f9ec;
  padding: min(39.7260273973vw, 228.8219178082px) 0 min(13.698630137vw, 78.904109589px);
}
@media screen and (min-width: 730px) {
  .p-whats {
    padding: clamp(87.5px, 9.7222222222vw, 140px) 0 clamp(88.75px, 9.8611111111vw, 142px);
  }
}
.p-whats__title {
  position: absolute;
  width: min(66.5753424658vw, 383.4739726027px);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 0;
  max-width: 320px;
}
@media screen and (min-width: 730px) {
  .p-whats__title {
    width: clamp(203.125px, 22.5694444444vw, 325px);
  }
}
.p-whats__message {
  position: relative;
  margin-top: min(16.4383561644vw, 94.6849315068px);
}
@media screen and (min-width: 730px) {
  .p-whats__message {
    display: flex;
    align-items: end;
    justify-content: center;
    margin-top: clamp(50px, 5.5555555556vw, 80px);
    gap: clamp(12.5px, 1.3888888889vw, 20px);
  }
}
.p-whats__message__text {
  color: #46934a;
  background-image: url(../img/bg-message.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: min(12.3287671233vw, 71.0136986301px) min(12.8767123288vw, 74.1698630137px) min(8.2191780822vw, 47.3424657534px);
  width: min(90.4109589041vw, 520.7671232877px);
  height: min(86.5753424658vw, 498.6739726027px);
  margin: 0 auto;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 730px) {
  .p-whats__message__text {
    padding: clamp(51.875px, 5.7638888889vw, 83px) clamp(68.75px, 7.6388888889vw, 110px);
    width: clamp(412.5px, 45.8333333333vw, 660px);
    height: clamp(375px, 41.6666666667vw, 600px);
  }
}
.p-whats__message__text h2 {
  font-size: min(3.5616438356vw, 20.5150684932px);
  margin-bottom: 1em;
}
@media screen and (min-width: 730px) {
  .p-whats__message__text h2 {
    font-size: clamp(12.5px, 1.3888888889vw, 20px);
  }
}
.p-whats__message__text p {
  font-size: min(2.7397260274vw, 15.7808219178px);
  line-height: min(4.1095890411vw, 23.6712328767px);
  margin: 0;
}
@media screen and (min-width: 730px) {
  .p-whats__message__text p {
    font-size: clamp(11.25px, 1.25vw, 18px);
    line-height: clamp(20px, 2.2222222222vw, 32px);
  }
}
.p-whats__message__text p:not(:last-child) {
  margin-bottom: 1em;
}
.p-whats__message__image {
  border-radius: 50%;
  overflow: hidden;
  width: min(25.4794520548vw, 146.7616438356px);
  top: min(-5.4794520548vw, -31.5616438356px);
  right: 0;
  position: absolute;
}
.p-whats__message__image img {
  width: 100%;
}
@media screen and (min-width: 730px) {
  .p-whats__message__image {
    width: clamp(255.625px, 28.4027777778vw, 409px);
    position: inherit;
  }
}

.p-whats-item {
  position: relative;
  width: 100%;
  height: min(504.1095890411vw, 2903.6712328767px);
  overflow-x: hidden;
}
@media screen and (min-width: 730px) {
  .p-whats-item {
    height: clamp(1500px, 166.6666666667vw, 2400px);
  }
}
.p-whats-item__inner {
  position: relative;
  width: 100%;
  max-width: 576px;
  height: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 730px) {
  .p-whats-item__inner {
    min-width: 900px;
    max-width: none;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
  }
}
@media screen and (min-width: 900px) {
  .p-whats-item__inner {
    transform: none;
    left: auto;
    position: inherit;
    max-width: 1440px;
  }
}
.p-whats-item__text {
  position: absolute;
  opacity: 0;
}
.p-whats-item__text--right {
  transform: translateX(20px);
}
.p-whats-item__text--left {
  transform: translateX(-20px);
}
.p-whats-item__img {
  position: absolute;
  opacity: 0;
}
.p-whats-item__img--01 {
  width: min(38.3561643836vw, 220.9315068493px);
  left: min(49.3150684932vw, 284.0547945205px);
  top: 0;
}
.p-whats-item__img--02 {
  width: min(25.7534246575vw, 148.3397260274px);
  left: min(65.7534246575vw, 378.7397260274px);
  top: min(86.301369863vw, 497.095890411px);
}
.p-whats-item__img--03 {
  width: min(43.5616438356vw, 250.9150684932px);
  left: min(9.0410958904vw, 52.0767123288px);
  top: min(62.7397260274vw, 361.3808219178px);
}
.p-whats-item__img--04 {
  width: min(23.2876712329vw, 134.1369863014px);
  left: min(16.1643835616vw, 93.1068493151px);
  top: min(134.2465753425vw, 773.2602739726px);
}
.p-whats-item__img--05 {
  width: min(67.397260274vw, 388.2082191781px);
  left: min(42.4657534247vw, 244.602739726px);
  top: min(137.2602739726vw, 790.6191780822px);
}
.p-whats-item__img--06 {
  width: min(19.1780821918vw, 110.4657534247px);
  left: min(12.602739726vw, 72.5917808219px);
  top: min(193.9726027397vw, 1117.2821917808px);
}
.p-whats-item__img--07 {
  width: min(38.6301369863vw, 222.5095890411px);
  left: min(12.3287671233vw, 71.0136986301px);
  top: min(332.602739726vw, 1915.7917808219px);
}
.p-whats-item__img--08 {
  width: min(22.7397260274vw, 130.9808219178px);
  left: min(68.4931506849vw, 394.5205479452px);
  top: min(275.8904109589vw, 1589.1287671233px);
}
.p-whats-item__img--09 {
  width: min(58.6301369863vw, 337.7095890411px);
  left: min(-0.2739726027vw, -1.5780821918px);
  top: min(237.5342465753vw, 1368.197260274px);
}
.p-whats-item__img--10 {
  width: min(51.2328767123vw, 295.101369863px);
  left: min(41.3698630137vw, 238.2904109589px);
  top: min(389.3150684932vw, 2242.4547945205px);
}
.p-whats-item__img--11 {
  width: min(12.0547945205vw, 69.4356164384px);
  left: min(18.3561643836vw, 105.7315068493px);
  top: min(409.5890410959vw, 2359.2328767123px);
}
.p-whats-item__img--12 {
  width: min(23.8356164384vw, 137.2931506849px);
  left: min(44.9315068493vw, 258.8054794521px);
  top: min(484.9315068493vw, 2793.2054794521px);
}
.p-whats-item__img--13 {
  width: min(29.3150684932vw, 168.8547945205px);
  left: min(14.5205479452vw, 83.6383561644px);
  top: min(456.9863013699vw, 2632.2410958904px);
}
@media screen and (min-width: 730px) {
  .p-whats-item__img--01 {
    width: clamp(196.875px, 21.875vw, 315px);
    left: clamp(203.75px, 22.6388888889vw, 326px);
    top: 0;
  }
  .p-whats-item__img--02 {
    width: clamp(132.5px, 14.7222222222vw, 212px);
    left: clamp(613.125px, 68.125vw, 981px);
    top: clamp(135px, 15vw, 216px);
  }
  .p-whats-item__img--03 {
    width: clamp(223.75px, 24.8611111111vw, 358px);
    left: clamp(328.125px, 36.4583333333vw, 525px);
    top: clamp(268.75px, 29.8611111111vw, 430px);
  }
  .p-whats-item__img--04 {
    width: clamp(119.375px, 13.2638888889vw, 191px);
    left: clamp(203.125px, 22.5694444444vw, 325px);
    top: clamp(407.5px, 45.2777777778vw, 652px);
  }
  .p-whats-item__img--05 {
    width: clamp(345.625px, 38.4027777778vw, 553px);
    left: clamp(436.25px, 48.4722222222vw, 698px);
    top: clamp(435.625px, 48.4027777778vw, 697px);
  }
  .p-whats-item__img--06 {
    width: clamp(98.75px, 10.9722222222vw, 158px);
    left: clamp(130px, 14.4444444444vw, 208px);
    top: clamp(664.375px, 73.8194444444vw, 1063px);
  }
  .p-whats-item__img--07 {
    width: clamp(198.75px, 22.0833333333vw, 318px);
    left: clamp(575px, 63.8888888889vw, 920px);
    top: clamp(781.875px, 86.875vw, 1251px);
  }
  .p-whats-item__img--08 {
    width: clamp(116.25px, 12.9166666667vw, 186px);
    left: clamp(626.25px, 69.5833333333vw, 1002px);
    top: clamp(886.25px, 98.4722222222vw, 1418px);
  }
  .p-whats-item__img--09 {
    width: clamp(302.5px, 33.6111111111vw, 484px);
    left: clamp(123.75px, 13.75vw, 198px);
    top: clamp(838.125px, 93.125vw, 1341px);
  }
  .p-whats-item__img--10 {
    width: clamp(262.5px, 29.1666666667vw, 420px);
    left: clamp(441.25px, 49.0277777778vw, 706px);
    top: clamp(1086.875px, 120.7638888889vw, 1739px);
  }
  .p-whats-item__img--11 {
    width: clamp(62.5px, 6.9444444444vw, 100px);
    left: clamp(193.125px, 21.4583333333vw, 309px);
    top: clamp(1127.5px, 125.2777777778vw, 1804px);
  }
  .p-whats-item__img--12 {
    width: clamp(121.25px, 13.4722222222vw, 194px);
    left: clamp(596.25px, 66.25vw, 954px);
    top: clamp(1253.75px, 139.3055555556vw, 2006px);
  }
  .p-whats-item__img--13 {
    width: clamp(149.375px, 16.5972222222vw, 239px);
    left: clamp(314.375px, 34.9305555556vw, 503px);
    top: clamp(1290.625px, 143.4027777778vw, 2065px);
  }
}
.p-whats-item__text--01 {
  width: min(42.4657534247vw, 244.602739726px);
  left: min(29.3150684932vw, 168.8547945205px);
  top: min(27.1232876712vw, 156.2301369863px);
}
.p-whats-item__text--02 {
  width: min(43.0136986301vw, 247.7589041096px);
  left: min(28.7671232877vw, 165.698630137px);
  top: min(100.8219178082vw, 580.7342465753px);
}
.p-whats-item__text--03 {
  width: min(58.904109589vw, 339.2876712329px);
  left: min(21.095890411vw, 121.5123287671px);
  top: min(206.0273972603vw, 1186.7178082192px);
}
.p-whats-item__text--04 {
  width: min(58.904109589vw, 339.2876712329px);
  left: min(20.8219178082vw, 119.9342465753px);
  top: min(290.9589041096vw, 1675.9232876712px);
}
.p-whats-item__text--05 {
  width: min(51.7808219178vw, 298.2575342466px);
  left: min(24.6575342466vw, 142.0273972603px);
  top: min(350.1369863014vw, 2016.7890410959px);
}
.p-whats-item__text--06 {
  width: min(55.0684931507vw, 317.1945205479px);
  left: min(23.0136986301vw, 132.5589041096px);
  top: min(421.095890411vw, 2425.5123287671px);
}
@media screen and (min-width: 730px) {
  .p-whats-item__text--01 {
    width: clamp(131.25px, 14.5833333333vw, 210px);
    left: clamp(170.625px, 18.9583333333vw, 273px);
    top: clamp(160px, 17.7777777778vw, 256px);
  }
  .p-whats-item__text--02 {
    width: clamp(131.25px, 14.5833333333vw, 210px);
    left: clamp(520.625px, 57.8472222222vw, 833px);
    top: clamp(250px, 27.7777777778vw, 400px);
  }
  .p-whats-item__text--03 {
    width: clamp(180.625px, 20.0694444444vw, 289px);
    left: clamp(257.5px, 28.6111111111vw, 412px);
    top: clamp(586.25px, 65.1388888889vw, 938px);
  }
  .p-whats-item__text--04 {
    width: clamp(180.625px, 20.0694444444vw, 289px);
    left: clamp(424.375px, 47.1527777778vw, 679px);
    top: clamp(853.125px, 94.7916666667vw, 1365px);
  }
  .p-whats-item__text--05 {
    width: clamp(161.875px, 17.9861111111vw, 259px);
    left: clamp(276.875px, 30.7638888889vw, 443px);
    top: clamp(1133.75px, 125.9722222222vw, 1814px);
  }
  .p-whats-item__text--06 {
    width: clamp(168.75px, 18.75vw, 270px);
    left: clamp(494.375px, 54.9305555556vw, 791px);
    top: clamp(1356.875px, 150.7638888889vw, 2171px);
  }
}

.c-btn {
  display: block;
  border: 1px solid #000;
  font-size: min(3.8356164384vw, 22.0931506849px);
  line-height: min(10.4109589041vw, 59.9671232877px);
  text-align: center;
  width: min(40vw, 230.4px);
  border-radius: min(6.5753424658vw, 37.8739726027px);
}
@media screen and (min-width: 730px) {
  .c-btn {
    font-size: clamp(8.75px, 0.9722222222vw, 14px);
    line-height: clamp(23.75px, 2.6388888889vw, 38px);
    width: clamp(91.25px, 10.1388888889vw, 146px);
    border-radius: clamp(15px, 1.6666666667vw, 24px);
  }
}
.c-btn:hover {
  background: #46934a;
  color: #fff;
  border-color: #46934a;
}

.p-sachiyo {
  padding: min(19.7260273973vw, 113.6219178082px) 0 min(13.698630137vw, 78.904109589px);
}
@media screen and (min-width: 730px) {
  .p-sachiyo {
    padding: clamp(81.25px, 9.0277777778vw, 130px) 0 clamp(100px, 11.1111111111vw, 160px);
  }
}
.p-sachiyo .l-container {
  margin: 0 auto;
  max-width: 500px;
}
@media screen and (min-width: 730px) {
  .p-sachiyo .l-container {
    max-width: 820px;
    width: fit-content;
  }
}
.p-sachiyo h2 {
  margin: 0 auto;
  width: min(60.5479452055vw, 348.7561643836px);
}
@media screen and (min-width: 730px) {
  .p-sachiyo h2 {
    width: clamp(276.875px, 30.7638888889vw, 443px);
  }
}
.p-sachiyo__inner {
  margin-top: clamp(37.5px, 4.1666666667vw, 60px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: min(8.2191780822vw, 47.3424657534px);
}
@media screen and (min-width: 730px) {
  .p-sachiyo__inner {
    flex-direction: row;
    gap: clamp(12.5px, 1.3888888889vw, 20px);
  }
}
.p-sachiyo__text {
  width: 85%;
}
@media screen and (min-width: 730px) {
  .p-sachiyo__text {
    width: clamp(197.5px, 21.9444444444vw, 316px);
  }
}
.p-sachiyo__text p {
  font-size: min(3.2876712329vw, 18.9369863014px);
  line-height: min(6.0273972603vw, 34.7178082192px);
}
@media screen and (min-width: 730px) {
  .p-sachiyo__text p {
    font-size: clamp(10px, 1.1111111111vw, 16px);
    line-height: clamp(18.75px, 2.0833333333vw, 30px);
  }
}
.p-sachiyo__text .c-btn {
  margin-top: 1em;
}
.p-sachiyo__image {
  width: 100%;
}
.p-sachiyo__image img {
  width: 100%;
}
@media screen and (min-width: 730px) {
  .p-sachiyo__image {
    width: clamp(305px, 33.8888888889vw, 488px);
  }
}

.p-contact {
  background: #cee1ec;
  padding: min(16.4383561644vw, 94.6849315068px) 0;
}
@media screen and (min-width: 730px) {
  .p-contact {
    padding: clamp(62.5px, 6.9444444444vw, 100px) 0;
  }
}
.p-contact .l-container {
  max-width: 500px;
}
@media screen and (min-width: 730px) {
  .p-contact .l-container {
    max-width: clamp(550px, 61.1111111111vw, 880px);
  }
}
.p-contact__head {
  margin-bottom: min(8.2191780822vw, 47.3424657534px);
  text-align: center;
}
@media screen and (min-width: 730px) {
  .p-contact__head {
    margin-bottom: clamp(25px, 2.7777777778vw, 40px);
  }
}
.p-contact__title {
  width: min(35.6164383562vw, 205.1506849315px);
  margin: 0 auto min(6.5753424658vw, 37.8739726027px);
}
@media screen and (min-width: 730px) {
  .p-contact__title {
    width: clamp(179.375px, 19.9305555556vw, 287px);
    margin: 0 auto clamp(15px, 1.6666666667vw, 24px);
  }
}
.p-contact table {
  margin: 0 auto;
  width: 100%;
  max-width: 895px;
}
.p-contact table .is-required {
  float: right;
  font-size: min(2.7397260274vw, 15.7808219178px);
}
@media (min-width: 730px) {
  .p-contact table .is-required {
    font-size: clamp(7.5px, 0.8333333333vw, 12px);
  }
}
.p-contact table td, .p-contact table th {
  display: block;
  width: 100%;
}
@media (min-width: 730px) {
  .p-contact table td, .p-contact table th {
    display: table-cell;
  }
}
.p-contact table th {
  color: #2d6ba3;
  font-size: min(3.2876712329vw, 18.9369863014px);
  text-align: left;
  padding: 0.5em 1em 0.5em 0;
}
@media (min-width: 730px) {
  .p-contact table th {
    width: clamp(168.75px, 18.75vw, 270px);
    font-size: clamp(10px, 1.1111111111vw, 16px);
  }
}
.p-contact table td {
  padding: 0.5em 0;
}
@media (min-width: 730px) {
  .p-contact table td {
    width: auto;
  }
}
.p-contact select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  width: 100%;
}
.p-contact input, .p-contact select, .p-contact textarea {
  background: #fff;
  color: #46934a;
  width: 100%;
  padding: 1em;
}
.p-contact button {
  background: #46934a;
  color: #fff;
  line-height: min(10.9589041096vw, 63.1232876712px);
  width: min(32.8767123288vw, 189.3698630137px);
  margin: min(6.5753424658vw, 37.8739726027px) auto 0;
  display: block;
  font-size: min(3.8356164384vw, 22.0931506849px);
}
@media (min-width: 730px) {
  .p-contact button {
    line-height: clamp(35px, 3.8888888889vw, 56px);
    width: clamp(75px, 8.3333333333vw, 120px);
    margin: clamp(15px, 1.6666666667vw, 24px) auto 0;
    display: block;
    font-size: clamp(10px, 1.1111111111vw, 16px);
  }
}

#pageFooter {
  clear: both;
}

#pageFooter .container {
  overflow: hidden;
  padding: 20px 0 25px 0;
}

#pageFooter .container .footerNavi {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-bottom: 20px;
}
@media screen and (min-width: 576px) {
  #pageFooter .container .footerNavi {
    flex-direction: row;
    gap: 24px;
  }
}
@media screen and (min-width: 1000px) {
  #pageFooter .container .footerNavi {
    float: right;
  }
}

#pageFooter .container .footerNavi li a {
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden;
}

#pageFooter .container .footerNavi li a:hover {
  opacity: 0.8;
}

#pageFooter .container .footerNavi li.fNavi01 a {
  display: block;
  width: 159px;
  height: 41px;
  background: url(https://kotos.jp/images/footer/btn_footer_inquiry.jpg) no-repeat;
}

#pageFooter .container .footerNavi li.fNavi02 a {
  display: block;
  width: 96px;
  height: 41px;
  background: url(https://kotos.jp/images/footer/btn_footer_sitemap.jpg) no-repeat;
}

#pageFooter .container .footerNavi li.fNavi03 a {
  display: block;
  width: 126px;
  height: 41px;
  background: url(https://kotos.jp/images/footer/btn_footer_privacy.jpg) no-repeat;
}

#pageFooter .container .address {
  float: left;
}

#pageFooter .container .address .companyName {
  float: left;
  margin-right: 30px;
}

address {
  font-style: normal;
}

#pageFooter .container .address .companyName a {
  display: block;
  width: 253px;
  height: 55px;
  background: url(https://kotos.jp/images/logo/footerLogo.jpg) no-repeat;
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden;
}

#pageFooter .container .address .companyName a:hover {
  opacity: 0.8;
}

#pageFooter .container .address .addressInner {
  float: left;
  padding-top: 12px;
}

#pageFooter .container .address .addressInner address,
#pageFooter .container .address .addressInner p {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  line-height: 1.4em;
}

#pageFooter .container .address .addressInner address {
  margin-bottom: 3px;
}

#copyright {
  clear: both;
  padding-top: 12px;
  font-size: 12px;
}

.p-body-mail__content {
  background: #cee1ec;
}
.p-body-mail__content .form-box {
  padding: 80px 0;
  margin-bottom: 20px;
}
.p-body-mail__content .form-box h2 {
  color: #46934a;
  text-align: center;
}
.p-body-mail__content .form-box h5 {
  margin: 2em 0;
}
@media screen and (min-width: 425px) {
  .p-body-mail__content .form-box h5 {
    text-align: center;
  }
}
.p-body-mail__content .form-box th {
  color: #46934a;
  padding: 1em 2em 1em 0;
}
.p-body-mail__content .form-box td {
  padding: 1em 0;
}
.p-body-mail__content .form-box table {
  margin: 40px auto;
}
.p-body-mail__content .form-box #formWrap {
  width: fit-content;
  margin: 0 auto;
}
.p-body-mail__content input[type=submit], .p-body-mail__content input[type=button], .p-body-mail__content .cv-btn {
  background: #46934a;
  color: #fff;
  line-height: min(10.9589041096vw, 63.1232876712px);
  width: min(32.8767123288vw, 189.3698630137px);
  margin: min(6.5753424658vw, 37.8739726027px) auto 0;
  display: block;
  font-size: min(3.8356164384vw, 22.0931506849px);
}
@media (min-width: 730px) {
  .p-body-mail__content input[type=submit], .p-body-mail__content input[type=button], .p-body-mail__content .cv-btn {
    line-height: clamp(35px, 3.8888888889vw, 56px);
    width: clamp(75px, 8.3333333333vw, 120px);
    margin: clamp(15px, 1.6666666667vw, 24px) auto 0;
    display: block;
    font-size: clamp(10px, 1.1111111111vw, 16px);
  }
}
.p-body-mail__content input[type=button] {
  background: #999;
}
.p-body-mail__content .cv-btn {
  width: min(54.7945205479vw, 315.6164383562px);
}

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