@charset "utf-8";
/* CSS Document */

#before_footer_widget {
  margin-top: 4em;
}
.page .post_content iframe {
  width: 100%;
  min-height: 350px;
}
.post_content figure {
  border-radius: 15px;
  overflow: hidden;
}
.post_content td, .post_content th {
  padding: 1em 0.75em;
}
.single span.p-breadcrumb__text {
  display: block;
}
.post_content em {
  background-image: linear-gradient(#d3f3f9, #d3f3f9);
  background-size: 100% 50%;
  background-position: 0 100%;
  background-repeat: no-repeat;
  font-weight: bold;
}
.p-postList__meta :before {
  display: none;
}
.archive #content h2.p-postList__title {
  font-size: 1.1rem;
  font-weight: bold;
  margin: 0;
}
.archive #content .p-postList.-type-simple {
  border: none;
}
.-type-simple .p-postList__link:hover {
  background: #fff;
}
.-type-simple .p-postList__link:hover h2 {
  color: var(--color_main);
}
.sttl {
  text-align: center;
  margin-bottom: 0;
}
.sttl p {
  display: inline-block;
  background: #ac9d74;
  color: #fff;
  line-height: 1.1;
  font-size: 1.2rem;
  padding: 4px 10px 2px;
  border-radius: 15px;
}
.page .post_content .sttl + h2 {
  margin-top: 5px;
}
.post_content .has-white-background-color {
  border-radius: 15px;
  padding: 3em 4em 2em;
}
.post_content .is-style-check_list li:before {
  color: var(--color_main);
}
.post_content hr {
  border-bottom: 1px dotted rgb(153 132 96 / 30%);
  margin: 5em 0;
}
.post_content .swell-block-column {
  position: relative;
}
.post_content .swell-block-column .num {
  border-radius: 50%;
  width: 6em;
  height: 6em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 100;
  top: -30px;
  left: -30px;
  background: rgb(149 120 102 / 80%);
  color: #fff;
}
#contact .wp-block-group__inner-container>* {
  margin-bottom: 1em;
}
#service .post_content #course_de .ttl {
  margin-bottom: 1em;
  text-align: left;
}
#service .post_content #course_de ul {
  list-style: none;
  padding: 0;
  gap: 0.5em;
  margin-bottom: 2em;
}
#service .post_content #course_de ul li {
  border-radius: 30px;
  padding: 2px 10px;
  font-size: 0.9rem;
  margin: 0;
  background: rgb(149 120 102 / 80%);
  color: #fff;
}
#service .post_content #course_de .has-border.-border01 {
  background: #fff;
  padding: 3em 3em 2em;
  border-radius: 15px;
  border: none;
  box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
}
#service .post_content #course_de .wp-block-group .swell-block-columns {
  margin-bottom: 2em;
}
#service .post_content #course_de .has-border.-border01 h3 {
  color: #b09857;
}
#service .post_content #course_de .has-border.-border01 p {
  margin-bottom: 2em;
}
#service .post_content #koza, #service .post_content #counceling, #service .post_content #shop {
  padding-top: 5em;
  margin-top: -5em !important;
}
#qa .post_content {
	max-width: 1000px;
	margin: auto;
}
#qa .post_content .swell-block-button__link {
	font-weight: bold;
}
#qa #content .swell-block-accordion__item {
	margin-bottom: 2em;
	background: #fff;
  border-radius: 10px;
}
#qa #content .swell-block-accordion__title {
	background: #fff;
	padding: 1.5em;
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-ms-transition: .3s ease-out;
	transition: .3s ease-out;
}
#qa #content .swell-block-accordion__title:hover {
	background: #f3ede9;
}
#qa #content .swell-block-accordion__label strong {
  padding: 12px 16px 15px;
  line-height: 1;
  font-size: 1.2rem;
  font-weight: normal;
  background: var(--color_main);
  color: #fff;
  position: absolute;
  left: 15px;
  top: 16px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#qa #content .swell-block-accordion__label {
  padding-left: 50px;
  font-size: 1.1rem;
}
#qa #content .swell-block-accordion__body p {
  margin: 0 0 0 58px;
}
#about #content #profile .name div p {
  margin: 0;
}
#about #content #profile .name div p:nth-child(1) {
  color: #b09857;
}
#about #content #profile .name div p:nth-child(2) {
  font-weight: bold;
  font-size: 120%;
}
#about #content #profile .name div p:nth-child(3) {
  font-size: 80%;
  opacity: 0.8;
}
#about #content #profile .history {
  border-top: solid 1px #eee6e1;
  padding-top: 1em;
}
#about #content #profile .history div p {
  margin-bottom: 0;
  font-size: 90%;
}
#service .post_content #course_de figure.wp-block-table {
  border-radius: 0;
}
#service .post_content #course_de .mark_yellow {
  background: -webkit-linear-gradient(transparent 64%, #edebcb 0%);
  background: linear-gradient(transparent 64%, #edebcb 0%);
}

@media all and (min-width: 960px) {
  #top_title_area {
    /* height: 100vh */
    height: calc(100vh - 240px);
    margin-top: 120px;
  }
  #top_title_area img {
    height: 100% !important;
    overflow: hidden;
    width: 85vw !important;
    left: 15vw;
  }
  #top_title_area .c-pageTitle__subTitle {
    font-style: normal;
    display: block;
    margin: 0.5em 0 0 5px;
    font-size: 1.1rem;
    color: #39312b;
    letter-spacing: 0;
  }
  .l-topTitleArea.c-filterLayer::before {
    /* background: url(../../../../uploads/mainv.jpg) no-repeat center;
    background-size: cover;
    opacity: 0.3; */
    display: none;
  }
  #breadcrumb {
    box-shadow: none;
  }
  #fix_header {
    display: none;
  }
  /* .single #content h1 {
    font-size: 1.8rem;
    margin: 1.5rem 0 0;
  } */
  .c-filterLayer.-texture-dot::after {
    display: none;
  }
  /* .single #content .url {
    margin: 0.5em 0 1em 3px;
    font-size: 1.2rem;
  }
  .l-topTitleArea.c-filterLayer::before, .c-filterLayer.-texture-dot::after {
    display: none;
  } */
  .l-topTitleArea__body {
    /* max-width: none;
    padding: 0;
    width: 30vw; */
    margin: 0;
    text-align: left;
  }
  h1.c-pageTitle {
    border: none !important;
    text-shadow: none;
    font-size: 2rem;
    color: var(--color_main);
    font-weight: normal;
    display: inline-block;
    text-align: left;
  }
  h1.c-pageTitle span {
    text-align: center;
    border: none !important;
    float: none !important;
  }
  header h1 {
    font-size: 0.75rem;
    font-weight: normal;
    max-width: 10em;
    text-align: center;
    margin: 5px auto 0;
    line-height: 1.2;
  }
  /* .page .post_content .swell-block-step__title {
    font-weight: normal;
  }
  .page .post_content .swell-block-step__item {
    padding-bottom: 1em;
  } */
  .single #content table#detail th {
    min-width: 8em;
    text-align: center;
  }
  .page .post_content h2 {
    color: var(--color_main);
    /* color: #725f32; */
    font-size: 2.2rem;
    margin: 4em 0 1.5em 0;
    font-weight: normal;
    line-height: 1.6;
  }
  .page .post_content hr + h2 {
    margin-top: 2em;
  }

  #course_de .wp-block-columns .wp-block-column {
    display: unset;
    position: relative;
  }
  .archive .p-termContent {
      margin-top: 0;
  }

  #contact .post_content #tel .swell-block-button__link {
    font-size: 1.2rem;
    max-width: 350px;
  }
  #contact .post_content #tel .swell-block-button .__icon:not(.-right) {
    margin-left: 1em;
  }
  #contact .post_content #tel .swell-block-button__link span::before, #contact .post_content #tel .swell-block-button__link span::after {
    display: none;
  }
  .post_content #line .wp-block-button__link {
    background: url(../../../../uploads/icon_line.png) no-repeat center left 25px #3aba3a;
    background-size: 25px;
    /* max-width: 350px; */
    width: 100%;
    border: none;
    color: #fff;
    display: block;
    min-width: 330px;
    padding: 20px 20px 18px 20px;
  }
  .post_content #line .wp-block-button__link:hover {
    filter: brightness(120%);
  }
 .swell-block-button .swell-block-button__link {
  max-width: unset;
  width: unset;
  padding: 22px 20px 20px 40px;
 }
 .swell-block-button .swell-block-button__link span {
  padding: 0 40px 0 0
 }


}


  /* chrome safari opera */
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
  }
  /* chrome opera */
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
  }
  /* Firefox */
  @-moz-document url-prefix() {
  }

@media all and (min-width: 768px) and (max-width: 959px) {
  #greeting .post_content .method .pc_only {
    display: block !important;
  }
  #greeting .post_content .method .sp_only {
    display: none !important;
  }
  #greeting .post_content .method h3 {
    text-align: left !important;
  }
}