@charset "UTF-8";
/*
Theme Name:WELLMETHOD
Description:WELLMETHODのテーマです。
Author:FunTre株式会社
Author URI:https://wellmethod.jp/
Version: 1.0
*/

@import url(css/common.css?ver=1.3.1);
/****************************************

	index

*****************************************/
.index-hero {
	width: 100%;
	position: relative;
    height: 30vw;
}
.webp .index-hero {
    background: url(images/index_hero.jpg.webp) center center no-repeat;
    background-size: cover;
}
.no-webp .index-hero {
    background: url(images/index_hero.jpg) center center no-repeat;
    background-size: cover;
}
.index-hero__video__wrap {
    width: 100%;
    overflow: hidden;
    padding-bottom: 46.45%;
    position: relative;
}
.index-hero__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: -100;
}
.index-hero__video__sp {
	display: none;
}
.index-hero__content {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding: 4rem 0;
	box-sizing: border-box;
	text-align: center;
}
.index-hero__content__inner {
	max-width: 395px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.index-hero__logo {
	width: 395px;
}
.index-hero__logo img {
	width: 18vw;
	/* margin-bottom: 3.5vw; */
}
.index-hero__txt {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 2vw;
    text-shadow: 0 0 10px rgba(72,45,40,1);
}
.index-hero__btn {
	border: 2px solid #fff;
	color: #fff;
	display: block;
	margin: auto;
	width: 300px;
	font-size: 1.4rem;
	padding: 10px;
    text-shadow: 0 0 10px rgba(72,45,40,0.7);
    box-shadow: 0 0 10px rgba(72,45,40,0.3);
}
/* topのみ */
.top-reports {
	padding: 8rem 0;
	background: #FAFAF8;
}
.top-reports .view-more-button {
	margin-bottom: 0!important;
}
.top-ranking {
	padding: 8rem 0 2rem;
}
.top-cat {
	padding: 8rem 0 6rem;
}
.top-reports .heading-center,
.top-ranking .heading-center,
.top-cat .heading-center {
	margin-bottom: 4vw;
}
/* topのみ */

.reports,
.reports2 {
	display: flex;
	flex-wrap: wrap;
	z-index: -1;
	margin: 3rem 0;
}
.home #wrap .reports,
.home #wrap .reports2 {/* topのみ */
	margin: 0;
}
.reports__box,
.reports__box2 {
	width: 31%;
	background: rgba(206,201,187,0.4);
	box-sizing: border-box;
	display: block;
	margin-bottom: 3%;
}
.reports__box:not(:nth-child(3n)),
.reports__box2:not(:nth-child(3n)) {
	margin-right: 3.5%;
}
.reports__box__inner,
.reports__box2__inner {
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
	width: 90%;
	margin: auto;
	transform: translateY(-18px);
}
.reports__box .ttl,
.reports__box2 .ttl {
	font-size: 1.6rem;
	line-height: 1.4;
}
.reports__box .txt,
.reports__box2 .txt {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
.reports__box .date,
.reports__box2 .date {
	font-size: 1.1rem;
	position: relative;
	margin-top: 15px;
	display: block;
}
.reports__box .date:before,
.reports__box2 .date:before {
	content: '';
	position: absolute;
	top: -8px;
	left: 0;
	display: block;
	width: 20px;
	height: 1px;
	background: #b6a464;
}
.reports__box .img,
.reports__box2 .img {
	overflow: hidden;
	height: 156px;
	position: relative;
	background-color: rgba(206,201,187,1);
}
.reports__box .img img,
.reports__box2 .img img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100% !important;
	height: auto;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.reports__box .img.img-there img,
.reports__box2 .img.img-there img {
	opacity: 0.6;
}
.view-more-button {
	margin-top: 0.5rem!important;
	margin-bottom: 8rem!important;
	cursor: pointer;
}
.infinite-scroll-last,
.infinite-scroll-error{
	font-size: 1.4rem;
	margin-bottom: 4rem;
}


.index-news li {
	display: table;
	margin-bottom: 1rem;
}
.index-news a {
	text-decoration: underline;
}
.index-news__date,
.index-news__txt {
	display: table-cell;
}
.index-news__date {
	width: 130px;
}
/* ranking */
.reports_ranking a {
	position: relative;
}
.reports_ranking a:before {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: rgba(255,255,255,0.7);
	position: absolute;
	z-index: 1;
	text-align: center;
	font-size: 2.3rem;
	font-family: 'Optima', 'Questrial', sans-serif;
}
.reports_ranking a:nth-of-type(1):before {
	content: '1';
}
.reports_ranking a:nth-of-type(2):before {
	content: '2';
}
.reports_ranking a:nth-of-type(3):before {
	content: '3';
}
.reports_ranking a:nth-of-type(4):before {
	content: '4';
}
.reports_ranking a:nth-of-type(5):before {
	content: '5';
}
.reports_ranking a:nth-of-type(6):before {
	content: '6';
}
.cat-card {
	display: flex;
	flex-wrap: wrap;
}
.cat-card li {
	width: 23.8%;
	margin-bottom: 1.6%;
}
.cat-card li:not(:nth-child(4n)) {
	margin-right: 1.6%;
}
.cat-card a {
	display: block;
	position: relative;
}
.cat-card__word {
	position: absolute;
	left: 0;
	bottom: 0;
	padding:  0.1rem 2rem;
	background: rgba(255,255,255,0.9);
	font-size: 1.6rem;
}


@media (max-width: 1300px) {
.reports__box__inner,
.reports__box2__inner {
	transform: translateY(-10%);
}
}
@media (min-width: 1000px) and  (max-width: 1300px) {
.reports__box,
.reports__box2 {
	height: 265px;
}
.reports__box__inner,
.reports__box2__inner {
}
}
@media (max-width: 1000px) {
.index-hero {
    height: 55vw;
}
.index-hero__logo{
	height: auto;
}
.index-hero__logo img {
	width: 50%;
}
.reports__box,
.reports__box2 {
	height: auto;
}
.reports__box__inner,
.reports__box2__inner {
	transform: translateY(-12%);
}
.reports__box .img,
.reports__box2 .img {
	height: 15vw;
}
.index-news__date {
	width: 100px;
}
}
@media (max-width: 800px) {
.webp .index-hero {
    background: url(images/index_hero_sp.jpg.webp) center center no-repeat;
    background-size: cover;
}
.no-webp .index-hero {
    background: url(images/index_hero_sp.jpg) center center no-repeat;
    background-size: cover;
}
.index-hero__logo{
	height: 120px;
}

.index-hero__logo img {
	width: 35%;
}
.index-hero__btn {
	width: 250px;
}

/* topのみ */
.top-reports {
	padding: 5rem 0;
}
.top-ranking {
	padding: 5rem 0 2rem;
}
.top-cat {
	padding: 5rem 0 4rem;
}
.top-ranking .reports__box2 {
	margin-bottom: 5%;
}
.top-ranking .reports__box2:nth-of-type(4) {
	margin-bottom: 0;
}
/* topのみ */

.reports__box,
.reports__box2 {
	width: 48%;
}
.reports_ranking .reports__box,
.reports_ranking .reports__box2 {
	width: 100%;
}
.reports__box:not(:nth-child(3n)),
.reports__box2:not(:nth-child(3n)) {
	margin-right: 0;
	margin-left: 0;
}
.reports__box:nth-child(odd),
.reports__box2:nth-child(odd) {
	margin-right: 4%;
}
.reports_ranking .reports__box:nth-child(odd),
.reports_ranking .reports__box2:nth-child(odd) {
	margin-right: auto;
}
.reports__box__inner,
.reports__box2__inner {
	transform: translateY(-2.9vw);
}
.reports__box .img,
.reports__box2 .img {
	height: 29vw;
}
.index-news li {
	display: block;
	margin-bottom: 3rem;
}
.index-news__date,
.index-news__txt {
	display: block;
}
.index-news__date {
	width: auto;
}
.reports_ranking a:nth-of-type(5),
.reports_ranking a:nth-of-type(6) {
	display: none;
}
.cat-card {
	margin-top: 6vw;
}
.cat-card li {
	width: 48%;
	margin-bottom: 3vw;
}
.cat-card li:not(:nth-child(4n)) {
	margin-right: auto;
}
.cat-card li:nth-child(odd) {
	margin-right: 4%;
}
.cat-card__word {
	padding:  1vw 3vw;
	font-size: 3vw;
}
}
@media (max-width: 600px) {
.index-hero {
    height: 370px;
}
.webp .index-hero {
    height: 370px;
}
.index-hero__video__pc {
    display: none;
}
.index-hero__video__sp {
    display: block;
}
.index-hero__video__wrap {
    padding-bottom: 96.5%;
}
.index-hero__content__inner {
	max-width: 300px;
}
.index-hero__logo {
	width: 300px;
	height: 86px;
}

}
@media (max-width: 350px) {
.reports__box,
.reports__box2 {
	width: 100%;
}
.reports__box:nth-child(odd),
.reports__box2:nth-child(odd) {
	margin-right: 0;
}
.reports__box__inner,
.reports__box2__inner {
	transform: translateY(-3.8vw);
}
.reports__box .img,
.reports__box2 .img {
	height: 40vw;
}
}

/****************************************

	about

*****************************************/
.about-hero {
	background: url(images/about_hero.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
	padding: 8rem 0 18rem;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 10rem;
}
.about-hero__catch {
	font-size: 4.3rem;
	letter-spacing: 2px;
	margin-top: 4vw;
	text-indent: 4rem;
}
/* 波紋ボタン */
.about_arrow {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 1.8vw;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
  padding-top: 55px;
  font-size: 1.2rem;
  color: #8e9294;
  text-align: center;
}
.about_arrow span {
  position: absolute;
  top: 7px;
  right: 0;
  left: 0;
  width: 46px;
  height: 46px;
  margin: auto;
  border: 1px solid #8e9294;
  border-radius: 100%;
  box-sizing: border-box;
}
.about_arrow span::after {
  position: absolute;
  top: -4px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: '';
  width: 11px;
  height: 11px;
  border-left: 1px solid #8e9294;
  border-bottom: 1px solid #8e9294;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
.about_arrow span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.5);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb 3s infinite;
  animation: hamon 3s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes hamon {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hamon {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@media (max-width: 500px) {
    .about_arrow span {
      width: 36px;
      height: 36px;
    }
    .about_arrow span::after {
      width: 6px;
      height: 6px;
    }
    .about_arrow span::before {
      width: 34px;
      height: 34px;
    }
    @-webkit-keyframes hamon {
      0% {
        opacity: 0;
      }
      30% {
        opacity: 1;
      }
      60% {
        box-shadow: 0 0 0 30px rgba(255,255,255,.1);
        opacity: 0;
      }
      100% {
        opacity: 0;
      }
    }
    @keyframes hamon {
      0% {
        opacity: 0;
      }
      30% {
        opacity: 1;
      }
      60% {
        box-shadow: 0 0 0 30px rgba(255,255,255,.1);
        opacity: 0;
      }
      100% {
        opacity: 0;
      }
    }
}
/* 波紋ボタン */
.about-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 5vw 0;
}
.about-block:first-child {
	margin: 0 0 5vw;
}
.about-block:nth-child(odd) .about-block__txt {
	order: 2;
}
.about-block:nth-child(odd) .about-block__img {
	order: 1;
}
.about-block__wrap {
	padding-top: 10rem;/* アンカーリンクずれ防止 */
	margin-top: -10rem;/* アンカーリンクずれ防止 */
}
.about-block__txt {
	width: 50%;
	font-size: 2rem;
	line-height: 1.7;
}
.about-block__txt__inner {
	padding: 0 5rem;
}
.about-block__txt p:not(:last-child) {
	margin-bottom: 3rem;
}
.about-block__img {
	width: 50%;
}
.about-thought {
	background: url(images/about_foot.jpg) center top no-repeat;
	background-size: cover;
	padding: 8vw 0 10vw;
}
.about-thought-ttl {
	margin-bottom: 4.5vw;
	font-weight: 400;
}
.about-thought-ttl span {
	display: block;
	line-height: 1.5;
}
.about-thought-ttl .en {
	font-size: 3rem;
}
.about-thought-ttl .ja {
	font-size: 2.5rem;
}
.about-thought__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.about-thought__img {
	width: 150px;
}
.about-thought__txt {
	width: calc(100% - 200px);
	box-sizing: border-box;
}
@media (max-width: 1000px) {
	.about-thought__txt {
		text-align: justify;
		text-justify: inter-ideograph;
	}
	.about-block__txt {
		width: 50%;
	}
	.about-block__img {
		width: 45%;
	}
	.about-block__txt__inner:nth-child(even) {
		padding: 0 0 3rem 5rem;
	}
	.about-block__txt__inner:nth-child(odd) {
		padding: 0 5rem 3rem 0;
	}
}
@media (max-width: 800px) {
	.about-hero {
		margin-bottom: 0;
	}
	.about-block__wrap {
		margin-bottom: 5rem;	
	}
	.about-block {
		display: block;
		margin: 0;
	}
	.about-block__txt {
		width: 100%;
	}
	.about-block__txt__inner:nth-child(even),
	.about-block__txt__inner:nth-child(odd) {
		padding: 5rem 0 ;
	}
	.about-block__img {
		width: 100%;
	}
	.about-thought {
		padding: 8rem 0 10rem;
	}
	.about-thought__inner {
		display: block;
	}
	.about-thought__img {
		width: 150px;
		margin: 8rem auto;
	}
	.about-thought__txt {
		width: 100%;
		text-align: justify;
		text-justify: inter-ideograph;
	}
}
@media (max-width: 500px) {
	.about-hero__catch {
		font-size: 2.8rem;
		text-indent: 2rem;
	}
}

/****************************************

	product

*****************************************/
.product-hero {
	background: url(images/product_hero_pc.jpg) center top no-repeat;
	background-size: contain;
	height: 40vw;
	text-align: center;
	margin-bottom: 7vw;
}
.product-hero__inner {
	transform: translateY(25vw);
}
.product-hero__catch {
	font-size: 3vw;
	margin-bottom: 1vw;
}
.product-hero__frame a {
	font-size: 1.8rem;
	line-height: 1;
	border: 1px solid #b6a464;
	color: #b6a464;
	padding: 13px 3em 10px;
	box-sizing: border-box;
	margin: auto;
	display: inline-block;
}
.product-block .heading-border {
	margin-bottom: 5vw;
}
.product-box {
	margin-bottom: 10rem;
    padding-top: 10rem;/* アンカーリンクずれ防止 */
    margin-top: -10rem;/* アンカーリンクずれ防止 */
}
.product-box__inner {
	display: flex;
	justify-content: space-between;
	margin-bottom: 3rem;
}
.product-box__img {
	width: 30%;
	text-align: center;
}
.product-box__txt {
	width: 65%;
}
.product-box__ttl {
	font-size: 4.2rem;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','Noto Serif JP', serif;
	font-weight: bold;
	line-height: 1.2;
}
.product-box__word {
	font-size: 2.2rem;
	margin: 2rem 0 5rem;
	line-height: 1.7;
}
.product-box__price {
	font-size: 2.2rem;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 15px 0;
	line-height: 1.6;
	margin: 2rem 0;
	font-weight: bold;
}
.product-box__point {
	color: #b6a464;
	letter-spacing: 2px;
	margin-bottom: 1rem;
	font-weight: 700;
}
.product-box__list li {

}
.product-box__list__inner {
	border: 1px solid #ABADAD;
	border-radius: 2px;
	padding: 3px 2rem 2px 4rem;
	box-sizing: border-box;
	margin-bottom: 1rem;
	position: relative;;
	background: url(images/ic_dia.png) 15px center no-repeat;
	background-size: 10px 28px;
	display: inline-block;
}
.btn-buy {
	font-size: 24px;
	width: 100%;
	display: block;
	text-align: center;
	height: 55px;
	line-height: 55px;
	font-weight: bold;
	border-width: 2px;
	box-sizing: border-box;
}
.product-c {
	background: url(images/product_concept.jpg) center top no-repeat;
	background-size: cover;
	padding: 7vw 0 13vw;
}
.product-c__catch {
	font-size: 3.5rem;
	line-height: 1.5;
}
.product-c__block{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.product-c__block:not(:last-child){
	margin: 5vw 0;
}
.product-c__block:nth-child(odd) .product-c__txt {
	order: 2;
}
.product-c__block:nth-child(odd) .product-c__img {
	order: 1;
}
.product-c__txt {
	width: 48%;
	font-size: 1.9rem;
	line-height: 1.7;
}
.product-c__txt p:not(:last-child) {
	margin-bottom: 2rem;
}
.product-c__img {
	width: 48%;
}
@media (max-width: 800px) {
	.product-hero {
		background: url(images/product_hero_sp.jpg) center top repeat-y;
		background-size: cover;
		height: 110vw;
	}
	.product-hero__inner {
		transform: translateY(70vw);
	}
	.product-hero__catch {
		font-size: 5vw;
		margin-bottom: 2vw;
	}
	.product-box__inner {
		display: block;
	}
	.product-box__img {
		width: 60%;
		margin: 0 auto 2rem;
	}
	.product-box__txt {
		width: 100%;
	}
	.product-box__ttl {
		font-size: 3rem;
		margin-top: 5rem;
	}
	.product-c {
		padding: 8rem 0 5%;
	}
	.product-c__block{
		display: block;
	}
	.product-c__txt {
		width: 100%;
	}
	.product-c__txt p:last-child {
		margin-bottom: 5vw;
	}
	.product-c__img {
		width: 100%;
	}
	.zoom-detail {
		display: none;
	}
}
/****************************************

	report

*****************************************/
.report-wrap {
	padding: 8rem 0;
	background: #FAFAF8;
}
.report-hero {
	background: url(images/report_hero.jpg) center top no-repeat;
	background-size: cover;
	height: 350px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.report-wrap .heading-center {
	margin-bottom: 4vw;
}
.report-wrap .reports{
	margin: 3rem 0 7rem;
}
.reports__last{
	margin: 3rem 0!important;
}
.report-cattag {
	padding: 4rem 0 7rem;
}
.report-cattag__inner {
	border-bottom: 1px solid #f5f5f5;
}
.report-cattag__cat {
	text-align: center;
	padding: 3rem 0 2rem;
}
.report-cattag__cat li {
	text-align: center;
	display: inline-block;
}
.report-cattag__cat a {
	display: block;
	font-size: 1.4rem;
	padding: 3px 2rem;
	border-radius: 100px;
	background: #f9f6f1;
	margin: 9px 5px;
}
.report-cattag__tag {
	padding: 1rem 0;
}
.report-cattag__tag li {
	display: inline-block;
	line-height: 1.2;
}
.report-cattag__tag a {
	font-size: 1.3rem;
	text-decoration: underline;
	color: #707070;
	margin-right: 1.5rem;
}

@media (max-width: 800px) {
	.report-wrap {
		padding: 5rem 0 10vw;
	}
	.report-hero {
		height: 300px;
		padding: 0 5%;
	}
	.report-cattag {
		padding: 5rem 0;
	}
	.report-cattag__cat {
		padding: 0 0 2rem;
	}
	.report-cattag__cat a {
		margin: 5px 5px;
	}
}
/****************************************

	report-detail

*****************************************/
.report-detail-wrap {
	padding: 8rem 0;
	background: #FAFAF8;
}
.supervisors__box {
	border: 1px solid #D9D9D9;
	margin: 8rem 0;
}
.supervisors__box__inner {
	display: flex;
	justify-content: space-between;
	padding: 3.5rem;
}
.supervisors__box__img {
	width: 30%;
	text-align: center;
}
.supervisors__box__img img {
	width: 200px;
	height: auto;
}
.supervisors__box__txt {
	width: 65%;
}
.supervisors__box__txt2 {
	width: 100%;
}
/*  記事内のライター・監修者紹介エリアは画像はfloat: right;  */
.post-content .supervisors__box__inner {
	display: block;
	padding: 3.5rem;
}
.post-content .supervisors__box__img {
	margin-left: 2rem;
    float: right;
}
.post-content .supervisors__box__img img {
	margin-top: 0;
}
.post-content .supervisors__box__txt {
	width: 100%;
}
/*  記事内のライター・監修者紹介エリアは画像はfloat: right;  */
.kaihei-inner {
    display: none;
}
.kaihei-open {
    border: 1px solid #42484B;
    text-align: center;
    margin-top: 2rem;
    padding: 8px;
    cursor: pointer;
}
.kaihei-open:before {
    content: "";
    background: url(images/ic_arrow2_b.png) left center no-repeat;
	display: inline-block;
	width: 10px;
	height: 6px;
	background-size: 10px 6px;
    margin-right: 1rem;
}
.kaihei-open.active:before {
    content: "";
    background: url(images/ic_arrow2_t.png) left center no-repeat;
	display: inline-block;
	width: 10px;
	height: 6px;
	background-size: 10px 6px;
}
.fa-caret-right {
    background: url(images/ic_arrow2_r.png) left center no-repeat;
	display: inline-block;
	width: 6px;
	height: 10px;
	background-size: 6px 10px;
}
/*  記事内のライター・監修者紹介エリアは画像とテキストを左右に分かれさせない  */
/*.post-content .supervisors__box__inner {
	display: block;
}
.post-content .supervisors__box__img {
	margin: auto;
}
.post-content .supervisors__box__img img {
	margin: 1rem 0 3rem;
}
.post-content .supervisors__box__txt {
	width: 100%;
}*/
/*  記事内のライター・監修者紹介エリアは画像とテキストを左右に分かれさせない  */

/* common */
.supervisors__ttl {
	font-size: 1.6rem;
	font-weight: 400;
}
.supervisors__name {
    font-size: 2.2rem!important;
    margin: 1rem 0 1.5rem!important;
    position: static!important;
    border-bottom: none!important;
    padding-bottom: 0!important;
    font-weight: normal!important;
}
.supervisors__name:before {
	content: normal!important;
	position: static!important;
	width: auto!important;
	height: inherit!important;
	border-bottom: none!important;
}
.supervisors__list {
	font-size: 1.6rem;
}
.supervisors__list p {
	margin-bottom: 2rem;
}
/* common */



.sns-box {
	background: #fff;	
}
.sns-box__inner {
	padding: 4rem 0 2rem;
}
.sns-box__list {
	display: flex;	
	align-items: center;
	position: relative;
	padding: 4rem 0;
}
.sns-box__list:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100px;
	height: 1px;
	background: #999;
}
.sns-box__list dt {
	font-size: 1.2rem;
	margin-right: 30px;
}
.sns-box__list dd img {
	color: #fff;
	fill: currentColor;
	width: 32px;
	margin: 13px;
}
.lineAddFriend {
	background: rgba(142,146,148,0.1);
	font-size: 1.4rem;
	padding: 6rem 0;
	text-align: center;
}
.lineAddFriend p {
	margin: 2.5rem 0 0;	
}
.lineAddFriend .btn.btn-more {
	margin: 1.5rem auto 0;
}
.line-present {
	background: url(images/about_hero.jpg) center center no-repeat;
	background-size: cover;
	padding: 80px 0 60px;
}
.line-present__inner {
	display: flex;	
	max-width: 550px;
	margin: auto;
}
.line-present__head,
.line-present__txt p {
	color: #707070;
 }
.line-present__head {
	font-size: 24px;
	position: relative;
	line-height: 1.5;
	margin: auto;
	max-width: 400px;
}
.line-present__head:before,
.line-present__head:after {
	position: absolute;
	bottom: 0;
	display: block;
}
.line-present__head:before {
	content: '＼';
	left: 0;
}
.line-present__head:after {
	content: '／';
	right: 0;
}
.line-present__txt {
	margin-top: 20px;
	margin-left: 20px;
}
.line-present__txt p {
	font-size: 17px;
}
.line-present__txt span {
	font-size: 21px;
	margin-top: 8px;
	display: block;
	line-height: 1.5;
}
.line-present__img img {
	width: 123px;
}
.line-present .btn.btn-silver  {
	color: #8e9294;
	border: 1px solid #8e9294;
	margin-top: 1.5rem;
	/* margin-left: 0; */
}
.line-present .btn.btn-silver:hover  {
  color: #fff;
  background: #8e9294;
}
.reports-end {
	padding-top: 10rem;
}
.reports-end__ttl {
	font-weight: normal;	
}

@media (max-width: 800px) {
	.report-detail-wrap {
		padding: 5rem 0;
	}
	.supervisors__box {
		margin: 4rem 0;
	}
	.reports-end {
		padding-top: 6rem;
	}
	.line-present {
		background-size: auto;
	}
}
@media (max-width: 600px) {
	.supervisors__box__inner {
		display: block;
		padding: 2.5rem;
	}
	.supervisors__box__img {
		width: 120px;
		margin: 0 auto 2.5rem;
	}
	.post-content .sp-center .supervisors__box__img {
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0;
		float: none;
	}
	.supervisors__box__txt {
		width: 100%;
	}
.line-present {
	text-align: center;
}
.line-present__inner {
	display: block;	
	max-width: auto;
}
.line-present__head {
	font-size: 22px;
}
.line-present__txt {
	margin-top: 0;
	margin-left: 0;
}
.line-present .btn.btn-silver  {
	margin: 1.5rem auto 0;
}
}
/****************************************

	present

*****************************************/
.present h2 {
	margin-top: 2rem;	
}
.present-ttl {
	text-align: center;
}
.present-ttl__inner {
	font-size: 30px;
	position: relative;
	display: flex;
	justify-content: center;
	margin: auto;
	font-weight: bold;
	font-weight: 700;
	line-height: 1.5;
	max-width: 700px;	
}
.present-ttl__inner:before, .present-ttl__inner:after {
  content: '';
  position: absolute;
  bottom: 0;
  display: inline-block;
  width: 85px;
  height: 1px;
  background-color: black;
}
.present-ttl__inner:before {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  left:0;
}
.present-ttl__inner:after {
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  right: 0;
}
.present-wrap {
	max-width: 600px;
	margin: auto;
}
/*.present .post .btn {
	color: #b6a464!important;
	text-decoration: none!important;
}
.present .post .btn:hover {
	color: #fff!important;
}*/
@media (max-width: 600px) {
.present-ttl__inner {
	font-size: 21px;
}
.present-ttl__inner:before, .present-ttl__inner:after {
  content: normal;
}
}
/****************************************

	supervisors

*****************************************/
.supervisors-wrap {
	padding: 8rem 0 10vw;
	background: #FAFAF8;
}
.supervisors-hero {
	margin-bottom: 8rem;	
}
.supervisors__block__wrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.supervisors__link {
	display: block;
	background: #fff;
	transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
}
.supervisors__link:hover {
	box-shadow: 0 0 15px rgba(0,0,0,0.07);
}
.supervisors__block__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 4.7rem;
}
.supervisors__block__img {
	width: 30%;
}
.supervisors__block__txt {
	width: 65%;
}

@media (max-width: 1100px) {
	.supervisors__block__wrapper {
		width: 90%;
	}
}
@media (max-width: 600px) {
	a.supervisors__link {
		margin-bottom: 3rem;
	}
	.supervisors__block__inner {
		display: block;
		padding: 4.7rem 2.5rem;
	}
	.supervisors__block__img {
		width: 200px;
		margin: 0 auto 2.5rem;
	}
	.supervisors__block__txt {
		width: 100%;
	}
}

/****************************************

	archive

*****************************************/
.archive .supervisors__box {
	margin: 0 0 8rem;
}
@media (max-width: 800px) {
.archive .supervisors__box {
	margin: 0 0 4rem;
}
}
/****************************************

	contact

*****************************************/
.attention-box {
	background: rgba(182,164,100,0.1);
	border-radius: 3px;
	margin: 3rem 0;
	padding: 2rem 3rem;
}

.attention-box__ttl {
	font-size: 1.4rem;	
}
.attention-box__list{
	font-size: 1.2rem;
}
.attention-box__list li{
	list-style-type: disc;
	margin-bottom: 1rem;
	margin-left: 1rem;
}
.agree-wrap {
	border: 3px solid rgba(182,164,100,0.8);
	box-sizing: border-box;
	display: block;
	text-align: center;
	padding: 2rem;
	font-size: 1.6rem;
}
span.wpcf7-list-item {
    margin: 0!important;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	border: 2px solid #b6a464!important;
}
span.wpcf7-not-valid-tip {
	color: #cc0000!important;
	font-weight: 700!important;
	font-size: 1.4rem!important;
}

/****************************************

	lisa-kirimura

*****************************************/
.lisa-kirimura .supervisors-wrap {
	padding: 8rem 0 0;
}

/****************************************

	counseling-room（カンナさんの更年期相談室）

*****************************************/
.fukidashi {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	margin: 3rem 0;
}
.fukidashi__txt {
	border: 1px solid #676c6e;
	padding: 1.5rem 2rem;
	position: relative;
	width: 525px;
	box-sizing: border-box;
	font-size: 1.6rem;
	background: #fff;
}
.fukidashi-r .fukidashi__txt {
	position: relative;
}
.fukidashi__txt p:last-child {
	margin-bottom: 0!important;
}
.fukidashi__txt:before {
	content: "";
	display: block;
	width: 14px;
	height: 10px;
	background-size:14px 10px;
	position: absolute;
}
.fukidashi-l .fukidashi__txt:before {
	background-image: url(images/ic_arrow_l.png);
	left: -14px;
	top: 20px;
}
.fukidashi-r .fukidashi__txt:before {
	background-image: url(images/ic_arrow_r.png);
	right: -14px;
	top: 20px;
}
.fukidashi-r .fukidashi__ic {
	order: 2;
}
.fukidashi-r .fukidashi__txt {
	order: 1;
}
.post .fukidashi__ic {
	width: 52px;
	font-size: 1rem!important;
	font-weight: normal;
	text-align: center;
	padding-top: 57px;
	margin-bottom: 0!important;
	padding-bottom: 0!important;
	border-bottom: 0!important;
}
.fukidashi__kanna {
	background: url('images/ic_kanna.png') center top no-repeat;
	background-size: 52px 52px;
}
.fukidashi__lisa {
	background: url('images/ic_lisa.png') center top no-repeat;
	background-size: 52px 52px;
}
.fukidashi__shirotani {
	background: url('images/ic_shirotani.png') center top no-repeat;
	background-size: 52px 52px;
}
.fukidashi__fujii {
	background: url('images/ic_fujii.png') center top no-repeat;
	background-size: 52px 52px;
}
.counseling-faq {
	box-shadow: 0 0 16px rgba(0,0,0,0.07);
	padding: 4rem;
	background: #fff;
	margin: 3rem 0;
}
.counseling-faq.counseling-faq-gold {
	background: #b6a464;
	color: #fff;
}
.post h2.counseling-faq__head {
	font-size: 1.9rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 2rem;
	border-bottom: none;
	margin: 0;
	padding-bottom: 0;
}
.post h2.counseling-faq__head::before {
	content: none;
}
.counseling-faq__head__txt {
	width: 475px;
	display: block;
}
.counseling-faq-detail {
	font-size: 1.6rem;
	line-height: 1.8;
	margin-top: 2rem;
}
.counseling-qabg {
	background: #b6a464;
	color: #fff;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	font-size: 1.8rem;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}
.counseling-faq-gold .counseling-qabg {
	background: #fff;
	color: #b6a464;
}
.d-none {
	display: none;
}
.post .counseling_relation__head {
	font-size: 1.7rem;
	border-bottom: none;
	margin: 4.5rem 0 2rem;
	padding-bottom: 0;
}
.post .counseling_relation__head::before {
	content: none;
}
.counseling_relation {
    border: 1px solid #D9D9D9;
	padding: 2.5rem 3.5rem;
}
.counseling_relation dl {
	font-size: 1.6rem;
}
.post-content .counseling_relation dl a {
	color: #42484b!important;
}
.counseling_relation dl dd:not(:last-child) {
	margin-bottom: 2rem;
}
.reports-end-counseling .reports__box .img {
	background-color: transparent;
}
.reports-end-counseling .reports__box .img.img-there img {
	opacity: 1;
}
@media (max-width: 700px) {
	.counseling-faq {
		padding: 2rem;
	}
	.counseling-faq__head__txt {
		width: calc(100% - 45px);
	}
	.counseling_relation {
		padding: 2rem 2.5rem;
	}
	.fukidashi__txt {
		width: calc(100% - 75px);
	}

}

/****************************************

	voice

*****************************************/
.voice-wrap {
	position: relative;
}
.voice-wrap:before,
.voice-wrap:after {
	content: '';
	position: absolute;
	display: block;
	width: 42%;
	height: 800px;
	background: url(images/brand_foot.jpg) right top no-repeat;
	z-index: -1;
}
.voice-wrap:before {
	top: 20rem;
	right: 0;
}
.voice-wrap:after {
	bottom: 0;
	left: 0;
}
.voice-imgtxt__wrap {
	max-width: 1320px;
	margin-right: auto;
	margin-left: auto;
	padding: 6rem 0;
}
.voice-imgtxt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1130px;
	padding: 6rem 0;
}
.voice-imgtxt__txt {
	width: 55%;
	box-shadow: 0 0 81px rgba(0,0,0,0.09);
	padding: 5%;
	background-color: #fff;
	font-size: 1.6rem;
	line-height: 2.2;
	box-sizing: border-box;
}
.voice-imgtxt__txt p:not(:last-child) {
	margin-bottom: 3rem;
}
.voice-imgtxt__img {
	width: 32%;
}
.voice-imgtxt:nth-child(odd) {
	margin-right: 16%;
}
.voice-imgtxt:nth-child(even) {
	margin-left: 16%;
}
.voice-imgtxt:nth-child(even) .voice-imgtxt__txt {
	order: 2;
}
.voice-imgtxt:nth-child(even) .voice-imgtxt__img {
	order: 1;
}
.voice-wide-gel {
	background-color: #e7ebf4;
}
.voice-wide-mask {
	background-color: #b8cadd;
}
.btn-group {
	background: url(images/brand_foot.jpg) right top no-repeat;
	background-size: cover;
	padding: 12rem 5%;
}

@media (max-width: 1500px) {
.voice-imgtxt__wrap {
	padding: 6rem 5%;
}
.voice-imgtxt__txt {
	width: 55%;
}
.voice-imgtxt:nth-child(odd) {
	margin-right: 0;
}
.voice-imgtxt:nth-child(even) {
	margin-left: 0;
}
.voice-imgtxt:nth-child(odd) .voice-imgtxt__img {
	margin-left: 5%;
}
.voice-imgtxt:nth-child(even) .voice-imgtxt__img {
	margin-right: 5%;
}

}
@media (max-width: 767px) {
.voice-imgtxt {
	display: block;
	padding: 5% 0;
}
.voice-imgtxt__txt {
	width: 100%;
}
.voice-imgtxt__img {
	width: 100%;
}
.voice-imgtxt:nth-child(odd) .voice-imgtxt__img,
.voice-imgtxt:nth-child(even) .voice-imgtxt__img {
	margin: 5% auto;
	text-align: center;

}
.btn-group {
	background: url(images/brand_foot.jpg) right top no-repeat;
	background-size: cover;
	padding: 6rem 5%;
}
}

/****************************************

	christmascampaign

*****************************************/
  .christmascampaign #wrap {
    background: #a5041e;
	padding-bottom: 10rem;
  }

.christmas-wrap {
	width: 1360px;
	margin: auto;
	box-sizing: border-box;
}
.christmas-head {
	font-size: 3.2rem;
	text-align: center;
}

  .hero {
    background: url(images/christmas_hero_bg.png) center top no-repeat;
    padding: 9rem 5% 4rem;
	box-sizing: border-box;
	position: relative;
	max-width: 2000px;
	margin: auto;
  }

  .hero__catch {
    font-size: 3.6rem;
  }

  .hero__head {
    margin: 3rem 0;
  }

	.hero__kikan {
		position: absolute;
		top: 9rem;
		right: 50rem;
	}

	.hero .kikan__date {
		display: none;
	}

  .set {
    box-sizing: border-box;
    width: 1900px;
    margin: 5rem auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .set:nth-child(even) .set__mainimg {
    transform: translate(5rem, 0);
  }

  .set:nth-child(even) .set__detail {
    transform: translate(-5rem, 0);
  }

  .set:nth-child(odd) .set__mainimg {
    order: 2;
    transform: translate(-5rem, 0);
  }

  .set:nth-child(odd) .set__detail {
    order: 1;
    transform: translate(5rem, 0);
  }

  .set__mainimg {
    width: 70%;
    z-index: 1;
  }

  .set__detail {
    background: #fff;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
    width: 37%;
    padding: 7rem 5rem;
    box-sizing: border-box;
    z-index: 2;
  }

  .set__head {
    display: flex;
    align-items: center;
    margin: 2rem 0;
  }

  .set__head__num {
    margin-right: 2rem;
  }

  .set__head__txt div {
    font-size: 2.4rem;
    letter-spacing: 0.3rem;
    margin-right: 1rem;
  }

  .set__head__txt h2 {
    font-size: 3.9rem;
    line-height: 1;
    text-indent: -2rem;
  }

  .set__band {
    font-size: 2.2rem;
    line-height: 1.5;
    padding: 0.5rem 2rem;
  }

  .price {
    display: flex;
	align-items: center;
  }

  .price-center {
    justify-content: center;
  }

  .price__main {
    font-size: 4rem;
  }

.price__yen {
	font-size: 1.9rem;
}

.price__zei {
	font-size: 1.4rem;
}

.price__arrow{
  display: inline-block;
  width: 26px;
  height: 26px;
  transform: rotate(45deg);
	margin-right: 2rem;
	margin-left: -0.5rem;
}
.price__arrow-gray{
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}

.price__arrow-white{
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

.gift__inner {
    display: flex;
    justify-content: space-between;
}

.gift__inner figure {
	width: 45%;
}

.gift__head {
	width: 1540px;
	margin-right: auto;
	margin-left: auto;
	background: url(images/christmas_deco.png) center center no-repeat;
	padding: 6rem 0;
}

.kikan {
  font-size: 2.2rem;
}

.kikan__date {
	padding: 1.5rem;
	line-height: 1.5;
}

.kikan__date div:nth-of-type(1) {
  font-size: 3.1rem;
}

.setinfo__inner {
    display: flex;
    justify-content: space-between;
	padding: 8rem 9rem;
	border: 1px solid #fff;
}

.setinfo__img {
	width: 25%;
}

.setinfo__img figure {
	padding: 4rem;
	box-sizing: border-box;
}

.setinfo__txt {
	width: 69%;
}

.setinfo__head {
	font-size: 3rem;
	margin-bottom: 1rem;
	padding-bottom: 2rem;
}

.setinfo__head:after {
	content: '';
	display: block;
	height: 1px;
	background: #fff;
}

.setinfo__inner:nth-of-type(1) .setinfo__head:after {
	width: 12rem;
}

.setinfo__inner:nth-of-type(2) .setinfo__head:after {
	width: 15rem;
}


  @media (max-width: 1900px) {
    .hero {
      background-size: contain;
    }

	.hero__kikan {
		right: 15vw;
	}

    .set {
      width: 100%;
    }

    .set__subimg {
      width: 80%;
      margin: auto;
    }

    .set__head__txt div {
      font-size: 2rem;
    }

    .set__head__txt h2 {
      font-size: 3rem;
    }

    .set__band {
      font-size: 2rem;
    }
.gift__head {
	width: 100%;
}

  }
  @media (max-width: 1400px) {
	.christmas-wrap {
		width: 100%;
		padding: 0 5%;
  }

	.hero__kikan {
		display: none;
	}

	.hero .kikan__date {
		display: block;
	}
  }

  @media (max-width: 1200px) {
    .set {
      display: block;
      max-width: 600px;
      margin: 0 auto ;
    }

    .set__mainimg {
      width: 100%;
    }

    .set__detail {
      width: 100%;
    }

    .set:nth-child(even) .set__mainimg,
    .set:nth-child(even) .set__detail,
    .set:nth-child(odd) .set__mainimg,
    .set:nth-child(odd) .set__detail {
      transform: translate(0, 0);
    }

  }
  @media (max-width: 900px) {
.christmas-head {
	font-size: 2.5rem;
}
  .set__detail {
    padding: 5rem 5% 7rem;
  }
	.setinfo__inner {
		display: block;
		padding: 5%;
	}
	.setinfo__img {
		width: 100%;
		max-width: 400px;
		margin: 0 auto 3rem;
	}

	.setinfo__txt {
		width: 100%;
	}

	.gift__inner {
		display: block;
	}
	.gift__inner figure {
		width: 100%;
		max-width: 500px;
		margin: 0 auto 9rem;
	}
	.gift__head {
		padding: 0 0 2rem;
	}

	.gift__head h2 {
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
	}
}
  @media (max-width: 499px) {
	.kikan__date div:nth-of-type(1) {
		font-size: 4vw;
	}

	.kikan__date div:nth-of-type(2) {
		font-size: 1.5rem;
	}

	.price__main {
		font-size: 7vw;
	}

	.price__yen {
		font-size: 4vw;
	}

	.price__zei {
		font-size: 3vw;
	}

	.price__arrow{
		display: inline-block;
		width: 15px;
		height: 15px;
		transform: rotate(45deg);
		margin-right: 2rem;
		margin-left: -0.5rem;
	}
.setinfo__inner:nth-of-type(1) .setinfo__head:after {
	width: 10.5rem;
}

.setinfo__inner:nth-of-type(2) .setinfo__head:after {
	width: 13.5rem;
}
  }

/****************************************

	single

*****************************************/
.postid-9696 #myplace3, /* all-in-one-gel-birth-story */
.postid-10081 #myplace3, /* all-in-one-gel-point */
.postid-10233 #myplace3, /* soy-equol */
.postid-10269 #myplace3,  /* wellmethod-nutri-cosmetics */
.postid-10396 #myplace3 , /* trend-healthcare */
.postid-10546 #myplace3  /* dry-skin-in-summer */
{
	display: none;
}

/* 220531 オールインワンゲルバナーをすべて非表示に */
#myplace2,
#myplace3 {
	display: none;
}

/****************************************

	離脱防止ポップアップ用

*****************************************/


/* ポップアップ */
.popup-area {
	display:none;
	width:80vw;
	position: fixed;
	z-index: 9999;   
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	text-align: center;
}

.popup-area img{
	width:80vw;
	max-width: 980px;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
	.popup-area img{
		max-width: 750px;
	}
}

@media screen and (max-width: 480px) {
	.popup-area {
		width:auto;
		max-width: 400px;
	}
	.popup-area img{
		width:95vw;
		max-width: 400px;

	}

}
/* 背景色 */
.cover-eml {
	background:rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;   
	top:0;
	right:0;
	bottom:0;
	left:0;
}