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

* {
	margin: 0;
	padding: 0;
}

*:hover {
	outline: none;
}

body {
	overflow: hidden;
	background: url("../img/common/back.jpg") repeat-y top center;
	background-size: 100%;
	margin: 0 auto;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	color: #000;
	line-height: 1.2em;
	-webkit-text-size-adjust: 100%;
}

img {
	display: block;
	width: 100%;
	border: 0;
}

a, a:hover, a:visited, a:active {
	color: #000;
	text-decoration: none;
}

a:hover {
	opacity: 0.5;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a:hover img {
	opacity: 0.5;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

@media screen and (min-width: 768px) {
	.sp {
		display: none!important;
	}
	
	body{
		background: url("../img/common/back.jpg") repeat-y top center;
		background-size: 1457px;
	}
}

@media screen and (min-width: 1457px) {	
	body{
		background: url("../img/common/back.jpg") repeat-y top center;
		background-size: 100%;
	}
}

@media screen and (max-width: 767px) {
	.pc {
		display: none!important;
	}
	
	body{
		background: url("../img/common/back.jpg") repeat-y top center;
		background-size: 192%;
		padding-bottom: 16vw;
	}
}


/************************************
header
************************************/
header {
	background: #ffffff;
	position: fixed;
	z-index: 999;
}

header .logo img {
	float: left;
}

@media screen and (min-width: 768px) {
	header {
		width: 90vw;
		height: 7vw;
		border-radius: 0 0 1vw 1vw;
		left: 50%;
		transform: translate(-50%, 0);
	}
	
	header .logo {
		float: left;
		margin-left: 2vw;
	}
	
	header .logo img:first-child {
		width: 38vw;
		margin-top: 1.5vw;
	}
	
	header .logo img:last-child {
		width: 6vw;
	}
	
	header .nav {
		float: right;
		margin: 1.7vw 2vw 0 0;
	}
	
	header .nav a {
		display: block;
		width: 11.4vw;
		padding: 1vw 0;
		border-radius: 1vw;
		color: #ffffff;
		font-size: 1.6vw;
		line-height: 1em;
		font-weight: bold;
		text-align: center;
		float: left;
	}
	
	header .nav .reservation {
		background-color: #6e8bb4;
		letter-spacing: 0.5em;
		text-indent: 0.5em;
		margin-right: 0.7vw;
	}
	
	header .nav .contact {
		background-color: #6b6499;
		letter-spacing: 0.1em;
		text-indent: 0.1em;
		margin-right: 0.7vw;
	}
	
	header .nav .blog {
		background-color: #81388b;
		letter-spacing: 0.5em;
		text-indent: 0.5em;
	}
}

@media screen and (min-width: 1000px) {
	header {
		width: 900px;
		height: 70px;
	}
	
	header .logo {
		margin-left: 20px;
	}
	
	header .logo img:first-child {
		width: 380px;
		margin-top: 15px;
	}
	
	header .logo img:last-child {
		width: 60px;
	}
	
	header .nav {
		margin: 17px 20px 0 0;
	}
	
	header .nav a {
		width: 114px;
		padding: 10px 0;
		border-radius: 10px;
		font-size: 16px;
	}
	
	header .nav .reservation {
		margin-right: 7px;
	}
	
	header .nav .contact {
		margin-right: 7px;
	}
}

@media screen and (max-width: 767px) {
	header {
		width: 100%;
		height: 16vw;
		padding-left: 3vw;
	}
	
	header .logo img:first-child {
		width: 80vw;
		margin-top: 4.4vw;
	}
	
	header .logo img:last-child {
		width: 14.4vw;
	}
}


/************************************
#main
************************************/
#main {
	margin: 0 auto;
	position: relative;
}

#main .message {
	margin: 0 auto;
}

#main .main_um {
	position: absolute;
}

#main .illust {
	position: absolute;
}

@media screen and (min-width: 768px) {
	#main {
		width: 90vw;
		padding: 10.5vw 0 4.5vw;
	}
	
	#main .message {
		width: 52.8vw;
	}
	
	#main .main_um {
		width: 17.9vw;
		bottom: -2.5vw;
		left: 2.5vw;
	}
	
	#main .illust {
		width: 17.2vw;
		height: auto;
		bottom: -5.6vw;
		right: 3vw;
	}
}

@media screen and (min-width: 1000px) {
	#main {
		width: 900px;
		padding: 105px 0 45px;
	}
	
	#main .message {
		width: 528px;
	}
	
	#main .main_um {
		width: 179px;
		bottom: -25px;
		left: 25px;
	}
	
	#main .illust {
		width: 172px;
		bottom: -56px;
		right: 30px;
	}
}

@media screen and (max-width: 767px) {
	#main {
		padding: 26vw 0 12vw;
	}
	
	#main .message {
		width: 82.5vw;
	}
	
	#main .main_um {
		width:  23.84vw;
		bottom: 4vw;
		left: 4.53vw;
	}
	
	#main .illust {
		width: 23.33vw;
		height: auto;
		bottom: -1.33vw;
		right: 5.86vw;
	}
}


/************************************
#contents
************************************/
#contents {
	margin: 0 auto;
}

#contents hr {
	border: none;
	background-color: #ffffff;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	#contents hr {
		width: 79.6vw;
		height: 0.2vw;
		box-shadow: 0 0 0.6vw rgba(29, 32, 136, 0.6);
	}
	
	#contents .wrapper_pc {
		background-color: rgba(255, 255, 255, 0.8);
		width: 90vw;
		border-radius: 1vw;
		padding: 3.5vw 0 5vw;
		margin: 0 auto;
	}
	
	#contents .wrapper_pc .star {
		position: absolute;
		width: 14.1vw;
	}
}

@media screen and (min-width: 1000px) {
	#contents hr {
		width: 796px;
		height: 2px;
		box-shadow: 0 0 6px rgba(29, 32, 136, 0.6);
	}
	
	#contents .wrapper_pc {
		width: 900px;
		border-radius: 10px;
		padding: 35px 0 50px;
	}
	
	#contents .wrapper_pc .star {
		width: 141px;
	}
}

@media screen and (max-width: 767px) {
	#contents .wrapper_sp {
		background-color: rgba(255, 255, 255, 0.8);
		width: 95vw;
		margin: 0 auto;
	}
	
	#contents .wrapper_sp:first-child {
		padding: 5.3vw 0 6.66vw;
		margin-bottom: 2vw;
	}
	
	#contents .wrapper_sp:last-child {
		padding: 6.66vw 0 9.33vw;
	}
	
	#contents .wrapper_sp hr {
		height: 0.26vw;
		box-shadow: 0 0 0.8vw rgba(29, 32, 136, 0.6);
	}
	
	#contents .wrapper_sp:first-child hr {
		width: 92vw;
	}
	
	#contents .wrapper_sp:last-child hr {
		width: 80.9vw;
	}
}


/************************************
#introduction
************************************/
#introduction {
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	#introduction {
		width: 47.45vw;
		padding-bottom: 3.5vw;
	}
}

@media screen and (min-width: 1000px) {
	#introduction {
		width: 474.5px;
		padding-bottom: 35px;
	}
}

@media screen and (max-width: 767px) {
	#introduction {
		width: 76.1vw;
		padding-bottom: 5.06vw;
	}
}


/************************************
#for
************************************/
#for {
	margin: 0 auto;
}

#for h3 {
	margin: 0 auto;
}

#for ul li {
	position: relative;
	line-height: 1.43em;
	padding-left: 1.1em;
}

#for ul li span {
	color: #6b538a;
	font-weight: bold;
}

#for ul li:before {
	position: absolute;
	content: "●";
	color: #6e8bb4;
	left: 0;
}

#for .individuals {
	position: relative;
}

#for .individuals .illust {
	position: absolute;
}

#for .corporations {
	position: relative;
}

#for .corporations .illust {
	position: absolute;
}

@media screen and (min-width: 768px) {
	#for {
		width: 79.6vw;
		padding: 3vw 0 6vw;
		position: relative;
	}
	
	#for:after {
		content: "";
		clear: both;
		display: block;
	}
	
	#for .star:first-child {
		top: 0;
		right: -12vw;
	}
	
	#for .star:nth-child(2) {
		bottom: 30vw;
		left: -10.7vw;
	}
	
	#for h3 {
		width: 43.2vw;
		margin-bottom: 2.5vw;
	}
	
	#for ul li {
		font-size: 1.4vw;
		margin-bottom: 0.7vw;
	}
	
	#for ul li:before {
		font-size: 2.3vw;
		top: -0.05vw;
	}
	
	#for .individuals {
		background: url("../img/pc/sec01_back01.png")no-repeat top left;
		background-size: 100%;
		width: 44.45vw;
		height: 29.05vw;
		margin: 0 0 1.2vw 1.5vw;
	}
	
	#for .individuals h4 {
		width: 9.8vw;
		padding: 5.5vw 0 0 1.5vw;
		margin: 0 auto 2.5vw;
	}
	
	#for .individuals ul {
		margin-left: 4vw;
	}
	
	#for .individuals .illust {
		width: 24.3vw;
		height: auto;
		bottom: 2.8vw;
		right: -27.3vw;
	}
	
	#for .corporations {
		float: right;
		background: url("../img/pc/sec01_back02.png")no-repeat top left;
		background-size: 100%;
		width: 62vw;
		height: 32.05vw;
		margin-right: 5vw;
	}
	
	#for .corporations h4 {
		width: 9.76vw;
		padding: 5vw 2.5vw 0 0;
		margin: 0 auto 2.5vw;
	}
	
	#for .corporations ul {
		margin-left: 8.7vw;
	}
	
	#for .corporations .illust:first-of-type {
		width: 9.05vw;
		height: auto;
		top: 0;
		left: -4.3vw;
	}
	
	#for .corporations .illust:last-of-type {
		width: 8.96vw;
		height: auto;
		bottom: -0.2vw;
		right: -0.5vw;
	}
}

@media screen and (min-width: 1000px) {
	#for {
		width: 796px;
		padding: 30px 0 60px;
	}
	
	#for .star:first-child {
		right: -120px;
	}
	
	#for .star:nth-child(2) {
		bottom: 300px;
		left: -107px;
	}
	
	#for h3 {
		width: 432px;
		margin-bottom: 25px;
	}
	
	#for ul li {
		font-size: 14px;
		margin-bottom: 7px;
	}
	
	#for ul li:before {
		font-size: 23px;
		top: -0.5px;
	}
	
	#for .individuals {
		width: 444.5px;
		height: 290.5px;
		margin: 0 0 12px 15px;
	}
	
	#for .individuals h4 {
		width: 98px;
		padding: 55px 0 0 15px;
		margin: 0 auto 25px;
	}
	
	#for .individuals ul {
		margin-left: 40px;
	}
	
	#for .individuals .illust {
		width: 243px;
		bottom: 28px;
		right: -273px;
	}
	
	#for .corporations {
		width: 620px;
		height: 320.5px;
		margin-right: 50px;
	}
	
	#for .corporations h4 {
		width: 97.6px;
		padding: 50px 25px 0 0;
		margin: 0 auto 25px;
	}
	
	#for .corporations ul {
		margin-left: 87px;
	}
	
	#for .corporations .illust:first-of-type {
		width: 90.5px;
		left: -43px;
	}
	
	#for .corporations .illust:last-of-type {
		width: 89.6px;
		bottom: -2px;
		right: -5px;
	}
}

@media screen and (max-width: 767px) {
	#for {
		width: 92vw;
		padding: 6vw 0 2.66vw;
	}
	
	#for h3 {
		width: 81.4vw;
		margin-bottom: 3.33vw;
	}
	
	#for ul {
		padding-left: 5.6vw;
	}
	
	#for ul li {
		font-size: 2.93vw;
		margin-bottom: 2.66vw;
	}
	
	#for ul li:last-child {
		margin-bottom: 0;
	}
	
	#for ul li:before {
		font-size: 5vw;
		top: -0.06vw;
	}
	
	#for .individuals {
		background-color: #ffffff;
		border-radius: 2.66vw;
		padding: 5.33vw 0;
		margin: 0 auto 1.73vw;
	}
	
	#for .individuals h4 {
		width: 18.1vw;
		margin: 0 auto 25px;
	}
	
	#for .individuals .illust {
		width: 23vw;
		height: auto;
		top: -1.33vw;
		right: 6.26vw;
	}
	
	#for .corporations {
		background-color: #ffffff;
		border-radius: 2.66vw;
		padding: 5.33vw 0;
		margin: 0 auto;
	}
	
	#for .corporations h4 {
		width: 17.7vw;
		margin: 0 auto 25px;
	}
	
	#for .corporations .illust:first-of-type {
		width: 9vw;
		height: auto;
		top: 11.46vw;
		right: 4.13vw;
	}
	
	#for .corporations .illust:last-of-type {
		width: 8.96vw;
		height: auto;
		bottom: 6.13vw;
		right: 5.73vw;
	}
}


/************************************
#about
************************************/
#about {
	margin: 0 auto;
}

#about h3 {
	margin: 0 auto;
}

#about .about_numerology {
	text-align: justify;
	text-justify: inter-ideograph;
}

#about .about_numerology .numerology_1 {
	background: #ffffff;
}

#about .about_numerology .numerology_1 .column_1 {
	float: left;
}

#about .about_numerology .numerology_1 .column_2 {
	float: left;
}

#about .about_numerology .numerology_2 img {
	float: left;
}

#about .about_astrology {
	line-height: 1.6em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#about .about_astrology .astrology_1 {
	background: #ffffff;
}

#about .about_astrology .astrology_1 .column_1 {
	float: left;
}

#about .about_astrology .astrology_1 .column_2 {
	float: left;
}

#about .about_astrology .astrology_2 p {
	float: left;
}

#about .about_astrology .astrology_2 img {
	float: right;
}

#about .message {
	margin: 0 auto;
}

#about .description {
	text-align: center;
	line-height: 1.6em;
}

@media screen and (min-width: 768px) {
	#about {
		width: 79.6vw;
		padding: 5.2vw 0 6vw;
		position: relative;
	}
	
	#about:after {
		content: "";
		clear: both;
		display: block;
	}
	
	#about .star:first-child {
		top: -1.8vw;
		right: -12vw;
	}
	
	#about .star:nth-child(2) {
		bottom: 0;
		left: -10.7vw;
	}
	
	#about h3 {
		width: 28.16vw;
		margin-bottom: 4vw;
	}
	
	#about .about_numerology {
		float: left;
		width: 41.9vw;
		margin-bottom: 3vw;
	}
	
	#about .about_numerology .numerology_1 {
		border-radius: 1vw;
		height: 20.6vw;
		margin-bottom: 3vw;
	}
	
	#about .about_numerology .numerology_1 .column_1 {
		width: 22.2vw;
		padding: 3vw 0 0 3vw;
		margin-right: 3vw;
	}
	
	#about .about_numerology .numerology_1 .column_1 h4 {
		width: 12.8vw;
		margin-bottom: 1.8vw;
	}
	
	#about .about_numerology .numerology_1 .column_1 p {
		font-size: 1.34vw;
		line-height: 1.8em;
	}
	
	#about .about_numerology .numerology_1 .column_2 {
		width: 8.32vw;
		height: auto;
		padding-top: 4vw;
	}
	
	#about .about_numerology .numerology_2 {
		border: 0.2vw solid #ffffff;
		border-radius: 1vw;
		height: 24.3vw;
	}
	
	#about .about_numerology .numerology_2 img {
		width: 14.6vw;
		padding-left: 3vw;
		margin: -0.8vw 2.3vw 0 0;
	}
	
	#about .about_numerology .numerology_2 p {
		width: 36vw;
		padding-top: 3vw;
		font-size: 1.31vw;
		line-height: 1.76em;
		margin: 0 auto;
	}
	
	#about .x {
		position: absolute;
		width: 10.4vw;
		top: 18vw;
		right: 31.3vw;
	}
	
	#about .about_astrology {
		float: right;
		width: 35.2vw;
		margin-bottom: 3vw;
	}
	
	#about .about_astrology .astrology_1 {
		border-radius: 1vw;
		height: 20.6vw;
		margin-bottom: 3vw;
	}
	
	#about .about_astrology .astrology_1 .column_1 {
		width: 12.2vw;
		padding: 3vw 0 0 4.5vw;
		margin-right: 3vw;
	}
	
	#about .about_astrology .astrology_1 .column_1 h4 {
		width: 10.34vw;
		margin-bottom: 1.8vw;
	}
	
	#about .about_astrology .astrology_1 .column_1 p {
		font-size: 1.34vw;
		line-height: 1.8em;
	}
	
	#about .about_astrology .astrology_1 .column_2 {
		width: 13.24vw;
		height: auto;
		padding-top: 5vw;
	}
	
	#about .about_astrology .astrology_2 {
		border: 0.2vw solid #ffffff;
		border-radius: 1vw;
		height: 24.3vw;
	}
	
	#about .about_astrology .astrology_2 p {
		width: 16.6vw;
		font-size: 1.31vw;
		line-height: 1.76em;
		padding: 3vw 0 0 3vw;
	}
	
	#about .about_astrology .astrology_2 img {
		width: 9vw;
		padding: 3.5vw 3vw 0 0;
	}
	
	#about .message {
		width: 66vw;
		margin-bottom: 2vw;
	}
	
	#about .description {
		font-size: 1.4vw;
	}
}

@media screen and (min-width: 1000px) {
	#about {
		width: 796px;
		padding: 52px 0 60px;
		position: relative;
	}
	
	#about .star:first-child {
		top: -18px;
		right: -120px;
	}
	
	#about .star:nth-child(2) {
		bottom: 0;
		left: -107px;
	}
	
	#about h3 {
		width: 281.6px;
		margin-bottom: 40px;
	}
	
	#about .about_numerology {
		width: 419px;
		margin-bottom: 30px;
	}
	
	#about .about_numerology .numerology_1 {
		border-radius: 10px;
		height: 206px;
		margin-bottom: 30px;
	}
	
	#about .about_numerology .numerology_1 .column_1 {
		width: 222px;
		padding: 30px 0 0 30px;
		margin-right: 30px;
	}
	
	#about .about_numerology .numerology_1 .column_1 h4 {
		width: 128px;
		margin-bottom: 18px;
	}
	
	#about .about_numerology .numerology_1 .column_1 p {
		font-size: 13.4px;
	}
	
	#about .about_numerology .numerology_1 .column_2 {
		width: 83.2px;
		padding-top: 40px;
	}
	
	#about .about_numerology .numerology_2 {
		border: 2px solid #ffffff;
		border-radius: 10px;
		height: 243px;
	}
	
	#about .about_numerology .numerology_2 img {
		width: 146px;
		padding-left: 30px;
		margin: -8px 23px 0 0;
	}
	
	#about .about_numerology .numerology_2 p {
		width: 360px;
		font-size: 13.1px;
		padding-top: 30px;
	}
	
	#about .x {
		width: 104px;
		top: 180px;
		right: 313px;
	}
	
	#about .about_astrology {
		width: 352px;
		margin-bottom: 30px;
	}
	
	#about .about_astrology .astrology_1 {
		border-radius: 10px;
		height: 206px;
		margin-bottom: 30px;
	}
	
	#about .about_astrology .astrology_1 .column_1 {
		width: 122px;
		padding: 30px 0 0 45px;
		margin-right: 30px;
	}
	
	#about .about_astrology .astrology_1 .column_1 h4 {
		width: 103.4px;
		margin-bottom: 18px;
	}
	
	#about .about_astrology .astrology_1 .column_1 p {
		font-size: 13.4px;
	}
	
	#about .about_astrology .astrology_1 .column_2 {
		width: 132.4px;
		padding-top: 50px;
	}
	
	#about .about_astrology .astrology_2 {
		border: 2px solid #ffffff;
		border-radius: 10px;
		height: 243px;
	}
	
	#about .about_astrology .astrology_2 p {
		width: 166px;
		padding: 30px 0 0 30px;
		font-size: 13.1px;
	}
	
	#about .about_astrology .astrology_2 img {
		width: 90px;
		padding: 35px 30px 0 0;
	}
	
	#about .message {
		width: 660px;
		margin-bottom: 20px;
	}
	
	#about .description {
		font-size: 14px;
	}
}

@media screen and (max-width: 767px) {
	#about {
		width: 92vw;
		padding: 6.66vw 0 7.2vw;
	}
	
	#about h3 {
		width: 45.46vw;
		margin-bottom: 6vw;
	}
	
	#about .about_numerology .numerology_1 {
		border-radius: 2.66vw;
		height: 41.6vw;
		margin-bottom: 4.66vw;
	}
	
	#about .about_numerology .numerology_1 .column_1 {
		width: 51vw;
		padding: 6vw 0 0 6vw;
		margin-right: 7vw;
	}
	
	#about .about_numerology .numerology_1 .column_1 h4 {
		width: 25.5vw;
		margin-bottom: 2.66vw;
	}
	
	#about .about_numerology .numerology_1 .column_1 p {
		font-size: 2.93vw;
		line-height: 1.75em;
	}
	
	#about .about_numerology .numerology_1 .column_2 {
		width: 17.8vw;
		height: auto;
		padding-top: 7vw;
	}
	
	#about .about_numerology .numerology_2 {
		width: 79.2vw;
		margin: 0 auto 5.33vw;
	}
	
	#about .about_numerology .numerology_2 img {
		width: 29vw;
		margin: -7.33vw 3.33vw 0 -0.66vw;
	}
	
	#about .about_numerology .numerology_2 p {
		font-size: 2.93vw;
		line-height: 1.6em;
	}
	
	#about .about_astrology .astrology_1 {
		border-radius: 2.66vw;
		height: 31vw;
		margin-bottom: 4.66vw;
	}
	
	#about .about_astrology .astrology_1 .column_1 {
		width: 42.4vw;
		padding: 6vw 0 0 6vw;
		margin-right: 3vw;
	}
	
	#about .about_astrology .astrology_1 .column_1 h4 {
		width: 20.5vw;
		margin-bottom: 2.66vw;
	}
	
	#about .about_astrology .astrology_1 .column_1 p {
		font-size: 2.93vw;
		line-height: 1.75em;
	}
	
	#about .about_astrology .astrology_1 .column_2 {
		width: 26.24vw;
		height: auto;
		padding-top: 3vw;
	}
	
	#about .about_astrology .astrology_2 {
		padding-left: 6vw;
		margin: 0 auto 5.33vw;
	}
	
	#about .about_astrology .astrology_2:after {
		content: "";
		clear: both;
		display: block;
	}
	
	#about .about_astrology .astrology_2 p {
		float: left;
		width: 63vw;
		font-size: 2.93vw;
		line-height: 1.6em;
	}
	
	#about .about_astrology .astrology_2 img {
		float: right;
		width: 16vw;
		padding-right: 1vw;
		margin-top: -13vw;
	}
	
	#about .message {
		width: 77.86vw;
		margin-bottom: 4vw;
	}
	
	#about .description {
		font-size: 2.93vw;
	}
}


/************************************
#why
************************************/
#why {
	margin: 0 auto;
}

#why h3 {
	margin: 0 auto;
}

#why .reason {
	background-color: #ffffff;
	position: relative;
}

#why .reason ul {
	margin: 0 auto;
}

#why .reason img {
	position: absolute;
}

#why .detox img {
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	#why {
		width: 79.6vw;
		padding: 5vw 0 6vw;
		position: relative;
	}
	
	#why:after {
		content: "";
		clear: both;
		display: block;
	}
	
	#why .star:first-child {
		bottom: 12vw;
		right: -12vw;
	}
	
	#why .star:nth-child(2) {
		bottom: -3vw;
		left: -10.7vw;
	}
	
	#why h3 {
		width: 55vw;
		margin-bottom: 4vw;
	}
	
	#why .reason {
		border-radius: 1vw;
		padding: 4vw 0;
	}
	
	#why .reason:after {
		content: "";
		clear: both;
		display: block;
	}
	
	#why .reason ul {
		width: 34.15vw;
	}
	
	#why .reason ul.reason1 {
		float: left;
		padding-left: 4vw;
	}
	
	#why .reason ul.reason2 {
		float: right;
		padding-right: 4vw;
	}
	
	#why .reason ul li {
		border-left: 0.3vw solid #6e8bb4;
		padding-left: 1vw;
		font-size: 1.25vw;
		line-height: 1.6em;
		margin-bottom: 2vw;
	}
	
	#why .reason ul li:last-child {
		margin-bottom: 0;
	}
	
	#why .reason img {
		width: 17vw;
		bottom: -4vw;
		right: 5.2vw;
	}

	#why .detox {
		clear: both;
		background: url("../img/pc/sec03_arrow.png") no-repeat top center;
		background-size: 8.6vw;
		padding-top: 5vw;
	}
	
	#why .detox img {
		width: 56.3vw;
	}
}

@media screen and (min-width: 1000px) {
	#why {
		width: 796px;
		padding: 50px 0 60px;
	}
	
	#why .star:first-child {
		bottom: 120px;
		right: -120px;
	}
	
	#why .star:nth-child(2) {
		bottom: -30px;
		left: -107px;
	}
	
	#why h3 {
		width: 550px;
		margin-bottom: 40px;
	}
	
	#why .reason {
		border-radius: 10px;
		padding: 40px 0;
	}
	
	#why .reason ul {
		width: 341.5px;
	}
	
	#why .reason ul.reason1 {
		padding-left: 40px;
	}
	
	#why .reason ul.reason2 {
		padding-right: 40px;
	}
	
	#why .reason ul li {
		border-left: 3px solid #6e8bb4;
		padding-left: 10px;
		font-size: 12.5px;
		margin-bottom: 20px;
	}
	
	#why .reason ul li:last-child {
		margin-bottom: 0;
	}
	
	#why .reason img {
		width: 170px;
		bottom: -40px;
		right: 52px;
	}

	#why .detox {
		background-size: 86px;
		padding-top: 50px;
	}
	
	#why .detox img {
		width: 563px;
	}
}

@media screen and (max-width: 767px) {
	#why {
		width: 92vw;
		padding-top: 6.66vw;
	}
	
	#why h3 {
		width: 84.08vw;
		margin-bottom: 6.66vw;
	}
	
	#why .reason {
		border-radius: 2.66vw;
		padding: 5.86vw 7.46vw;
	}
	
	#why .reason ul li {
		border-left: 0.646vw solid #6e8bb4;
		padding-left: 2vw;
		font-size: 2.93vw;
		line-height: 1.6em;
		margin-bottom: 4vw;
	}
	
	#why .reason ul li:last-child {
		margin-bottom: 0;
	}
	
	#why .reason img {
		width: 28vw;
		bottom: -6vw;
		right: 5.06vw;
	}

	#why .detox {
		background: url("../img/sp/sec03_arrow.png") no-repeat top center;
		background-size: 14.38vw;
		padding-top: 8.53vw;
	}
	
	#why .detox img {
		width: 87.2vw;
	}
}


/************************************
#profile
************************************/
#profile {
	margin: 0 auto;
}

#profile h3 {
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.4em;
	text-indent: 0.4em;
}

#profile .description {
	text-align: justify;
	text-justify: inter-ideograph;
}

#profile .profile_2 ul li a {
	display: block;
	color: #4b4b4b;
}

#profile .profile_2 ul li.blog a {
	background: url("../img/common/sec04_icon01.png") no-repeat;
}

#profile .profile_2 ul li.facebook a {
	background: url("../img/common/sec04_icon02.png") no-repeat;
}

#profile .profile_2 ul li.cmbar a {
	background: url("../img/common/sec04_icon03.png") no-repeat;
}

@media screen and (min-width: 768px) {
	#profile {
		width: 79.6vw;
		padding-bottom: 6vw;
	}
	
	#profile:after {
		content: "";
		clear: both;
		display: block;
	}
	
	#profile h3{
		font-size: 1.8vw;
		margin-bottom: 1.5vw;
	}
	
	#profile .description {
		float: left;
		width: 41.5vw;
		padding: 3.5vw 0 0 4.5vw;
		font-size: 1.4vw;
		line-height: 1.7em;
	}
	
	#profile .profile_2 {
		float: right;
		width: 25vw;
		padding: 2.8vw 4vw 0 0;
	}
	
	#profile .profile_2 .profile_um {
		float: left;
		width: 11.6vw;
		margin-bottom: 1.4vw;
	}
	
	#profile .profile_2 ul {
		float: right;
		width: 11vw;
/*Facebookなし		padding-top: 1vw;*/
		padding-top: 3vw;
	}
	
	#profile .profile_2 ul li {
		font-size: 1.387vw;
	}
	
	#profile .profile_2 ul li.blog a {
		height: 2.98vw;
		background-size: 3.03vw;
		padding: 0.7vw 0 0 3.03vw;
		margin-bottom: 0.3vw;
	}
	
	#profile .profile_2 ul li.facebook a {
		height: 2.5vw;
		background-size: 2.5vw;
		padding: 0.3vw 0 0 3vw;
		margin-bottom: 0.9vw;
	}
	
	#profile .profile_2 ul li.cmbar a {
		background-size: 4.184vw;
		background-position: top 0.55vw left 0;
		padding: 0 0 0 4.5vw;
	}
	
	#profile .profile_2 .licence {
		clear: both;
		font-size: 1.2vw;
		line-height: 1.5em;
	}
}

@media screen and (min-width: 1000px) {
	#profile {
		width: 796px;
		padding-bottom: 60px;
	}
	
	#profile h3{
		font-size: 18px;
		margin-bottom: 15px;
	}
	
	#profile .description {
		width: 415px;
		padding: 35px 0 0 45px;
		font-size: 14px;
	}
	
	#profile .profile_2 {
		width: 250px;
		padding: 28px 40px 0 0;
	}
	
	#profile .profile_2 .profile_um {
		width: 116px;
		margin-bottom: 14px;
	}
	
	#profile .profile_2 ul {
		width: 110px;
/*Facebookなし		padding-top: 10px;*/
		padding-top: 30px;
	}
	
	#profile .profile_2 ul li {
		font-size: 13.87px;
	}
	
	#profile .profile_2 ul li.blog a {
		height: 29.8px;
		background-size: 30.3px;
		padding: 7px 0 0 30.3px;
		margin-bottom: 3px;
	}
	
	#profile .profile_2 ul li.facebook a {
		height: 25px;
		background-size: 25px;
		padding: 3px 0 0 30px;
		margin-bottom: 9px;
	}
	
	#profile .profile_2 ul li.cmbar a {
		background-size: 41.84px;
		background-position: top 5.5px left 0;
		padding: 0 0 0 45px;
	}
	
	#profile .profile_2 .licence {
		font-size: 12px;
	}
}

@media screen and (max-width: 767px) {
	#profile {
		width: 80.9vw;
		padding-bottom: 13vw;
	}
	
	#profile h3{
		font-size: 3.73vw;
		margin-bottom: 3.33vw;
	}
	
	#profile .description {
		width: 74vw;
		padding-top: 5.33vw;
		margin: 0 auto 4.2vw;
		font-size: 2.93vw;
		line-height: 1.5em;
	}
	
	#profile .profile_2 {
		width: 74vw;
		margin: 0 auto;
	}
	
	#profile .profile_2 .licence {
		float: left;
		font-size: 2.4vw;
		line-height: 1.85em;
		margin-bottom: 4vw;
	}
	
	#profile .profile_2 .profile_um {
		float: right;
		width: 22vw;
		margin-bottom: 4vw;
	}
	
	#profile .profile_2 ul {
		clear: both;
		display: flex;
		justify-content: space-between;
/*Facebookなし		width: 74vw;*/
		width: 50vw;
		margin: 0 auto;
	}
	
	#profile .profile_2 ul li {
		font-size: 2.66vw;
	}
	
	#profile .profile_2 ul li.blog a {
		height: 6.26vw;
		background-size: 6.4vw;
		padding: 2vw 0 0 7vw;
	}
	
	#profile .profile_2 ul li.facebook {
		padding-top: 0.85vw;
	}
	
	#profile .profile_2 ul li.facebook a {
		height: 5.28vw;
		background-size: 5.28vw;
		padding: 1vw 0 0 7vw;
	}
	
	#profile .profile_2 ul li.cmbar a {
		background-size: 8.84vw;
		background-position: top 0.5vw left 0;
		padding: 0 0 0 10vw;
		margin-top: 2vw;
	}
}


/************************************
#menu
************************************/
#menu {
	margin: 0 auto;
}

#menu h3 {
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.4em;
	text-indent: 0.4em;
}

#menu ul li {
	position: relative;
	padding-left: 1.2em;
}

#menu ul li:before {
	position: absolute;
	content: "●";
	color: #6e8bb4;
	left: 0;
}

#menu p {
	clear: both;
	line-height: 1.5em;
}

#menu a {
	display: block;
	background-color: #6e8bb4;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
	letter-spacing: 0.4em;
	text-indent: 0.4em;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	#menu {
		clear: both;
		width: 79.6vw;
		padding-bottom: 7vw;
		position: relative;
	}
	
	#menu:after {
		content: "";
		clear: both;
		display: block;
	}
	
	#menu .star {
		top: 7vw;
		right: -12vw;
	}
	
	#menu h3{
		font-size: 1.8vw;
		margin-bottom: 1.5vw;
	}
	
	#menu  ul {
		padding-top: 3vw;
		margin-bottom: 1vw;
	}
	
	#menu ul.menu_1 {
		float: left;
		padding-left: 16vw;
		margin-right: 4vw;
	}
	
	#menu ul.menu_2 {
		float: left;
	}
	
	#menu ul li {
		font-size: 1.4vw;
		margin-bottom: 0.7vw;
	}
	
	#menu ul li:last-child {
		margin-bottom: 0;
	}
	
	#menu ul li:before {
		font-size: 2.3vw;
		top: -0.05vw;
	}
	
	#menu p {
		font-size: 1.4vw;
		padding-left: 16vw;
		margin-bottom: 3.5vw;
	}
	
	#menu a {
		clear: both;
		width: 38.7vw;
		font-size: 1.6vw;
		padding: 1vw 0;
		border-radius: 1vw;
		box-shadow: 0 0 0.6vw rgba(29, 32, 136, 0.6);
	}
}

@media screen and (min-width: 1000px) {
	#menu {
		width: 796px;
		padding-bottom: 70px;
	}
	
	#menu .star {
		top: 70px;
		right: -120px;
	}
	
	#menu h3{
		font-size: 18px;
		margin-bottom: 15px;
	}
	
	#menu  ul {
		padding-top: 30px;
		margin-bottom: 10px;
	}
	
	#menu ul.menu_1 {
		padding-left: 160px;
		margin-right: 40px;
	}
	
	#menu ul li {
		font-size: 14px;
		margin-bottom: 7px;
	}
	
	#menu ul li:last-child {
		margin-bottom: 0;
	}
	
	#menu ul li:before {
		font-size: 23px;
		top: -0.5px;
	}
	
	#menu p {
		font-size: 14px;
		padding-left: 160px;
		margin-bottom: 35px;
	}
	
	#menu a {
		width: 387px;
		font-size: 16px;
		padding: 10px 0;
		border-radius: 10px;
		box-shadow: 0 0 6px rgba(29, 32, 136, 0.6);
	}
}

@media screen and (max-width: 767px) {
	#menu {
		clear: both;
		width: 80.9vw;
		padding-bottom: 16vw;
	}
	
	#menu h3{
		font-size: 3.73vw;
		margin-bottom: 3.33vw;
	}
	
	#menu  ul {
		display: block;
		width: 50vw;
		padding-top: 7.33vw;
		margin: 0 auto 3vw;
	}
	
	#menu ul li {
		font-size: 2.93vw;
		margin-bottom: 2.66vw;
	}
	
	#menu ul li:last-child {
		margin-bottom: 0;
	}
	
	#menu ul li:before {
		font-size: 5vw;
		top: -0.06vw;
	}
	
	#menu p {
		width: 50vw;
		font-size: 2.5vw;
		margin:  0 auto 6vw;
	}
	
	#menu a {
		width: 71vw;
		font-size: 3.73vw;
		padding: 2.66vw 0;
		border-radius: 1.84vw;
		box-shadow: 0 0 0.6vw rgba(29, 32, 136, 0.6);
	}
}


/************************************
#form
************************************/
#form {
	margin: 0 auto;
}

#form h3 {
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.4em;
	text-indent: 0.4em;
}

@media screen and (min-width: 768px) {
	#form {
		width: 79.6vw;
		position: relative;
	}
	
	#form:after {
		content: "";
		clear: both;
		display: block;
	}
	
	#form .star:first-child {
		top: 11vw;
		left: -10.7vw;
	}
	
	#form .star:nth-child(2) {
		bottom: -11vw;
		right: 4vw;
	}
	
	#form h3{
		font-size: 1.8vw;
		margin-bottom: 1.5vw;
	}
}

@media screen and (min-width: 1000px) {
	#form {
		width: 796px;
	}
	
	#form .star:first-child {
		top: 110px;
		left: -107px;
	}
	
	#form .star:nth-child(2) {
		bottom: -110px;
		right: 40px;
	}
	
	#form h3{
		font-size: 18px;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 767px) {
	#form {
		width: 80.9vw;
	}
	
	#form h3{
		font-size: 3.73vw;
		margin-bottom: 3.33vw;
	}
}


/************************************
footer
************************************/
footer {
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	footer {
		padding: 6.3vw 0 6.6vw;
	}
	
	footer a {
		display: block;
		width: 34.7vw;
		margin: 0 auto;
	}
}

@media screen and (min-width: 1000px) {
	footer {
		padding: 63px 0 66px;
	}
	
	footer a {
		width: 347px;
	}
}

@media screen and (max-width: 767px) {
	footer {
		width: 100%;
		position: fixed;
		bottom: 0;
		display: flex;
		z-index: 999;
	}
	
	footer .nav {
		display: flex;
		flex: 1;
		justify-direction: row-reverse;
	}
	
	footer .nav a {
		display: flex;
		justify-content: center;
		flex: 1;
		border-top: 0.4vw solid #ffffff;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		line-height: 1em;
		padding: 4.6vw 0;
	}
	
	footer .nav a.reservation {
		background-color: #6e8bb4;
		border-right: 0.2vw solid #ffffff;
		letter-spacing: 0.7em;
		text-indent: 0.7em;
	}
	
	footer .nav a.contact {
		background-color: #6b6499;
		border-left: 0.2vw solid #ffffff;
		border-right: 0.2vw solid #ffffff;
		letter-spacing: 0.3em;
		text-indent: 0.3em;
	}
	
	footer .nav a.blog {
		background-color: #81388b;
		border-left: 0.2vw solid #ffffff;
		letter-spacing: 0.7em;
		text-indent: 0.7em;
	}
}


/************************************
#topBtn
************************************/
@media screen and (min-width: 768px) {
	#topBtn{
	    position: fixed;
		width: 90vw;
	    bottom: 4.5vw;
		left: 50%;
		transform: translate(-50%, 0);
		pointer-events: none;
	}
	
	#topBtn img{
		float: right;
	    width: 5.4vw;
		pointer-events: auto;
	    cursor: pointer;
	}
	
	#topBtn img:hover {
		opacity: 0.5;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
}

@media screen and (min-width: 1000px) {
	#topBtn{
		width: 900px;
	    bottom: 45px;
	}
	
	#topBtn img{
	    width: 54px;
	}
}