@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

.m-plus-rounded-1c-light {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.m-plus-rounded-1c-medium {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.m-plus-rounded-1c-bold {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}
:root {
  --base-green: #6CB381;
  --txt-green:#408E57;
  --base-txtColor:#20001F;
  --white:#fff;

  --gap-1-2:calc(var(--gap-base) / 2); /*8px*/
  --gap-base: 16px;
  --gap-x1-5:calc(var(--gap-base) * 1.5); /*24px*/
  --gap-x2:calc(var(--gap-base) * 2); /*32px*/
  --gap-x2-5:calc(var(--gap-base) * 2.5); /*40px*/
  --gap-x3:calc(var(--gap-base) * 3);/*48px*/
  --gap-x3-5:calc(var(--gap-base) * 3.5); /*56px*/ 
  --gap-x4:calc(var(--gap-base) * 4);/*64px*/

  --line-base: 1.5;
  --line-heading: 1.3;

  --font-txt-xl:22px;
  --font-txt-l: 20px;
  --font-txt-m: 18px;
  --font-base: 16px;
  --font-txt-s:14px;
  --font-txt-xs:12px;

  --ttl-type01: 30px;
  --ttl-type02: 28px;
  --ttl-type03: 24px;
  --ttl-type04: 20px;

}
@media (max-width: 768px) {
  :root {
    --gap-base: calc((12 / 390) * 100vw);

    --font-txt-xl: calc((21 / 390) * 100vw);
    --font-txt-l: calc((19 / 390) * 100vw);
    --font-txt-m: calc((17 / 390) * 100vw);
    --font-base: calc((15 / 390) * 100vw);
    --font-txt-s:calc((13 / 390) * 100vw);
    --font-txt-xs: calc((11 / 390) * 100vw);

    --ttl-type01: calc((32 / 390) * 100vw);
    --ttl-type02: calc((24 / 390) * 100vw);
    --ttl-type03: calc((20 / 390) * 100vw);
    --ttl-type04: calc((18 / 390) * 100vw);
    }
}


html { font-size: 62.5%;overflow-x: hidden; }
body {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  background: #EFFFEA;
 width: 100%;
   font-size: var(--font-base);
     line-height: var(--line-base);
}

a{transition: .4s ease;}


/* button */
.el_btn {
  position: relative;
  display:  inline-block;
  min-width:  236px;
  max-width: 100%;
  padding:  .2em 1.5em .2em 1em;
  border:  2px solid transparent;
  border-radius:  10px;
  font-size:  1.8rem;
  text-align:  center;
  text-decoration:  none;
}

.btn01{
  background-color:  var(--base-green);
  color: var(--white);
  border-color: var(--base-green);
}

.btn02{
  background-color: var(--white);
  color: var(--base-green);
  border-color: var(--white);
}

.btn01:focus,
.btn01:hover {
  background-color: var(--white);
  border-color:  currentColor;
  color: var(--base-green);
}

.btn02:focus,
.btn02:hover {
  background-color: var(--base-green);
  border-color: var(--base-green);
  color: var(--white);
}

.__right::after{
 content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent currentColor;
  position: absolute;
  top: 0;
  right: .5em;
  bottom: 0;
  margin: auto;
}

.mgn-auto{
  margin-right: auto;
  margin-left: auto;
}
.br--sp,
.br--tb,
.br--pc {
  display: contents;
}

@media (max-width: 767px) {
  .br--sp {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .br--tb {
    display: block;
  }
}

@media (min-width: 1025px) {
  .br--pc {
    display: block;
  }
}


.ttl-type01{
  font-size: var(--ttl-type01);
  font-weight: 500;
}
.ttl-type02{
  font-size: var(--ttl-type02);
  font-weight: 500;
}
.ttl-type03{
  font-size: var(--ttl-type03);
font-weight: 500;
}
.ttl-type04{
  font-size: var(--ttl-type04);
  font-weight: 500;
}
.col-green{color: var(--txt-green);}
.bg-green{background-color: var(--base-green);}
.line-heading{
line-height: var(--line-heading);
}
.u-txt-c{text-align: center;}
.u-txt-r{text-align: right;}
.u-txt-l{text-align: left;}
.u-txt-note{font-size: var(--txt-note);line-height: 1.3;} /* 注記 */
.u-bold{font-weight: 500;}
.u-x-bold{font-weight: 700;}
.u-txt-s{font-size: var(--font-txt-s);}
.u-txt-m{font-size: var(--font-txt-m);}
.u-txt-l{font-size: var(--font-txt-l);}
.u-txt-xl{font-size: var(--font-txt-xl);}
.u-underline{border-bottom: 1px solid currentColor;}
.u-nowrap{ white-space: nowrap;}


.u-flex{
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-base);
}

@media (min-width: 769px) {
.u-col-2--pc .item{
width: calc((100% - var(--gap-x2)) / 2);
}  
.u-col-3--pc .item{
width: calc((100% - var(--gap-x2)) / 3);
}
}
@media (max-width: 768px) {
.u-col-1--sp .item{
width: 100%;
}

}

/* list */
ul.disc li {
  position: relative;
  padding-left: 1em; 
  text-indent: -1em;
}

ul.disc li::before {
  content: '・'; 
  font-weight: bold;
display: inline;
}


/* gap */
.u-mt-xs{margin-top: var(--gap-1-2);}
.u-mt-s{margin-top: var(--gap-base);}
.u-mt-m{margin-top: var(--gap-x1-5);}
.u-mt-l{margin-top: var(--gap-x2);}
.u-mt-xl{margin-top: var(--gap-x2-5);}
.u-mb-xs{margin-bottom: var(--gap-1-2);}
.u-mb-s{margin-bottom: var(--gap-base);}
.u-mb-m{margin-bottom: var(--gap-x1-5);}
.u-mb-l{margin-bottom: var(--gap-x2);}
.u-mb-xl{margin-bottom: var(--gap-x2-5);}
.u-pt-xs{padding-top: var(--gap-1-2);}
.u-pt-s{padding-top: var(--gap-base);}
.u-pt-m{padding-top: var(--gap-x1-5);}
.u-pt-l{padding-top: var(--gap-x2);}
.u-pt-xl{padding-top: var(--gap-x2-5);}
.u-pb-xs{padding-bottom: var(--gap-1-2);}
.u-pb-s{padding-bottom: var(--gap-base);}
.u-pb-m{padding-bottom: var(--gap-x1-5);}
.u-pb-l{padding-bottom: var(--gap-x2);}
.u-pb-xl{padding-bottom: var(--gap-x2-5);}


.u-pl-xs{padding-left: var(--gap-1-2);}
.u-pl-s{padding-left: var(--gap-base);}
.u-pl-m{padding-left: var(--gap-x1-5);}
.u-pl-l{padding-left: var(--gap-x2);}
.u-pl-xl{padding-left: var(--gap-x2-5);}
.u-pr-xs{padding-right: var(--gap-1-2);}
.u-pr-s{padding-right: var(--gap-base);}
.u-pr-m{padding-right: var(--gap-x1-5);}
.u-pr-l{padding-right: var(--gap-x2);}
.u-pr-xl{padding-right: var(--gap-x2-5);}





.u-w100p{width: 100%;}

@media (min-width: 768px) {
.u-w30p--pc{width: 30%;}
.u-w35p--pc{width: 35%;}
.u-w40p--pc{width: 40%;}
.u-w45p--pc{width: 45%;} 
.u-w50p--pc{width: 50%;}
.u-w55p--pc{width: 55%;}
.u-w60p--pc{width: 60%;}
.u-w65p--pc{width: 65%;}
.u-w70p--pc{width: 70%;}
.u-w75p--pc{width: 75%;}
.u-w80p--pc{width: 80%;}
.u-w85p--pc{width: 85%;}
.u-w90p--pc{width: 90%;}
.u-w95p--pc{width: 95%;}
.u-w100p--pc{width: 100%;}
}


@media (max-width: 768px) {
.u-w50p--sp{width: 50%;}
.u-w55p--sp{width: 55%;}
.u-w60p--sp{width: 60%;}
.u-w65p--sp{width: 65%;}
.u-w70p--sp{width: 70%;}
.u-w75p--sp{width: 75%;}
.u-w80p--sp{width: 80%;}
.u-w85p--sp{width: 85%;}
.u-w90p--sp{width: 90%;}
.u-w95p--sp{width: 95%;}
.u-w100p--sp{width: 100%;}
}




@media (min-width: 769px) {
  .tel-link {
    pointer-events: none;
    color: inherit;
    text-decoration: none;
  }
}