/* Theme Name: CUBIC
Description: CUBIC Template
Author: kashimura co.ltd..
*/
:root {
  --color-accent: #ff4291;
  --color-bg-yellow: #ffff00;
  --color-bg-pink: #fce5e3;
  --color-bg-green: #00c800;
  --color-bg-footer: #373535;
  --color-bg-menu: #f8f8f8;
  --color-line-menu: #231815;
  --color-gray-border: #e6e6e6;
  --color-brown: #7c3900;
  --color-white: #fff;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
}

body {
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.63875;
  font-size: clamp(0.875rem, 0.22rem + 3.28vw, 2.063rem);
}

ul,
li {
  list-style: none;
}

a {
  display: inline-block;
  transition: 0.5s;
}

a:hover {
  opacity: 0.7;
}

img {
  display: inline-block;
  clear: both;
  max-width: 100%;
  height: auto;
}

.in {
  width: 90%;
  max-width: 1220px;
  margin: auto;
}

.bg-accent {
  background: var(--color-bg-yellow);
}
.bg-accent--pink {
  background: var(--color-bg-pink);
}

.bg-triangle--top {
  position: relative;
  padding-top: 9vw;
}
.bg-triangle--top::before {
  content: "";
  position: absolute;
  height: 9vw;
  width: 100%;
  clip-path: polygon(50% 100%, 100% 0%, 0% 0%);
  background-color: #fff;
  left: 0;
  top: -1px;
}

.bg-triangle--bottom {
  position: relative;
  margin-bottom: 9vw;
}
.bg-triangle--bottom::after {
  content: "";
  position: absolute;
  height: 9vw;
  width: 100%;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background-color: inherit;
  left: 0;
  bottom: calc(-9vw + 1px);
}

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

.u-text-justify {
  text-align: justify;
}

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

.u-deco-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 10%;
  margin-top: 8vw;
}

.u-deco {
  display: inline-block;
}
.u-deco.mook {
  width: 22vw;
}
.u-deco.maro {
  width: 23vw;
}

.u-bottom-ellipse {
  position: relative;
  padding-top: 7.3958333333%;
}
.u-bottom-ellipse::before {
  content: "";
  position: absolute;
  top: -1px;
  background-image: url(../images/mask-bottom.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 0;
  padding-top: 7.3958333333%;
}
.u-bottom-ellipse.--yellow::before {
  background-image: url(../images/mask-bottom-yellow.png);
}

.u-top-ellipse {
  position: relative;
}
.u-top-ellipse::before {
  content: "";
  position: absolute;
  bottom: calc(100% - 1px);
  background-image: url(../images/mask-top.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 0;
  padding-top: 7.4479166667%;
}

.c-site-logo {
  font-size: 1.1875em;
  font-weight: var(--font-weight-bold);
  padding-top: 0.8em;
  padding-bottom: 1.368em;
  gap: 1em;
}
.c-site-logo .logo {
  width: 19.4871794872vw;
}
footer .c-site-logo {
  padding-bottom: 0.5em;
}

.c-access-info {
  font-weight: var(--font-weight-medium);
  padding-bottom: 5px;
}

footer {
  margin-top: 1.25em;
}

.p-text-support img {
  width: 96%;
}

.p-troubles {
  padding-top: 5vw;
}

.p-solution {
  padding-top: 0.6875em;
}
.p-solution__title {
  font-size: 1.875em;
  font-weight: var(--font-weight-black);
  color: var(--color-brown);
}
.p-solution__sub-title {
  font-size: 1.4375em;
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  background: var(--color-accent);
  border-radius: 20px;
  margin-top: 0.4em;
}
.p-solution__text {
  font-weight: var(--font-weight-medium);
  text-align: justify;
  margin-top: 0.75em;
}

.p-info li {
  font-size: 1.0625em;
  line-height: 1.2505882353;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 1em;
}
.p-info li:not(:first-child) {
  margin-top: 1em;
}
.p-info .label {
  font-size: 0.875em;
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  background: var(--color-accent);
  border-radius: 50%;
  width: 5.5em;
  height: 5.5em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-info__map iframe {
  aspect-ratio: 600/450;
  max-width: 1000px;
  width: 100%;
  height: auto;
}

.p-plan-box-wrap {
  margin-top: 8vw;
}

.p-plan-box {
  border: 2px solid var(--color-brown);
  border-radius: 13.7544px;
  padding: 1em;
}
.p-plan-box .u-flex {
  align-items: center;
  justify-content: space-between;
  padding-right: 1em;
}
.p-plan-box__item:first-of-type {
  border-bottom: 1px solid var(--color-brown);
  padding-bottom: 1.875em;
  margin-bottom: 2.1875em;
}
.p-plan-box__title span {
  font-size: 1.3125em;
  font-weight: var(--font-weight-bold);
  line-height: 2.19;
  color: var(--color-white);
  background: var(--color-bg-green);
  border-radius: 18.7px;
  display: inline-block;
  min-width: 8.5em;
}
.p-plan-box__list {
  font-size: 1.125em;
  font-weight: var(--font-weight-medium);
}
.p-plan-box__list span.price {
  font-size: 1.4em;
  line-height: 0.7142857143;
  color: var(--color-accent);
}
.p-plan-box .p-plan-box__list,
.p-plan-box .p-plan-box__list tbody,
.p-plan-box .p-plan-box__list tr {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.p-plan-box .p-plan-box__list tr {
  padding-top: 1.5em;
}
.p-plan-box .p-plan-box__list th,
.p-plan-box .p-plan-box__list td {
  font-weight: var(--font-weight-medium);
}
.p-plan-box__text {
  font-size: 1.1875em;
  margin-top: 2.5em;
}

.recommendation {
  font-size: 0.625em;
  font-weight: var(--font-weight-bold);
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  border-radius: 50%;
  width: 6.2em;
  height: 6.2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recommendation.hidden {
  opacity: 0;
}

.p-visit {
  font-weight: var(--font-weight-bold);
  color: var(--color-accent);
  margin-top: 1em;
}/*# sourceMappingURL=style.css.map */