@charset "utf-8";

@font-face {
  font-family: "Gotham";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/gotham-book.woff") format("woff");
}

@font-face {
  font-family: "Gotham";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/gotham-bold.woff") format("woff");
}

:root {
  --f-family-serif: "Noto Serif JP", serif;
  --f-family-sans: "Noto Sans JP", sans-serif;
  --f-family-en: Gotham, "Noto Sans JP", sans-serif;
  --color-lgr: #fafafa;
  --color-pk: #EDB0BA;
  --color-pk-rbg: 237, 176, 186;
  --color-gy: #797979;
}

/* ==========================================================
 body
========================================================== */
#content {
  position: relative;
  overflow-x: hidden;
  padding-bottom: 100px;
  letter-spacing: 0;
  font-family: var(--f-family-sans);
  font-size: 14px;
  color: #000;
  text-align: justify;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
}

h2,
h3,
.product_list .type .ttl,
.menu .ttl,
.product_list .area_img .ttl {
  color: var(--color-pk);
  font-family: var(--f-family-en);
  font-weight: 700;
  text-align: center;
}

h2,
h3,
.menu .ttl,
.product_list .area_img .ttl {
  color: var(--color-pk);
  font-size: 24px;
}

.product_list .type .ttl,
.faq .list-faq .wrap-aco .ttl,
.menu .ttl {
  margin-bottom: 15px;
}

h3 {
  padding-top: 40px;
  border-top: 0.5px solid #d5d3d3;
  margin-bottom: 40px;
}

h2 {
  margin-bottom: 60px;
}



.product_list .type .ttl,
.faq .list-faq .wrap-aco .ttl {
  font-size: 20px;
  color: var(--color-gy);
}

.txt-01 {
  line-height: 1.8;
  text-align: center;
}

section .outer {
  width: min(1100px, 100%);
  margin: 0 auto;
  padding-top: 100px;
}

.list-dot li {
  margin-left: 1.5em;
  list-style: disc;
}

.list-dot li a {
  text-decoration: underline;
}

/* btn
---------------------------------------------------------- */
.btn-01 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  text-align: center;
  border-radius: 5px;
  transition: color 0.5s ease-out, background-color 0.5s ease-out;
}

a.btn-01 {
  color: var(--color-pk);
  background: #fff;
  border: 1px solid var(--color-pk);
}

span.btn-01 {
  color: #333;
  background: rgba(var(--color-pk-rbg), 0.3);
}

/* icon
---------------------------------------------------------- */
.wrap-ico,
.wrap-ico .ico {
  display: -ms-flexbox;
  display: flex;
}

.wrap-ico .ico {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wrap-ico {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  margin-bottom: 15px;
  gap: 2px;
}

.wrap-ico .ico {
  flex-shrink: 0;
  width: calc(33.33% - 2px);
}

.wrap-ico .ico {
  height: 28px;
  margin-bottom: 2px;
  line-height: 1.15;
  letter-spacing: -0.04em;
  color: #333;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  border-radius: 2px;
}

#content .wrap-ico .ico-01 {
  background: #E1F5FE;
}

#content .wrap-ico .ico-02 {
  background: #F1F8E9;
}

#content .wrap-ico .ico-03 {
  background: #FFFDE7;
}

#content .wrap-ico .ico-04 {
  background: #FCE4EC;
}

#content .wrap-ico .ico-05 {
  background: #FFEBEE;
}

#content .wrap-ico .ico-06 {
  background: #F3E5F5;
}

#content .wrap-ico .ico-07 {
  background: #E3F2FD;
}

#content .wrap-ico .ico-08 {
  background: #EFEBE9;
}

#content .wrap-ico .ico-09 {
  background: #E0F2F1;
}

#content .wrap-ico .ico-10 {
  background: #FAFAFA;
}

#content .wrap-ico .ico-11 {
  background: #FFF8E1;
}

#content .wrap-ico .ico-12 {
  background: #F9FBE7;
}

#content .wrap-ico .ico-13 {
  background: #ECEFF1;
}

#content .wrap-ico .ico-14 {
  background: #E8EAF6;
}

#content .wrap-ico .ico-15 {
  background: #EDE7F6;
}

#content .wrap-ico .ico-16 {
  background: #FBE9E7;
}

#content .wrap-ico .ico-17 {
  background: #FFF3E0;
}

#content .wrap-ico .ico-18 {
  background: #fff7ee;
}

#content .wrap-ico .ico-19 {
  background: #E0F7FA;
}

#content .wrap-ico .ico-20 {
  background: #E8F5E9;
}
#content .wrap-ico .ico-21 {
  background: #c3e2f0;
}
#content .wrap-ico .ico-22 {
  background: #fde0cd;
}
#content .wrap-ico .ico-23 {
  background: #dcdcff;
}


/* ==========================================================
 min-width: 769px
========================================================== */
@media screen and (min-width: 769px) {

  a.btn-01:hover {
    color: #fff;
    background: var(--color-pk);
  }
}

/* ==========================================================
 max-width: 768px
========================================================== */
@media screen and (min-width: 1px) and (max-width: 768px) {

  #content {
    padding-bottom: 20px;
  }

  section .outer {
    padding: 80px 10px 0;
  }

  h2,
  h3,
  .product_list .type .ttl,
  .faq .list-faq .wrap-aco .ttl,
  .product_list .area_img .ttl {
    font-size: 20px;
  }

  h3 {
    margin-bottom: 20px;
  }

  h2 {
    margin-bottom: 40px;
  }
}