@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato&family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@200..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Syne:wght@400..800&display=swap");
@media screen and (min-width: 769px) {
  .pc_only {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .pc_only {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .sp_only {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .sp_only {
    display: block;
  }
}

html {
  width: 100%;
  margin: 0 auto;
  font-size: 0.715vw;
  color: #000;
}
@media screen and (min-width: 1401px) {
  html {
    font-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  html {
    min-width: 100%;
    font-size: 1.334vw;
  }
}

@media screen and (max-width: 768px) {
  .head-wrap {
    min-height: 10em;
  }
}

/* ヘッダー */
@media screen and (max-width: 768px) {
  .head-wrap #btnOpen {
    padding: 0 4rem;
  }
}

@media screen and (max-width: 768px) {
  .head-wrap #baseMenu li a {
    height: 6em;
  }
}

@media screen and (max-width: 768px) {
  .head-wrap #baseMenu li svg {
    width: 4rem;
  }
}

@media screen and (max-width: 768px) {
  #spNav {
    padding: 15rem 5rem;
  }
}

@media screen and (max-width: 768px) {
  #spNav #spNavClose {
    right: 3rem;
    top: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .nav-list {
    font-size: 3rem;
    text-align: center;
  }
}

/* KV */
@media screen and (max-width: 768px) {
  .top-mv {
    margin-top: -10em;
  }
}

/* KVの高さを100%表示ではなくす */
#topMvSlider .top-mv-box {
  height: initial;
}

@media screen and (max-width: 768px) {
  .scrolldown > span {
    font-size: 2.2rem;
    top: -2em;
  }
}

.kv_item {
  position: absolute;
}
.kv_item img {
  position: relative;
}
@media screen and (min-width: 769px) {
  .kv_item img {
    width: 19.8rem;
    top: -24rem;
    left: 12rem;
  }
}
@media screen and (max-width: 768px) {
  .kv_item img {
    width: 23rem;
    top: -28rem;
    left: 5rem;
  }
}

@media screen and (max-width: 768px) {
  .head-wrap .head-logo {
    padding-left: 4rem;
  }
}

@media screen and (max-width: 768px) {
  .head-logo .logoText {
    font-size: 3rem;
    letter-spacing: 0.1em;
  }
}

@media screen and (max-width: 768px) {
  .top-concept {
    padding-top: 17.5rem;
  }
}

@media screen and (min-width: 769px) {
  .top-concept.text-horizontal {
    padding: 17rem 0 12rem;
  }
}

.top-concept .text-wrap {
  padding-bottom: 0;
}
@media screen and (min-width: 769px) {
  .top-concept .text-wrap {
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .top-concept .text-wrap {
    width: 65rem;
    margin: 0 auto;
  }
}

.top-concept .ttl {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .top-concept .ttl {
    writing-mode: vertical-rl;
    order: 2;
    font-size: 3rem;
    line-height: 5.2rem;
  }
}
@media screen and (max-width: 768px) {
  .top-concept .ttl {
    font-size: 4rem;
    line-height: 6.8rem;
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 769px) {
  .top-concept .btn {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .top-concept .btn {
    margin-top: 6rem;
  }
}

@media screen and (min-width: 769px) {
  .btn a {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 768px) {
  .btn a {
    font-size: 2.8rem;
  }
}

.concept {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .concept {
    writing-mode: vertical-rl;
    order: 1;
    font-size: 1.8rem;
    line-height: 4.7rem;
  }
}
@media screen and (max-width: 768px) {
  .concept {
    font-size: 2.7rem;
    line-height: 5.7rem;
    text-align: justify;
  }
}

@media screen and (min-width: 769px) {
  .concept + .concept {
    padding-right: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .concept + .concept {
    padding-top: 3.5rem;
  }
}

.top-concept .btn {
  display: none;
}

.top-concept-img {
  margin-top: 0;
}

/* 成分表 */
.graph {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .graph {
    width: 110rem;
  }
}
@media screen and (max-width: 768px) {
  .graph {
    width: 65rem;
  }
}

.graph_ttl {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .graph_ttl {
    font-size: 1.7rem;
    padding-bottom: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .graph_ttl {
    font-size: 2.8rem;
    padding-bottom: 2.5rem;
  }
}

.graph img {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .graph img {
    width: 110rem;
  }
}
@media screen and (max-width: 768px) {
  .graph img {
    width: 65rem;
  }
}

.graph_caption {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-align: right;
}
@media screen and (min-width: 769px) {
  .graph_caption {
    font-size: 1.2rem;
    padding-top: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .graph_caption {
    font-size: 2.4rem;
    padding-top: 2.5rem;
  }
}

/* テンペ菌について */
.about_ttl img {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .about_ttl img {
    width: 46.2rem;
    padding-bottom: 9rem;
  }
}
@media screen and (max-width: 768px) {
  .about_ttl img {
    width: 56rem;
    padding-bottom: 7rem;
  }
}

.tempe {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .tempe {
    display: flex;
    justify-content: space-between;
    width: 110rem;
  }
}
@media screen and (max-width: 768px) {
  .tempe {
    width: 65rem;
  }
}

@media screen and (min-width: 769px) {
  .tempe_txt_area {
    width: 37rem;
  }
}
@media screen and (max-width: 768px) {
  .tempe_txt_area {
    width: 65rem;
  }
}

.tempe_ttl {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .tempe_ttl {
    font-size: 3rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  .tempe_ttl {
    font-size: 4.2rem;
    padding-bottom: 3rem;
  }
}

.tempe_ttl::before {
  content: "";
  border-radius: 50%;
  background-color: #fa5023;
}
@media screen and (min-width: 769px) {
  .tempe_ttl::before {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.32em;
  }
}
@media screen and (max-width: 768px) {
  .tempe_ttl::before {
    width: 2rem;
    height: 2rem;
    margin-right: 0.2em;
  }
}

.tempe_txt {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-align: justify;
}
@media screen and (min-width: 769px) {
  .tempe_txt {
    font-size: 1.6rem;
    line-height: 2.7rem;
  }
}
@media screen and (max-width: 768px) {
  .tempe_txt {
    font-size: 2.6rem;
    line-height: 4.2rem;
  }
}

@media screen and (min-width: 769px) {
  .tempe_txt + .tempe_txt {
    padding-top: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  .tempe_txt + .tempe_txt {
    padding-top: 3rem;
  }
}

.tempe_img {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .tempe_img {
    padding-top: 5rem;
  }
}
@media screen and (min-width: 769px) {
  .tempe_img img {
    width: 80rem;
    margin-right: -14rem;
  }
}
@media screen and (max-width: 768px) {
  .tempe_img img {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .slider {
    padding-top: 10rem;
  }
}
@media screen and (max-width: 768px) {
  .slider {
    padding-top: 8rem;
  }
}

@media screen and (min-width: 769px) {
  .slider_img {
    padding: 0 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .slider_img {
    width: 26rem;
    padding: 0 0.5rem;
  }
}

.slider img {
  width: 100%;
}

/* お客様の声 */
@media screen and (min-width: 769px) {
  .voice {
    margin-top: 16rem;
  }
}
@media screen and (max-width: 768px) {
  .voice {
    margin-top: 10rem;
  }
}

.voice_ttl {
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .voice_ttl {
    font-size: 3.6rem;
    padding-bottom: 4.5rem;
  }
}
@media screen and (max-width: 768px) {
  .voice_ttl {
    font-size: 4.6rem;
    padding-bottom: 5rem;
  }
}

.voice_inner {
  background: #f1f0eb;
}

.customer_area {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .customer_area {
    display: flex;
    justify-content: space-between;
    width: 110rem;
    padding: 8rem 0;
  }
}
@media screen and (max-width: 768px) {
  .customer_area {
    display: grid;
    gap: 2rem;
    width: 65rem;
    padding: 5rem 0;
  }
}

.customer {
  background: #fff;
}
@media screen and (min-width: 769px) {
  .customer {
    width: 34.6rem;
    padding: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .customer {
    padding: 5rem;
  }
}

.customer_txt {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-align: justify;
}
@media screen and (min-width: 769px) {
  .customer_txt {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  .customer_txt {
    font-size: 2.6rem;
    line-height: 4.2rem;
  }
}

.customer_name {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-align: right;
}
@media screen and (min-width: 769px) {
  .customer_name {
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .customer_name {
    font-size: 2.5rem;
    line-height: 3.8rem;
    padding-top: 3rem;
  }
}

/* イメージ */
.bg_voice img {
  width: 100%;
}

/* 商品 */
@media screen and (max-width: 768px) {
  .items-wrap {
    padding: 0 6rem 10rem;
  }
}

.items-wrap .ttl-h2 {
  font-weight: 600 !important;
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .items-wrap .ttl-h2 {
    font-size: 3.6rem;
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .items-wrap .ttl-h2 {
    font-size: 4rem;
    margin: 10rem auto 5rem;
  }
}

.items-list > li .items-title {
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  .items-list > li .items-title {
    font-size: 1.8rem;
    margin-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .items-list > li .items-title {
    font-size: 2.6rem;
    margin-top: 2rem;
    width: 90%;
  }
}

.items-list > li .items-price {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  .items-list > li .items-price {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .items-list > li .items-price {
    font-size: 2.5rem;
  }
}

/* お知らせ */
@media screen and (min-width: 769px) {
  .top-info {
    padding-top: 13rem;
  }
}
@media screen and (max-width: 768px) {
  .top-info {
    width: 65rem;
    padding: 10rem 0 8rem;
    margin: 0 auto;
  }
}

.top-info .ttl-h2 {
  font-weight: 600 !important;
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .top-info .ttl-h2 {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 768px) {
  .top-info .ttl-h2 {
    font-size: 4rem;
  }
}

.top-info-list .date, .top-info-list .ttl {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 769px) {
  .top-info-list .date, .top-info-list .ttl {
    font-size: 1.7rem;
    line-height: 2.7rem;
  }
}
@media screen and (max-width: 768px) {
  .top-info-list .date, .top-info-list .ttl {
    font-size: 2.5rem;
    line-height: 3.6rem;
  }
}

.ff-lato, .logo-lato {
  font-family: "Shippori Mincho", "Noto Serif JP", serif !important;
}

.top-info-important {
  display: none;
}

/* Shop Guide */
@media screen and (max-width: 768px) {
  .foot-guide {
    padding: 8rem 0;
    width: 65rem;
  }
}

.guide-contents .ttl {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .guide-contents .ttl {
    font-size: 2.5rem;
  }
}

.foot-guide .ttl-h2 {
  font-weight: 600 !important;
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .foot-guide .ttl-h2 {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .foot-guide .ttl-h2 {
    font-size: 4rem;
  }
}

/* Footer */
@media screen and (min-width: 769px) {
  #footNav {
    width: 85%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  #footNav {
    width: 65rem;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .foot-menu {
    margin-bottom: 5rem;
  }
}

@media screen and (min-width: 769px) {
  .foot-menu-wrap {
    padding: 5rem;
  }
}
@media screen and (max-width: 768px) {
  .foot-menu-wrap {
    width: 65rem;
    padding: 6.5rem 0;
    margin: 0 auto;
  }
}

.foot-menu li {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .foot-menu li {
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }
}

@media screen and (min-width: 769px) {
  .foot-copy {
    padding-top: 5rem;
    margin-top: 0;
  }
}

.foot-copy small {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .foot-copy small {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .foot-copy small {
    font-size: 2rem;
  }
}

/* 商品詳細ページ */
@media screen and (max-width: 768px) {
  .product-bgwrap {
    padding: 0 5rem;
  }
}

@media screen and (max-width: 768px) {
  .product-bgwrap-all {
    padding: 5rem 0 8rem;
  }
}

@media screen and (max-width: 768px) {
  .product-imgs .slick-prev::before, .product-imgs .slick-next::before {
    top: 0;
  }
}

.product-data .item-ttl {
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .product-data .item-ttl {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .product-data .item-ttl {
    font-size: 3.4rem;
  }
}

@media screen and (max-width: 768px) {
  .product-data .item-price {
    margin-top: 1.5rem;
  }
}

@media screen and (max-width: 768px) {
  .product-data .item-price .default, .product-data .item-price .discount {
    font-size: 2.8rem;
  }
}

@media screen and (max-width: 768px) {
  body #purchase_form #itemSelect #valiationSelect, body #purchase_form #itemSelect select.itemOption__select, body form[id] #itemSelect #amountSelect, body form[id] #itemSelect #valiationSelect, body form[id] #itemSelect select.itemOption__select {
    min-height: 8rem !important;
  }
}

@media screen and (max-width: 768px) {
  .product-data #itemSelect select#valiationSelect, .product-data #itemSelect select.itemOption__select, .product-data #itemSelect select#amountSelect {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .product-data .purchaseButton .purchaseButton__btn {
    font-size: 2.6rem;
  }
}

@media screen and (max-width: 768px) {
  .product-data #itemSelect label[for=valiationSelect], .product-data #itemSelect label.itemOption__name, .product-data #itemSelect label[for=amountSelect] {
    font-size: 2.4rem;
  }
}

.attention-wrap-all p {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .attention-wrap-all p {
    font-size: 2.2rem;
    line-height: 3.6rem;
  }
}

@media screen and (max-width: 768px) {
  .item-sns li {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 768px) {
  .item-report {
    font-size: 2.4rem;
  }
}

.product-relate .ttl-h2 {
  font-weight: 600 !important;
}
@media screen and (max-width: 768px) {
  .product-relate .ttl-h2 {
    font-size: 4rem;
    margin-bottom: 6rem;
  }
}

.product-detail {
  padding: 0;
}

@media screen and (max-width: 768px) {
  .item-related .items-list li .items-title {
    font-size: 2.5rem;
  }
}

/* お問い合わせページ */
@media screen and (max-width: 768px) {
  .contact-wrap {
    padding: 10em 1.6em 8em;
  }
}

@media screen and (max-width: 768px) {
  .contact-wrap form {
    padding: 4rem 4rem 8rem;
  }
}

@media screen and (min-width: 769px) {
  .contact-wrap .ttl-h1 {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 768px) {
  .contact-wrap .ttl-h1 {
    font-size: 3.5rem;
    margin-bottom: 6.5rem;
  }
}

.contact-wrap .main h1 + p {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .contact-wrap .main h1 + p {
    font-size: 1.5rem;
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 768px) {
  .contact-wrap .main h1 + p {
    font-size: 2.5rem;
    margin-bottom: 5rem;
  }
}

.contact-wrap dl > dt {
  font-weight: 400;
}

.contact-wrap dl > dt, .contact-wrap dl > dd {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .contact-wrap dl > dt, .contact-wrap dl > dd {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 768px) {
  .contact-wrap input[type=text], .contact-wrap textarea {
    font-size: 2.5rem;
    padding: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .contact-wrap input[type=submit] {
    margin-top: 1rem;
    padding: 1.8rem;
    width: 24rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .contact-wrap input[type=submit] {
    font-size: 2.5rem;
    padding: 2.5rem;
  }
}

/* プライバシーポリシーページ */
@media screen and (min-width: 769px) {
  .law-wrap, .priv-wrap {
    max-width: 100rem;
    padding: 16rem 0 12rem;
  }
}
@media screen and (max-width: 768px) {
  .law-wrap, .priv-wrap {
    max-width: 65rem;
    padding: 12rem 0 10rem;
  }
}

#privacy h2 {
  font-weight: 600 !important;
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  #privacy h2 {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  #privacy h2 {
    font-size: 4rem;
    margin-bottom: 7.5rem;
  }
}

#privacy .privacy_intro {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  text-align: justify;
}
@media screen and (min-width: 769px) {
  #privacy .privacy_intro {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  #privacy .privacy_intro {
    font-size: 2.5rem;
    line-height: 4rem;
  }
}

#privacy dl > dt {
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  #privacy dl > dt {
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 768px) {
  #privacy dl > dt {
    font-size: 3.4rem;
    margin-bottom: 3.5rem;
  }
}

#privacy dl > dd {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  text-align: justify;
}
@media screen and (min-width: 769px) {
  #privacy dl > dd {
    font-size: 1.6rem;
    margin-bottom: 7rem;
  }
}
@media screen and (max-width: 768px) {
  #privacy dl > dd {
    font-size: 2.5rem;
    margin-bottom: 8.5rem;
    line-height: 4rem;
  }
}

#privacy dl > dd:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  #privacy dl ul {
    padding: 4rem;
  }
}
@media screen and (max-width: 768px) {
  #privacy dl ul {
    padding: 3.5rem;
  }
}

#privacy dl ul li {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  text-align: justify;
}
@media screen and (min-width: 769px) {
  #privacy dl ul li {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  #privacy dl ul li {
    font-size: 2.5rem;
    line-height: 4rem;
  }
}

/* 特定商取引法に基づく表記ページ */
#pageLaw h2 {
  font-weight: 600 !important;
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  #pageLaw h2 {
    font-size: 3.2rem;
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 768px) {
  #pageLaw h2 {
    font-size: 4rem;
    margin-bottom: 7.5rem;
  }
}

#pageLaw h3 {
  font-weight: 400;
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  #pageLaw h3 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  #pageLaw h3 {
    font-size: 2.5rem;
  }
}

#pageLaw p {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  text-align: justify;
}
@media screen and (min-width: 769px) {
  #pageLaw p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  #pageLaw p {
    font-size: 2.5rem;
    line-height: 4rem;
  }
}

@media screen and (min-width: 769px) {
  #pageLaw #law h3 {
    padding-top: 3rem;
  }
}
@media screen and (max-width: 768px) {
  #pageLaw #law h3 {
    padding-top: 3rem;
  }
}/*# sourceMappingURL=top.css.map */