/*! --------------------------------------------------------------
　　このCSSファイルは .scssファイルからコンパイルされたものです。
　　修正する際はscssファイルを編集するように注意してください。
--------------------------------------------------------------- */

.main_page {
  height: 30vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: unset;
  position: relative
}

@media(max-width: 767px) {
  .main_page {
    height: 40vw
  }
}

.main_page .pagettl {
  font-size: 2rem;
  color: #453f3f;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: capitalize
}

@media(max-width: 767px) {
  .main_page .pagettl {
    font-size: 1.5rem
  }
}

.main_page .pagettl span {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  margin-top: .3rem
}

@media(max-width: 767px) {
  .main_page .pagettl span {
    font-size: 0.75rem
  }
}

.main_page.main_company {
  background-color:#FBFAF6
}

.main_page.main_contact {
background-color:#FBFAF6}

.main_page.main_privacy_policy {
background-color:#FBFAF6}

.main_page.main_category {
background-color:#FBFAF6}

.main_page.main_interview {
background-color:#FBFAF6}

.main_page.main_mindfullness {
background-color:#FBFAF6}

.main_page.main_sexual-wellness {
background-color:#FBFAF6}

.main_page.main_beauty-and-body {
background-color:#FBFAF6}

.main_page.main_relationships {
background-color:#FBFAF6}

.main_page.main_lifestyle {
background-color:#FBFAF6}

.main_page.main_other {
background-color:#FBFAF6} 


/* .main_page.main_company {
  background: url(images/company/bg_main.jpg) center center/cover no-repeat
}

.main_page.main_contact {
  background: url(images/contact/bg_main.jpg) center center/cover no-repeat
}

.main_page.main_privacy_policy {
  background: url(images/privacy_policy/bg_main.jpg) center center/cover no-repeat
}

.main_page.main_category {
  background: url(images/category/bg_main.jpg) center center/cover no-repeat
}

.main_page.main_interview {
  background: url(images/category/bg_main.jpg) center center/cover no-repeat
}

.main_page.main_mindfullness {
  background: url(https://humming-earth.com/wp-content/uploads/2023/04/mind.png) center center/cover no-repeat
}

.main_page.main_sexual-wellness {
  background: url(https://humming-earth.com/wp-content/uploads/2023/04/sex.png) center center/cover no-repeat
}

.main_page.main_beauty-and-body {
  background: url(https://humming-earth.com/wp-content/uploads/2023/04/beauty.png) center center/cover no-repeat
}

.main_page.main_relationships {
  background: url(https://humming-earth.com/wp-content/uploads/2023/04/relation.png) center center/cover no-repeat
}

.main_page.main_lifestyle {
  background: url(https://humming-earth.com/wp-content/uploads/2023/04/life.png) center center/cover no-repeat
}

.main_page.main_other {
  background: url(images/category/bg_main.jpg) center center/cover no-repeat
} */

.main_page.main_blog {
  height: 5vh
}

@media(max-width: 767px) {
  .main_page.main_blog {
    height: 1rem
  }
}

.breadcrumbs {
  padding: 1rem 0
}

.breadcrumbs ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start
}

.breadcrumbs ul li {
  font-size: 0.875rem;
  color: #939393;
  font-weight: 400;
  line-height: 1.5;
  margin-right: .5rem
}

.tagwrap_cmn {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch
}

.tagwrap_cmn .tag {
  background-color: #f8f8f0;
  border-radius: .3rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  padding: .4rem .6rem;
  margin: 0 10px 10px
}

@media(max-width: 767px) {
  .tagwrap_cmn .tag {
    font-size: 0.8125rem;
    padding: .2rem .4rem;
    margin: 0 1vw .5rem
  }
}

.side_cmn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: unset
}

.side_cmn figure {
  width: 49.0909090909%;
  text-align: center
}

@media(max-width: 767px) {
  .side_cmn figure {
    width: 100%;
    margin-bottom: 1rem
  }
}

.side_cmn .txt {
  width: 45.4545454545%
}

@media(max-width: 767px) {
  .side_cmn .txt {
    width: 100%
  }
}

.side_cmn.reverse {
  flex-direction: row-reverse
}

.side_cmn.blog01 {
  align-items: flex-start
}

.side_cmn.blog01 figure {
  width: 37%
}

@media(max-width: 767px) {
  .side_cmn.blog01 figure {
    width: 100%
  }
}

.side_cmn.blog01 .txt {
  width: 58%
}

@media(max-width: 767px) {
  .side_cmn.blog01 .txt {
    width: 100%
  }
}

.side_cmn.blog02 {
  align-items: flex-start
}

.side_cmn.blog02 figure {
  width: 17%
}

@media(max-width: 767px) {
  .side_cmn.blog02 figure {
    width: 100%
  }
}

.side_cmn.blog02 .txt {
  width: 80%
}

@media(max-width: 767px) {
  .side_cmn.blog02 .txt {
    width: 100%
  }
}

.btn_cmn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.btn_cmn a {
  width: 240px;
  height: 48px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: unset;
  border-radius: 9999px;
  position: relative
}

@media(max-width: 767px) {
  .btn_cmn a {
    width: 74vw;
    height: 3rem
  }
}

.btn_cmn a p {
  font-size: 1rem;
  font-weight: 500
}

@media(max-width: 767px) {
  .btn_cmn a p {
    font-size: 0.875rem
  }
}

.btn_cmn a i {
  font-size: 0.625rem;
  position: absolute;
  top: 50%;
  right: 8%;
  transform: translateY(-50%)
}

.btn_cmn.small a {
  width: 175px;
  height: 35px
}

@media(max-width: 767px) {
  .btn_cmn.small a {
    width: 50vw;
    height: 2.4rem
  }
}

.btn_cmn.center {
  margin: 0 auto
}

.btn_cmn.bg_pi a {
  background-color: #b9a793;
  color: #fff
}

.btn_cmn.bg_pi a:hover {
  background-color: #6d5b46;
  transition: .3s ease
}

.company_first .tbl_company {
  max-width: 750px;
  margin: 0 auto 3.5rem
}

.company_first p.txt01 {
  margin-bottom: .8rem
}

.tbl_company {
  width: 100%
}

.tbl_company tr:nth-child(even) th, .tbl_company tr:nth-child(even) td {
  background-color: #eaeaea
}

.tbl_company th, .tbl_company td {
  background-color: #f9f9f9;
  padding: 1rem 4%;
  font-size: 0.875rem;
  color: #453f3f;
  line-height: 1.5
}

.tbl_company th {
  width: 30%;
  font-weight: 700
}

.tbl_company td {
  width: 70%;
  font-weight: 400
}

.contact_form .top {
  max-width: 750px;
  margin: 0 auto 3.5rem
}

@media(max-width: 767px) {
  .contact_form .top {
    margin-bottom: 2rem
  }
}

.contact_form .area {
  max-width: 750px;
  background-color: #f8f8f8;
  padding: 3.5rem 6%;
  margin: 0 auto 3.5rem
}

@media(max-width: 767px) {
  .contact_form .area {
    padding: 2rem 4%;
    margin-bottom: 2rem
  }
}

.tbl_contact {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 1.8rem
}

@media(max-width: 767px) {
  .tbl_contact {
    border-spacing: 0 1rem
  }
}

.tbl_contact .col_th {
  width: 35%
}

@media(max-width: 767px) {
  .tbl_contact .col_th {
    display: none
  }
}

.tbl_contact .col_td {
  width: 65%
}

@media(max-width: 767px) {
  .tbl_contact .col_td {
    display: none
  }
}

.tbl_contact th {
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  position: relative
}

@media(max-width: 767px) {
  .tbl_contact th {
    display: block;
    font-size: 0.875rem
  }
}

.tbl_contact td {
  font-size: 0.9375rem;
  font-weight: 400
}

@media(max-width: 767px) {
  .tbl_contact td {
    display: block;
    font-size: 0.8125rem
  }
}

.tbl_contact .required::before {
  content: "必須";
  background-color: #b9a793;
  font-size: 0.75rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  padding: .2rem .8rem;
  margin-right: .6rem;
  position: relative;
  top: -0.1rem
}

@media(max-width: 767px) {
  .tbl_contact .required::before {
    padding: .1rem .5rem
  }
}

.tbl_contact .any::before {
  content: "任意";
  background-color: #bababa;
  font-size: 0.75rem;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  padding: .2rem .8rem;
  margin-right: .6rem;
  position: relative;
  top: -0.1rem
}

@media(max-width: 767px) {
  .tbl_contact .any::before {
    padding: .1rem .5rem
  }
}

.tbl_contact td input[type=text], .tbl_contact td input[type=tel], .tbl_contact td input[type=email], .tbl_contact td input[type=date], .tbl_contact td select {
  background: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  padding: 3px 5px
}

.tbl_contact td input[type=text], .tbl_contact td input[type=email] {
  width: 100%
}

.tbl_contact td input[type=tel] {
  width: 100%
}

.tbl_contact td input[type=date] {
  width: 30%
}

.tbl_contact td select {
  width: 40%
}

.tbl_contact td textarea {
  width: 100%;
  height: 200px;
  background: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  padding: 5px
}

.tbl_contact td span.wpcf7-list-item {
  margin: 0 2em 0 0
}

.th_textarea {
  vertical-align: top
}

.th_textarea.required::before, .th_textarea.any::before {
  top: .8rem
}

@media(max-width: 767px) {
  .th_textarea.required::before, .th_textarea.any::before {
    top: .5rem
  }
}

.check_confirm {
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  margin: 0px 0 20px
}

@media(max-width: 767px) {
  .check_confirm {
    font-size: 0.875rem;
    margin: 1rem 0 2rem
  }
}

.check_confirm label {
  padding: 20px
}

.check_confirm span {
  margin-right: 5px
}

.btn_submit {
  display: table;
  margin: 0 auto;
  font-size: 1rem;
  color: #fff;
  font-weight: 500;
  line-height: 1.5;
  position: relative
}

@media(max-width: 767px) {
  .btn_submit {
    font-size: 0.875rem
  }
}

.btn_submit input[type=submit] {
  width: 240px;
  height: 48px;
  background-color: #b9a793;
  border-radius: 9999px;
  text-align: center
}

@media(max-width: 767px) {
  .btn_submit input[type=submit] {
    width: 74vw;
    height: 3rem
  }
}

.btn_submit input[type=submit]:hover {
  background-color: #8c745a;
  transition: .3s ease
}

.btn_submit i {
  font-size: 0.625rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8%
}

.btn_submit input[type=submit][disabled] {
  opacity: .3
}

.btn_submit input[type=submit]:not([disabled]):hover {
  cursor: pointer;
  opacity: .8
}

.ajax-loader {
  display: none !important
}

.wpcf7-spinner {
  display: none !important
}

.category_list {
  padding-bottom: 5rem
}

@media(max-width: 767px) {
  .category_list {
    padding-bottom: 3rem
  }
}

.blog_single {
  padding-bottom: 5rem;
  border-bottom: 1px solid #dbdbdb
}

@media(max-width: 767px) {
  .blog_single {
    padding-bottom: 2rem
  }
}

.blog_single article .top {
  margin-bottom: 2.5rem
}

@media(max-width: 767px) {
  .blog_single article .top {
    margin-bottom: 1.5rem
  }
}

.blog_single article .top .wrap span[class*=cate] {
  min-width: 106px;
  border-radius: 2px;
  font-size: 0.75rem;
  color: #fff;
  line-height: calc(1.5rem - 0px);
  padding: 0 1rem;
  margin-right: 4%
}

.blog_single article .top .wrap span[class*=cate].cate_interview {
  background-color: #b9a793
}

.blog_single article .top .wrap span[class*=cate].cate_mind {
  background-color: #a5a5a5
}

.blog_single article .top .wrap span[class*=cate].cate_life {
  background-color: #8d8a86
}

.blog_single article .top .wrap span[class*=cate].cate_beauty {
  background-color: #b9a793
}

.blog_single article .top .wrap span[class*=cate].cate_relationships {
  background-color: #181818
}

.blog_single article .top .wrap span[class*=cate].cate_sex {
  background-color: #453f3f
}

.blog_single article .top .wrap time {
  font-size: 0.875rem;
  color: #939393;
  font-weight: 400;
  line-height: 1.5rem
}

.blog_single article .lump:not(:last-child) {
  margin-bottom: 3.8rem
}

@media(max-width: 767px) {
  .blog_single article .lump:not(:last-child) {
    margin-bottom: 2.5rem
  }
}

.blog_single article .lump>p:not(:last-child) {
  margin-bottom: 2.5rem
}

@media(max-width: 767px) {
  .blog_single article .lump>p:not(:last-child) {
    margin-bottom: 1.8rem
  }
}

.blog_single .ttl_post {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.66;
  margin-bottom: .4rem
}

@media(max-width: 767px) {
  .blog_single .ttl_post {
    font-size: 1.75rem
  }
}

.ttl_h2 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.5;
  padding: .2rem 0 .2rem 1rem;
  border-left: 4px solid #b9a793;
  margin-bottom: 2.5rem
}


@media(max-width: 767px) {
  .ttl_h2 {
    font-size: 1.125rem;
    padding-left: .6rem;
    margin-bottom: 1.5rem
  }
}

.blog_single .ttl_h3 {
  background-color: #f9f9f9;
  border-radius: 5px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.6;
  padding: .8rem 1.2rem;
  margin-bottom: 1.8rem
}

@media(max-width: 767px) {
  .blog_single .ttl_h3 {
    font-size: 1rem;
    padding: .4rem .8rem;
    margin-bottom: 1.2rem
  }
}

.blog_single .ttl_h4 {
  border-radius: 5px;
  font-size: 1.25rem;
  color: #2c57a8;
  font-weight: 700;
  line-height: 1.3;
  padding-left: 50px;
  margin-bottom: 1rem;
  position: relative
}

.blog_single .ttl_h4::before {
  content: "";
  width: 40px;
  height: 1px;
  background-color: #2c57a8;
  position: absolute;
  top: 50%;
  left: 0
}

@media(max-width: 767px) {
  .blog_single .ttl_h4 {
    font-size: 0.9375rem;
    margin-bottom: .6rem
  }
}

.blog_single p.txt_sub {
  font-size: 0.8125rem;
  color: #a5a5a5;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
  margin-top: .5rem
}

@media(max-width: 767px) {
  .blog_single p.txt_sub {
    font-size: 0.6875rem
  }
}

.blog_single p.txt_sub:not(:last-child) {
  margin-bottom: 1.5rem
}

.blog_single figure+.txt_sub {
  margin-top: -2rem
}

@media(max-width: 767px) {
  .blog_single figure+.txt_sub {
    margin-top: -1rem
  }
}

.blog_single .post_link {
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  padding: 3.3rem 6%;
  margin-bottom: 3rem
}

@media(max-width: 767px) {
  .blog_single .post_link {
    padding: 2rem 4%;
    margin-bottom: 2rem
  }
}

.blog_single .post_link .ttl01 {
  font-size: 1.125rem;
  color: #453f3f;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1.2rem
}

@media(max-width: 767px) {
  .blog_single .post_link .ttl01 {
    font-size: 0.9375rem;
    margin-bottom: .8rem
  }
}

.blog_single .post_link .ttl02 {
  font-size: 1rem;
  color: #b9a793;
  font-weight: 700;
  line-height: 2;
  margin-bottom: .4rem
}

@media(max-width: 767px) {
  .blog_single .post_link .ttl02 {
    font-size: 0.8125rem
  }
}

.blog_single .post_link P.txt01+.ttl02 {
  margin-top: 3rem
}

@media(max-width: 767px) {
  .blog_single .post_link P.txt01+.ttl02 {
    margin-top: 2rem
  }
}

.blog_single .post_link p.txt01 {
  font-size: 0.875rem;
  color: #b9a793;
  font-weight: 500;
  line-height: 2
}

@media(max-width: 767px) {
  .blog_single .post_link p.txt01 {
    font-size: 0.6875rem
  }
}

.blog_single .area {
  background-color: #fbfaf6;
  border-radius: 5px;
  padding: 1.8rem 4%;
  margin-bottom: 2rem
}

@media(max-width: 767px) {
  .blog_single .area {
    padding: 1rem 4%;
    margin-bottom: 1.2rem
  }
}

.blog_single .area .ttl01 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: .8rem
}

.blog_single .pickup {
  background-color: #f9f9f9;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  padding: 1.2rem 2.5%
}

@media(max-width: 767px) {
  .blog_single .pickup {
    padding: 1.2rem 4%
  }
}

.blog_single .pickup .ttl01 {
  font-size: 1.125rem;
  color: #b9a793;
  font-weight: 500;
  line-height: 1.5;
  padding-bottom: .7rem;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 1rem
}

@media(max-width: 767px) {
  .blog_single .pickup .ttl01 {
    font-size: 0.9375rem;
    padding-bottom: .4rem;
    margin-bottom: .8rem
  }
}

.blog_single .pickup p.txt01 {
  margin-bottom: 1.5rem
}

.blog_single .lump>figure {
  margin-bottom: 2.5rem
}

@media(max-width: 767px) {
  .blog_single .lump>figure {
    margin-bottom: 1.5rem
  }
}

.blog_single .imgwrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: unset
}

@media(max-width: 767px) {
  .blog_single .imgwrap figure:not(:last-child) {
    margin-bottom: 1rem
  }
}

.blog_single .related {
  background-color: #f9f9f9;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  padding: 1.2rem 2.5%
}

@media(max-width: 767px) {
  .blog_single .related {
    padding: 1.2rem 4%
  }
}

.blog_single .related:not(:last-child) {
  margin-bottom: 2rem
}

@media(max-width: 767px) {
  .blog_single .related:not(:last-child) {
    margin-bottom: 1.2rem
  }
}

.blog_single .related p.txt01 {
  margin-bottom: .4rem
}

.blog_single .related .ttl01 {
  font-size: 1.125rem;
  color: #b9a793;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: .4rem
}

@media(max-width: 767px) {
  .blog_single .related .ttl01 {
    font-size: 0.9375rem;
    margin-bottom: .8rem
  }
}

.blog_single .related .btn_detail {
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.875rem;
  color: #58bfe5;
  line-height: 1.5;
  margin: 0 0 0 auto
}

@media(max-width: 767px) {
  .blog_single .related .btn_detail {
    font-size: 0.6875rem
  }
}

.blog_single .supervisor {
  background-color: #fbfaf6;
  border-radius: 5px;
  padding: 1rem 3%;
  margin-bottom: 2.5rem
}

@media(max-width: 767px) {
  .blog_single .supervisor {
    margin-bottom: 2rem
  }
}

.blog_single .supervisor .ttl01 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: .5rem;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 1.2rem
}

@media(max-width: 767px) {
  .blog_single .supervisor .ttl01 {
    font-size: 1rem;
    margin-bottom: 1rem
  }
}

.blog_single .supervisor .topline {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: .5rem
}

.blog_single .supervisor .topline .name {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
  margin-right: 2rem
}

@media(max-width: 767px) {
  .blog_single .supervisor .topline .name {
    font-size: 1rem;
    margin-right: 1.2rem
  }
}

.blog_single .supervisor .topline .icnwrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center
}

.blog_single .supervisor .topline .icnwrap a:not(:last-child) {
  margin-right: .8rem
}

.blog_single .supervisor .topline .icnwrap i {
  font-size: 0.625rem;
  color: #453f3f
}

.blog_single .icnwrap_large {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}

.blog_single .icnwrap_large a {
  margin: 0 .4rem
}

.privacy_first .txt {
  max-width: 740px;
  margin: 0 auto
}

.privacy_first .txt p.txt01 {
  margin-bottom: 2rem
}

@media(max-width: 767px) {
  .privacy_first .txt p.txt01 {
    margin-bottom: 1.2rem
  }
}

.privacy_first .txt ol {
  margin-bottom: 2rem
}

@media(max-width: 767px) {
  .privacy_first .txt ol {
    margin-bottom: 1.5rem
  }
}

.privacy_first .txt ol li:not(:last-child) {
  margin-bottom: 1.8rem
}

@media(max-width: 767px) {
  .privacy_first .txt ol li:not(:last-child) {
    margin-bottom: 1.2rem
  }
}

.privacy_first .ttl01 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .05em;
  margin-bottom: .4rem
}

@media(max-width: 767px) {
  .privacy_first .ttl01 {
    font-size: 1rem
  }
}


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

.blog_single ol {
  background: #ededed;
  padding: 40px;
  font-weight: bold;
}

.blog_single ol li {
  list-style: auto;
  margin-bottom: 10px;
}

.blog_single ul {
  background: #ededed;
  padding: 40px;
  font-weight: bold;
}

.blog_single ul li {
  list-style: disc;
  margin-bottom: 10px;
}


.lp-layout {
  padding:  100px 50px 100px 50px;
  width: 100%;
}

.lp-layout__inner {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}

.lp-layout__mv {
  width: 100%;
  display: flex;
  gap: 40px;
  align-items: center;
}

.lp-layout__mv-img {
  width: calc(32% - 20px);
}

.lp-layout__mv-img img {
  display: block;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  height: auto;
  flex-shrink: 1;
}

.lp-layout__mv-text {
  width: calc(69% - 20px);
  flex-shrink: 1;
}


.lp-layout__mv-title {
  font-size: 32px;
  font-weight: normal;
  line-height: 1.4;
}

.lp-layout__mv-other {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 27px;
}

.lp-layout__mv-written {
  width: max-width;
  font-size: 16px;
}

.lp-layout__mv-other-item {

}

.lp-layout__mv-date {
  font-size: 16px;
  margin-top: 6px;
}

.lp-layout__content {
  max-width: 820px;
  margin: 0 auto;
  margin-top: 90px;
}

.lp-layout__lead {
  text-align: center;
  font-size: 20px;
  line-height: 1.5;
}

.lp-layout__lead p + p {
  margin-top: 32px;
}

.lp-layout__line {
  width: 100%;
  height: 1px;
  background-color: #B5B5B5;
  margin: 40px 0 62px 0;
}

.lp-layout__h2 {
  margin-bottom: 60px;
}

.lp-layout__h2-main {
  display: inline-block;
  font-size: 32px;
  font-weight: normal;
  position: relative;
  padding-right: 40px;
  border-right: solid 2px #000;
  line-height: 1.5;
	font-family:Libre Baskerville;
	font-weight:700
}

.lp-layout__h2-sub {
  display: block;
  font-size: 28px;
  font-weight: normal;
  margin-top: 15px;
  line-height: 1.5;
}

.lp-layout__content p + p {
  margin-top: 32px;
}

.lp-layout__button {
  padding: 13px 32px;
  border: solid 1px #000;
  border-radius: 5px;
  position: relative;
  display: flex;
  margin: 100px auto 64px auto;
  width: fit-content;
  min-width: 240px;
  justify-content: center;
}

.lp-layout__button::before {
  position: absolute;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  transform: translate(0, -50%) rotate(45deg);
  top: 50%;
  right: 12px;
}

.lp-layout__img-box {
  display: flex;
  gap: 15px;
  margin: 80px auto;
  justify-content: center;
}

.lp-layout__img-box img {
  max-width: 380px;
  width: 100%;
  display: block;
  border-radius: 20px;
  overflow: hidden;
  height: auto;
}

.lp-layout__h3 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 60px;
}

.lp-layout__other {
  border-radius: 10px;
  border:solid 1px #000;
  padding: 30px 40px 40px 40px;
  max-width: 820px;
  margin: 120px auto 120px auto;
}

.lp-layout__other-item {
  display: grid;
  grid-template-columns: 120px 1fr;
  grid-template-rows: auto 1fr ;
  grid-template-areas:
  "img name"
  "img text";
  gap: 20px 28px;
}

.lp-layout__other-item + .lp-layout__other-item {
  margin-top: 32px;
}

.lp-layout__other-img {
  display: block;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  flex-shrink: 0;
  overflow: hidden;
  grid-area: img;
  object-fit: cover;
}

.lp-layout__other-name {
  font-size: 16px;
  grid-area: name;
  font-weight: normal;
}

.lp-layout__other-text {
  font-size: 12px;
  grid-area: text;
  font-weight: normal;
	color:#868686
}

#wrap.-lp-mode{
  background-color: #F8F8F8;
}

.post_content_wrap.-lp-mode{
  background-color: #F8F8F8;
}

@media(max-width: 767px) {
  .lp-layout {
    padding: 0 6vw 64px 6vw;
  }

  .lp-layout__mv-title {
    font-size: 24px;
  }

  .lp-layout__mv-title br {
    display: none;
  }

  .lp-layout__mv-written {
    font-size: 14px;
  }

  .lp-layout__mv-other-name {
    font-size: 14px;
  }

  .lp-layout__lead {
    font-size: 18px;
  }

  .lp-layout__h2 {
    margin-bottom: 32px;
  }

  .lp-layout__h2-main {
    font-size: 28px;
    padding-right: 20px;
  }
  .lp-layout__h2-sub {
    font-size: 18px;
    margin-top: 10px;
  }

  .lp-layout__line {
    margin: 30px auto;
  }

  .lp-layout__mv {
    flex-direction: column;
  }

  .lp-layout__mv-img {
    width: 80%;
  }

  .lp-layout__mv-img img {
    border-radius: 10px;
  }

  .lp-layout__mv-text {
    width: 100%;
  }

  .lp-layout__mv-other {
  }

  .lp-layout__content {
    margin-top: 32px;
  }

  .lp-layout__img-box {
    gap: 14px;
  }

  .lp-layout__img-box img {
    border-radius: 10px;
  }

  .lp-layout__h3 {
    margin-bottom: 20px;
  }

  .lp-layout__other {
    margin: 80px auto;
    padding: 40px 20px 40px 20px;
  }

  .lp-layout__other-img {
    margin: 0 auto;
  }

  .lp-layout__other-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .lp-layout__other-name {
    font-weight: bold;
  }
}