@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}
}





/* ================================================================================

	メイン画像

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
		background: url(../img/main_top.jpg) center top / contain no-repeat;
		height: 41.6666667vw;
		margin-top: 6.25vw;
	}
	.main_top_in {
		position: relative;
		font-size: 2.64166667vw;
		font-weight: bold;
		padding: 8.4vw 0 0 10.6vw;
		color: #fff;
	}
	.main_top_in .catch p {
		display: inline-block;
		background-color: #efba5f;
		padding: 0.3vw 1.2vw;
	}
	.main_top_in .catch:nth-of-type(2) p {
		margin: 1.65vw 0;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
		background: url(../img/main_top.jpg) -80vw top / cover no-repeat;
		height: 100vw;
	}
	.main_top_in {
		position: relative;
		font-size: 5vw;
		font-weight: bold;
		padding: 30vw 0 0 6vw;
		color: #fff;
	}
	.main_top_in .catch p {
		display: inline-block;
		background-color: #efba5f;
		padding: 0.3vw 1.2vw;
	}
	.main_top_in .catch:nth-of-type(2) p {
		margin: 1.65vw 0;
	}
	
	
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ================================================================================

	お知らせ / ブログ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row01 {
		margin-top: 120px;
	}
	
	.row01_title h2 {
		font-size: 35px;
		font-weight: bold;
		text-align: center;
	}
	.row01_news,
	.row01_news a {
		color: #8bb67b;
	}
	.row01_blog,
	.row01_blog a {
		color: #efba5f;
	}
	
	.row01_content {
		border-radius: 30px;
		font-weight: bold;
		padding: 40px 40px 50px;
		margin-top: 40px;
		min-height: 457px;
	}
	.row01_news .row01_content {
		background-color: #f5fff1;
	}
	.row01_blog .row01_content {
		background-color: #fff9ee;
	}
	
	.row01_content .post_wrap .post_date {
		font-size: 18px;
		float: left;
	}
	.row01_content .post_wrap .blog_icon {
		float: left;
		color: #fff;
		font-size: 11px;
		padding: 0 10px;
		margin: 5.5px 0 0 14px;
	}
	.row01_content .post_wrap .post_title {
		font-size: 20px;
		clear: both;
	}
	
	.row01_news .row01_content .post_wrap .blog_icon {
		background-color: #8bb67b;
	}
	.row01_blog .row01_content .post_wrap .blog_icon {
		background-color: #efba5f;
	}
	
	.row01_content .post_wrap ul li {
		padding: 15px 8px;
	}
	.row01_content .post_wrap ul li:first-of-type {
		padding-top: 0;
	}
	.row01_news .row01_content .post_wrap ul li {
		border-bottom: #8bb67b 1px solid;
	}
	.row01_blog .row01_content .post_wrap ul li {
		border-bottom: #efba5f 1px solid;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row01 {
		margin-top: 18vw;
	}
	
	.row01_title h2 {
		font-size: 6vw;
		font-weight: bold;
		text-align: center;
	}
	.row01_news,
	.row01_news a {
		color: #8bb67b;
	}
	.row01_blog,
	.row01_blog a {
		color: #efba5f;
	}
	
	.row01_content {
		border-radius: 6vw;
		font-weight: bold;
		padding: 8vw 6vw 9vw;
		margin: 8vw 6vw 14vw;
	}
	.row01_news .row01_content {
		background-color: #f5fff1;
	}
	.row01_blog .row01_content {
		background-color: #fff9ee;
	}
	
	.row01_content .post_wrap .post_date {
		font-size: 4vw;
		float: left;
	}
	.row01_content .post_wrap .blog_icon {
		float: left;
		color: #fff;
		font-size: 2.8vw;
		padding: 0 2vw;
		margin: 1vw 0 0 3vw;
	}
	.row01_content .post_wrap .post_title {
		font-size: 4vw;
		clear: both;
	}
	
	.row01_news .row01_content .post_wrap .blog_icon {
		background-color: #8bb67b;
	}
	.row01_blog .row01_content .post_wrap .blog_icon {
		background-color: #efba5f;
	}
	
	.row01_content .post_wrap ul li {
		padding: 3vw 1vw;
	}
	.row01_content .post_wrap ul li:first-of-type {
		padding-top: 0;
	}
	.row01_news .row01_content .post_wrap ul li {
		border-bottom: #8bb67b 1px solid;
	}
	.row01_blog .row01_content .post_wrap ul li {
		border-bottom: #efba5f 1px solid;
	}
	
	
}





/* ================================================================================

	エリア

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row02 {
		font-weight: bold;
		color: #efa56b;
		margin-top: 180px;
	}
	.row02:before {
		content: '';
		background-color: #fdffee;
		width: 100%;
		height: 225px;
		top: 50%;
		left: 0;
		position: absolute;
		margin-top: -112.5px;
	}
	
	.row02_text01 {
		font-size: 20px;
	}
	.row02_text02 p {
		font-size: 28px;
		background: linear-gradient(transparent 65%, #fff47e 50%);
		display: inline-block;
	}
	.row02_text03 {
		font-size: 20px;
		margin-top: 5px;
	}
	.row02_text03 span {
		color: #fff;
		background-color: #efa56b;
		padding: 0 5px;
	}
	

	.row02_img img {
		width: 368px;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row02 {
		font-weight: bold;
		color: #efa56b;
		text-align: center;
	}
	.row02:before {
		content: '';
		background-color: #fdffee;
		width: 100%;
		height: 90vw;
		top: 50%;
		left: 0;
		position: absolute;
		margin-top: -35vw;
	}
	
	.row02_text01 {
		font-size: 3.5vw;
	}
	.row02_text02 p {
		font-size: 5vw;
		background: linear-gradient(transparent 65%, #fff47e 50%);
		display: inline-block;
	}
	.row02_text03 {
		font-size: 3.5vw;
		margin-top: 2vw;
	}
	.row02_text03 span {
		color: #fff;
		background-color: #efa56b;
		padding: 0 1vw;
	}
	
	.row02_img {
		text-align: center !important;
		width: 75vw !important;
		margin: 0 auto;
	}
	
	
}





/* ================================================================================

	新型コロナ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row03 {
		margin-top: 15px;
	}
	
	.covid_box {
		background-color: #f5fff1;
		color: #8bb67b;
		text-align: center;
		padding: 60px;
	}
	.covid_box h2 {
		font-size: 25px;
	}
	
	.covid_text {
		margin-top: 25px;
	}
	.covid_text {
		font-size: 18px;
		line-height: 2;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row03 {
		margin-top: 20vw;
		margin-bottom: 10vw;
	}
	
	.covid_box {
		background-color: #f5fff1;
		color: #8bb67b;
		text-align: center;
		padding: 14vw 6vw;
	}
	.covid_box h2 {
		font-size: 5vw;
		line-height: 1.4;
	}
	
	.covid_text {
		line-height: 1.8;
		margin-top: 4vw;
	}
	
	
}





/* ================================================================================

	紹介

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row04 {
		text-align: center;
		margin-top: 120px;
	}
	
	.row04:after {
		content: '';
		position: absolute;
		background: url(../img/male01.png) center top / contain no-repeat;
		bottom: -126px;
		left: 50%;
		width: 167px;
		height: 131px;
		margin-left: 278px;
		z-index: 1;
	}
	
	.row04_title h2 {
		color: #efa56b;
		font-size: 35px;
		line-height: 1.4;
	}
	
	.row04_text {
		font-size: 18px;
		line-height: 2;
		margin-top: 28px;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row04 {
		text-align: center;
		margin: 16vw 6vw;
	}
	
	.row04:after {
		content: '';
		position: absolute;
		background: url(../img/male01.png) center top / contain no-repeat;
		bottom: -24vw;
		right: 0vw;
		width: 27vw;
		height: 20vw;
		z-index: 1;
	}
	
	.row04_title h2 {
		color: #efa56b;
		font-size: 5vw;
		line-height: 1.4;
	}
	
	.row04_text {
		line-height: 1.8;
		margin-top: 4vw;
	}
	
	
}





/* ================================================================================

	コンセプト

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row05 {
		background-color: #fff9ee;
		text-align: center;
		margin-top: 110px;
		padding: 112px 0;
	}
	
	.row05_title h2 {
		font-size: 35px;
		color: #efa56b;
		line-height: 1.4;
	}
	
	.row05_content01 {
		margin-top: 50px;
	}
	.row05_content02 {
		margin-top: 43px;
	}
	.row05_content01 img,
	.row05_content02 img {
		width: 252px;
	}
	
	.row05_text {
		font-size: 18px;
		line-height: 2;
		margin-top: 48px;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row05 {
		background-color: #fff9ee;
		text-align: center;
		padding: 16vw 6vw;
	}
	
	.row05_title h2 {
		font-size: 5vw;
		color: #efa56b;
		line-height: 1.4;
	}
	
	.row05_content01 {
		margin-top: 8vw;
	}
	.row05_sp01,
	.row05_sp02,
	.row05_sp03 {
		width: 42vw;
		float: left;
	}
	.row05_sp01 {
		margin-bottom: 4vw;
	}
	.row05_sp02 {
		margin: 0 0 4vw 4vw;
	}
	
	.row05_content02 .row05_sp02 {
		position: absolute;
		right: 0;
		top: -46vw;
	}
	.row05_sp03 {
		margin: 0 auto;
	}
	
	.row05_text {
		line-height: 1.8;
		margin-top: 8vw;
	}
	
	
}





/* ================================================================================

	メニュー

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row06 {
		margin-top: 120px;
	}
	
	.row06_content02 {
		margin-top: 80px !important;
	}
	
	.row06_title {
		font-size: 35px;
	}
	.row06_content01 .row06_title h2 {
		color: #8bb67b;
	}
	.row06_content02 .row06_title h2 {
		color: #efa56b;
		line-height: 1.4;
	}
	
	.row06_text {
		font-size: 18px;
		line-height: 2;
		margin-top: 30px;
	}
	.row06_content02 .row06_text {
		margin-top: 15px;
	}
	
	.row06_btn {
		margin-top: 27px;
	}
	.row06_btn a {
		color: #fff;
		display: inline-block;
		text-align: center;
		padding: 14px 69px;
		font-size: 22px;
		font-weight: bold;
	}
	.row06_content01 .row06_btn a {
		background-color: #8bb67b;
	}
	.row06_content02 .row06_btn a {
		background-color: #efa56b;
	}
	
	.row06_content01:after {
		content: '';
		position: absolute;
		background: url(../img/male02.png) center top / contain no-repeat;
		bottom: -23px;
		left: 50%;
		width: 163px;
		height: 167px;
		margin-left: -226px;
	}
	.row06_content02:after {
		content: '';
		position: absolute;
		background: url(../img/male03.png) center top / contain no-repeat;
		bottom: -22px;
		left: 50%;
		width: 118px;
		height: 125px;
		margin-left: 366px;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row06 {
		margin-top: 20vw;
		text-align: center;
	}
	
	.row06_content02 {
		margin-top: 80px !important;
	}
	
	.row06_title {
		font-size: 6vw;
		margin-top: 10vw;
	}
	.row06_content01 .row06_title h2 {
		color: #8bb67b;
	}
	.row06_content02 .row06_title h2 {
		color: #efa56b;
		line-height: 1.4;
	}
	
	.row06_text {
		line-height: 1.8;
		margin-top: 4vw;
	}
	.row06_content02 .row06_text {
		margin-top: 4vw;
	}
	
	.row06_btn {
		margin-top: 6vw;
	}
	.row06_btn a {
		color: #fff;
		display: inline-block;
		text-align: center;
		padding: 3.5vw 20vw;
		font-size: 4.5vw;
		font-weight: bold;
	}
	.row06_content01 .row06_btn a {
		background-color: #8bb67b;
	}
	.row06_content02 .row06_btn a {
		background-color: #efa56b;
	}
	
	.row06_content01:after {
		content: '';
		position: absolute;
		background: url(../img/male02.png) center top / contain no-repeat;
		top: 47vw;
		width: 30vw;
		height: 31vw;
		right: 6vw;
	}
	.row06_content02:after {
		content: '';
		position: absolute;
		background: url(../img/male03.png) center top / contain no-repeat;
		top: 54vw;
		width: 23vw;
		height: 25vw;
		right: 6vw;
	}
	
	
}





/* ================================================================================

	施術の流れ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row07 {
		background-color: #f5fff1;
		margin-top: 120px;
		padding: 120px 0;
	}
	
	.row07_title h2 {
		color: #8bb67b;
		font-size: 35px;
		text-align: center;
	}
	
	.row07_content01 {
		margin-top: 60px !important;
	}
	.row07_content02 {
		margin-top: 30px !important;
	}
	
	.row07_img img {
		width: 331px;
	}
	
	.row07_btn {
		margin-top: 60px;
		text-align: center;
	}
	.row07_btn a {
		color: #fff;
		background-color: #8bb67b;
		display: inline-block;
		text-align: center;
		padding: 14px 69px;
		font-size: 22px;
		font-weight: bold;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row07 {
		background-color: #f5fff1;
		margin-top: 20vw;
		padding: 16vw 2vw;
	}
	
	.row07_title h2 {
		color: #8bb67b;
		font-size: 6vw;
		text-align: center;
	}
	
	.row07_content01 {
		margin-top: 8vw;
	}
	
	.row07_sp01,
	.row07_sp02,
	.row07_sp03,
	.row07_sp04,
	.row07_sp05 {
		width: 47vw;
		float: left;
	}
	.row07_sp01 {
		margin-bottom: 2vw;
	}
	.row07_sp02 {
		margin: 0 0 2vw 2vw;
	}
	.row07_sp04 {
		margin: 0 2vw 0 0;
	}
	
	.row07_sp03 {
		position: absolute;
		right: 0;
		top: -49vw;
	}
	
	.row07_btn {
		margin-top: 6vw;
		text-align: center;
	}
	.row07_btn a {
		color: #fff;
		display: inline-block;
		text-align: center;
		padding: 3.5vw 20vw;
		font-size: 4.5vw;
		font-weight: bold;
		background-color: #8bb67b;
	}
	
	
}




/* ================================================================================

	お客様の声

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row08 {
		margin-top: 120px;
	}
	
	.row08_title h2 {
		font-size: 35px;
		color: #efa56b;
		text-align: center;
	}
	
	.row08_content {
		margin-top: 50px;
	}
	
	.row08_content .voice_thumb img {
		width: 100%;
		height: 213px;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
		object-position: center top;
		border: 1px solid #8bb67b;
	}
	.row08_content .voice_date {
		font-size: 18px;
		font-weight: bold;
		color: #efa56b;
		margin-top: 13px;
		text-align: left;
	}
	.row08_content .voice_title {
		font-size: 20px;
		font-weight: bold;
		color: #efa56b;
		text-align: left;
	}
	.row08_content .voice_wrap ul  {
		font-size: 0;
		text-align: center;
	}
	.row08_content .voice_wrap ul li {
		width: 340px;
		display: inline-block;
	}
	.row08_content .voice_wrap ul li:nth-of-type(2) {
		margin: 0 39px;
	}
	
	.row08_btn {
		margin-top: 60px;
		text-align: center;
	}
	.row08_btn a {
		color: #fff;
		background-color: #efa56b;
		display: inline-block;
		text-align: center;
		padding: 14px 80px;
		font-size: 22px;
		font-weight: bold;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row08 {
		margin-top: 16vw;
	}
	
	.row08_title h2 {
		font-size: 6vw;
		color: #efa56b;
		text-align: center;
	}
	
	.row08_content {
		margin: 8vw 10vw 0;
	}
	
	.row08_content .voice_thumb img {
		width: 100%;
		height: 60vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
		object-position: center top;
		border: 1px solid #8bb67b;
	}
	.row08_content .voice_date {
		font-size: 3.5vw;
		font-weight: bold;
		color: #efa56b;
		margin-top: 4vw;
	}
	.row08_content .voice_title {
		font-size: 4.2vw;
		font-weight: bold;
		color: #efa56b;
	}
	.row08_content .voice_wrap ul li:nth-of-type(2) {
		margin: 6vw 0;
	}
	
	.row08_btn {
		margin-top: 8vw;
		text-align: center;
	}
	.row08_btn a {
		background-color: #efa56b;
		color: #fff;
		display: inline-block;
		text-align: center;
		padding: 3.5vw 20vw;
		font-size: 4.5vw;
		font-weight: bold;
	}
	
	
}




/* ================================================================================

	予約

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row09 {
		margin: 120px 0;
	}
	
	.row09_content {
		background-color: #f5fff1;
		color: #8bb67b;
		padding: 48px 58px 48px 0;
		text-align: center;
	}
	
	.row09_title {
		margin-top: 8px;
	}
	.row09_title h3 {
		font-size: 25px;
	}
	
	.row09_tel {
		margin-top: 13px;
	}
	.row09_tel a {
		margin: 0;
		font-size: 25px;
		pointer-events: none;
		color: #8bb67b;
		font-weight: bold;
	}
	.row09_tel a span {
		font-size: 35px;
	}
	
	.row09_reserve {
		border: 3px solid #8bb67b;
		padding: 30px 45px 42px;
		margin-left: 28px;
	}
	.row09_reserve h3 {
		font-size: 23px;
	}
	.row09_reserve a {
		font-size: 20px;
		color: #fff;
		display: block;
		text-align: center;
		background-color: #8bb67b;
		margin-top: 11px;
		font-weight: bold;
		padding: 5px 0;
	}
	
	.row09_reserve:before {
		content: '';
		position: absolute;
		background: url(../img/male04.png) center top / contain no-repeat;
		top: -100px;
		right: 17px;
		width: 112px;
		height: 97.5px;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row09 {
		margin: 16vw 0;
	}
	
	.row09_content {
		background-color: #f5fff1;
		color: #8bb67b;
		padding: 16vw 6vw;
		text-align: center;
	}
	
	.row09_title {
		margin-top: 0;
	}
	.row09_title h3 {
		font-size: 5vw;
	}
	
	.row09_tel {
		margin-top: 4vw;
	}
	.row09_tel a {
		margin: 0;
		font-size: 5.5vw;
		color: #8bb67b;
		font-weight: bold;
	}
	.row09_tel a span {
		font-size: 8vw;
	}
	
	.row09_reserve {
		border: 3px solid #8bb67b;
		padding: 8vw;
		margin-top: 8vw;
	}
	.row09_reserve h3 {
		font-size: 5vw;
		line-height: 1.4;
	}
	.row09_reserve a {
		font-size: 5vw;
		color: #fff;
		display: block;
		text-align: center;
		background-color: #8bb67b;
		margin-top: 4vw;
		font-weight: bold;
		padding: 2vw 0;
	}
	
	.row09_reserve:before {
		content: '';
		position: absolute;
		background: url(../img/male04.png) center top / contain no-repeat;
		top: -14vw;
		right: 2vw;
		width: 19vw;
		height: 17vw;
	}
	
	
	
}

/* ================================================================================

	TOP checkリスト部分

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_list_check_title h2{
		background: #ffff;
		display: inline-block;
	}
	.top_list_check_box{
		position: relative;
	}
	.top_list_check_box::before{
		position: absolute;
		content: "";
		border-radius: 30px;
		border: 2px solid #efa56b;
		top: 49px;
		width: 100%;
		height: 100%;
	}
	.top_list_check{
		margin-top: 30px;
	}
	.top_list_check ul li{
		position: relative;
		line-height: 2;
		font-size: 24px;
	}
	.top_list_check ul li::before{
		position: absolute;
		content: "";
		background: url(../img/check.png) no-repeat left top / 100% auto;
		width: 27px;
		height: 28px;
		top: 11.9px;
		left: -38px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_list_check_title h2{
		background: #ffff;
		display: inline-block;
	}
	.top_list_check_box{
		position: relative;
	}
	.top_list_check_box::before{
		position: absolute;
		content: "";
		border-radius: 30px;
		border: 2px solid #efa56b;
		top: 9vw;
		width: 100%;
		height: 100%;
	}
	.top_list_check{
		margin: 6vw 6vw 2vw 16vw;
	}
	.top_list_check ul li{
		position: relative;
		line-height: 1.2;
		font-size: 4vw;
		margin-bottom: 4vw;
	}
	.top_list_check ul li::before{
		position: absolute;
		content: "";
		background: url(../img/check.png) no-repeat left top / 100% auto;
		width: 5vw;
		height: 5vw;
		top: 0.3vw;
		left: -7vw;
	}
	
}