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

/* 共通部分 */
html {
  font-size: 100%;
}
body {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.7;
	color: #432;
	overflow-x: hidden;
}
a {
	text-decoration: none;
}

/* loading */
#splash {
	/* fixedで全面に固定 */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: #fff;
	text-align: center;
}

/* Loading画像中央配置 */
#splash-logo {
	position: absolute;
	top: 50%;
	left: 47%;
	transform: translate(-50%, -50%);
}
#splash-logo img {
	width: 260px;
}

/*　アイコンの動き　*/
.fadeIn {
	animation-name: fadeInAnime;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	opacity: 0;
}

@keyframes fadeInAnime{
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}


.wrapper {
	max-width: 1900px;
	width: 100%;
	margin: 0;
	padding: 0 4%;
}


/* HEADER */
header {
	display: flex;
	justify-content: space-between;
	height: 70px;
	width: 100vw;
	background: #fff;
}
header.fixed {
	position: fixed;
	width: 100vw;
	z-index: 998;
	top: 0;
}
.logo {
	width: 120px;
	height: auto;
	margin-top: 15%;
}

/* nav menu */
.btn-sp nav {
	display: block;
	position: fixed;
	top: 0;
	left: -220px;
	bottom: 0;
	width: 220px;
	background: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	/*-webkit-overflow-scrolling: touch;*/
	transition: all .5s;
	z-index: 998;
	opacity: 0;
}
.open nav {
	left: 0;
	opacity: 1;
}
nav .inner {
	padding: 23px;	
}
nav .inner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
nav .inner ul li {
	position: relative;
	margin: 0;
	border-bottom: 1px solid #432;
}
/* ナビゲーションのリンク設定 */
nav .inner ul li a {
	display: block;
	color: #432;
	font-size: calc(12px + 2 * (100vw - 320px)/447);
	padding: 1rem;
	text-decoration: none;
	transition-duration: 0.2s;
}
nav .inner ul li a.has-child {
	padding-left: 27px;		
}
nav .inner ul li a:hover {
	background: #F6ECD6;
}


/* 矢印の設定 */
nav .inner ul li a.has-child::before {
	content: '';
	position: absolute;
	left: 15px;
	top: 23px;
	width: 6px;
	height: 6px;
	border-top: 1.5px solid #432;
	border-left: 1.5px solid #432;
	transform: rotate(135deg);
}
	
	
/*　ハンバーガー　*/
.openbtn {
	display: block;
	position: relative;
	top: 20px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 998;
}

/* ボタン内側 */
.openbtn span {
	display: inline-block;
	position: absolute;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: #432;
	border-radius: 4px;
	transition: all .5s;
}
.openbtn span:nth-of-type(1) {
	top: 4px;
}
.openbtn span:nth-of-type(2) {
	top: 14px;
}
.openbtn span:nth-of-type(3) {
	bottom: 4px;
}
.open .openbtn span {
	background-color: #fff;		
}

/* 回転してバツに */
.open .openbtn span:nth-child(1) {
	/*-webkit-transform: translateY(10px) rotate(-315deg);*/
	transform: translateY(10px) rotate(-315deg);
}
.open .openbtn span:nth-child(2) {
	opacity: 0;	
}
.open .openbtn span:nth-child(3) {
	/*-webkit-transform: translateY(-10px) rotate(315deg);*/
	transform: translateY(-10px) rotate(315deg)
}
	
/* mask */
#mask {
	display: none;
	transition: all .5s;
}
.open #mask {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #18120C;
	opacity: .8;
	z-index: 997;
	cursor: pointer;
}

/* 予約（フッター上） */
.reserve {
	display: block;
	padding-bottom: 50px;
	border-bottom: 1.2px solid #AD9271;
	margin-top: 80px;
}
.reserve-left {
	padding: 0 4%;
	text-align: center;
}
.reserve-left h4 {
	font-size: calc(22px + 3 * (100vw - 320px)/447);
	padding-bottom: 5px;
}
.reserve-left p {
	font-size: calc(12px + 3 * (100vw - 320px)/447);
}
.reserve-right {
	padding: 0 4% 4% 4%;
}
.reserve-right .reserve-phone {
	font-size: calc(24px + 3 * (100vw - 320px)/447);
	padding-bottom: 5px;
	text-align: center;
	font-weight: bold;
}
.reserve-right span {
	font-size: calc(17px + 3 * (100vw - 320px)/447);
}
.reserve-right a {
	color: #432;
}
.reserve-right p {
	text-align: center;
	padding-bottom: 5px;
	font-size: calc(12px + 3 * (100vw - 320px)/447);
}
.reserve-right ul {
	font-size: calc(10px + 3 * (100vw - 320px)/447);
	float: left;
	position: relative;
	left: 50%;
	padding-left: 2%;
}
.reserve-right ul li {
	position: relative;
	left: -50%;
}


/* フッターメニュー */
.page-footer .footer-sp {
	display: flex;
	justify-content: space-around;
	margin: 50px 0;
	padding: 0 4%;
	line-height: 1.8;
	color: #432;
	width: 100vw;
}
.page-footer .footer-sp img.logo {
	margin-right: 15px;
	width: 110px;
}
.page-footer .footer-sp a {
	color: #432;
}
.page-footer .footer-sp a:hover {
	color: #FF9C0D;
}
.page-footer .footer-sp li {
	list-style: none;
}
.footer-sp .foot {
	margin-left: -20px;
	font-size: calc(11px + 3 * (100vw - 320px)/447);
}
.footer-sp .foot p {
	font-weight: bold;
}

/* copy-right */
.copy-right {
	font-size: 13px;
	background-color: #432;
	color:#fff;
	text-align: center;
	padding: 3px 0;
}


/* メイン */
.page-home {
	position: relative;
	margin: -70px 0 0 0;
	padding: 70px 0 50% 0;
}
.home-sp .item1 {
  	opacity: 0;
  	width: 100vw;
  	object-fit: cover;
  	position: absolute;
	right: 0;
  	/*-webkit-animation: anime 18s 0s infinite;*/
  	animation: anime 9s 0s infinite;
}

.home-sp .item1:nth-of-type(2) {
  	/*-webkit-animation-delay: 6s;*/
  	animation-delay: 3s;
}

.home-sp .item1:nth-of-type(3) {
  	/*-webkit-animation-delay: 12s;*/
  	animation-delay: 6s;
}


/* アニメーション */
@keyframes anime {
  	0% {
    	opacity: 1;
  	}
  	30% {
    	opacity: 1;
  	}
  	35% {
    	opacity: 1;
  	}
  	50% {
    	opacity: 0;
    	z-index: 9;
  	}
  	100% {
    	opacity: 0;
  	}
}

@-webkit-keyframes anime {
  	0% {
    	opacity: 1;
  	}
  	30% {
    	opacity: 1;
  	}
  	35% {
    	opacity: 1;
  	}
  	50% {
    	opacity: 0;
    	z-index: 9;
  	}
  	100% {
    	opacity: 0;
  	}
}


/* ホームリンク */
.guaidance {
	margin-bottom: 200px;
	padding: 0 4%
}
.heading-home {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: calc(12px + 3 * (100vw - 320px)/447);
	float: right;
	padding-right: 4%;
	padding-bottom: 50px;
	margin-top: 10%;
}
.heading-home p {
	margin-right: 7px;
}
.pic-homesp {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: 100vw;
	padding: 0 4% 20% 4%;
}
.pic-homesp img {
	max-width: 100%;
	object-position: left top;
	background: #fff;
}

.pic-homesp p {
	text-align: left;
	font-size: calc(12px + 3 * (100vw - 320px)/447);
}
.pic {
	margin: 5px;
}
.pic .pic0 {
	padding-right: 7px;
}
.pic .pic1 {
	margin-left: 6px;
}
.pic-homesp .pic-flex {
	display: flex;
	flex-wrap: nowrap;
}
.pic-homesp img:hover {
	filter: opacity(70%);
}

	
/* map */
.page-location {
	display: flex;
	flex-direction: column;
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 8%, #F6ECD6 8%, #F6ECD6 100%);
	padding: 4%;
}
.map-home {
	width: 100%;
	order: 1;
	padding-top: 20px;
}
.info-home {
	padding: 0;
	background: none;
	margin-left: 0;
}
.info-home h3 {
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	letter-spacing: 4px;
	margin-top: 0;
	margin-right: 4%;
	font-size: calc(20px + 3 * (100vw - 320px)/447);
	float: right;
}
.info-home h4 {
	padding: 120px 0 10px 0;
	margin-bottom: 0;
	font-size: calc(14px + 2 * (100vw - 320px)/447);
}
.info-home p {
	margin-top: 5px;
	padding-bottom: 0;
	font-size: calc(12px + 3 * (100vw - 320px)/447);
	line-height: 1.8;
}

/*　メイントップ　*/
#upbody {
	display: flex;
	width: 100vw;
	margin: 0;
}
#upbody h2.top-title1 {
	display: none;
}
#upbody h2.top-title2 {
 	display: none;
}

.main-pic {
	position: relative;
	align-items: center;
}
.sub-nav {
	display: flex;
	list-style: none;
	justify-content: space-around;
	font-size: calc(12px + 3 * (100vw - 320px)/447);
	font-weight: bold;
	border-bottom: 1px solid #AD9271;
	padding: 10px 0;
}
.sub-nav a {
	color: #432;
}
.sub-nav a:hover {
	color: #FF9C0D;
}
.sub-nav a.active {
	color: #FF9C0D;
}

/* up-body.html */
/* 当院について */
.upbody-contents {
	padding: 100px 20px;
	margin: 0;
}
.upbody-contents p {
	margin-bottom: 30px;
	font-size: calc(12px + 3 * (100vw - 320px)/447);
	line-height: 2;
}
.sub-text {
	display: block;	
}	
.subtext-left img {
	text-align: center;
	width: 70vw;
	max-width: 100%;
}
.subtext-right {
	padding-top: 100px;
	margin: 0;
}
.subtext-right img {
	text-align: center;
	width: 70vw;
	max-width: 100%;
}


/* プロフィール */
.profile {
	display: block;
	margin: 100px 20px 0 20px;
}
.profile-left img {
	width: 40vw;
	max-width: 100%;
}
.profile-right p.profile-name {
	margin-bottom: 20px;
	border-bottom: 2px solid #AD9271;
	font-size: calc(18px + 3 * (100vw - 320px)/447);
	font-weight: bold;
}
.profile-right p {
	font-size: calc(12px + 3 * (100vw - 320px)/447);
}


/* 衛生管理 */
.clear-heading {
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	letter-spacing: 4px;
	margin: -30px 0 0 auto;
	float: right;
	font-size: calc(20px + 3 * (100vw - 320px)/447);
	font-weight: bold;
}
.clear {
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 17%, #F6ECD6 17%, #F6ECD6 100%);
	padding: 50px 4%;
}
.clear ul {
	letter-spacing: 1.5px;
	display: block;
	padding: 0 4%;
	margin-top: 100px;
	font-size: calc(12px + 3 * (100vw - 320px)/447);
}
.clear li {
	width: 100%;
}
.clear p {
	padding-top: 10px;
	font-size: calc(10px + 3 * (100vw - 320px)/447);
}

/* counseling.html */
/* 無料相談 */
.counseling-contents {
	margin-top: 30px;
}
.counseling-contents p {
	line-height: 2;
}
.counseling-top {
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #F6ECD6 25%, #F6ECD6 100%);
	padding: 50px 4%;
	line-height: 1.5;
}
.counseling-heading {
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	letter-spacing: 4px;
	margin: -10px 0 0 auto;
	padding: 0;
	float: right;
	font-size: calc(20px + 3 * (100vw - 320px)/447);
}
.counseling-top ul {
	flex-wrap: wrap;
	padding: 0 4%;
	margin-top: 100px;
	letter-spacing: 1.5px;
}
.counseling-top li {
	font-size: calc(12px + 3 * (100vw - 320px)/447);
}
.counseling-top p {
	margin-top: -0.5px;
	font-size: calc(12px + 3 * (100vw - 320px)/447);
}
.counseling-reserve p {
	text-align: center;
	font-size: calc(10px + 3 * (100vw - 320px)/447);
}

/* 施術の流れ */
.counseling-botoom {
	padding: 0 4%;
	margin: 0;
}
.counseling-botoom h3 {
	padding-top: 100px;
	letter-spacing: 0.3em;
	font-size: calc(20px + 3 * (100vw - 320px)/447);
}
.counseling-m {
	margin-bottom: -15px;
	width: 40px;
}
.counseling-botoom p {
	padding-left: 13%;
	font-size: calc(12px + 3 * (100vw - 320px)/447);
}

/* カイロプラクティック */
.chiro-contents p {
	font-size: calc(12px + 3 * (100vw - 320px)/447);
}
.chiro-top {
	padding: 80px 4%;
}
.chiro-top span {
	font-weight: bold;
	background:linear-gradient(transparent 65%, #fff799 65%);
}


/* 適応症 */
.chiro-botoom {
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 10%, #F6ECD6 10%, #F6ECD6 100%);
	background-repeat: no-repeat;
	background-position: center;
	padding: 50px 4%;
	margin: 0;
}
.chiro-heading {
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	letter-spacing: 4px;
	margin: 0 0 0 auto;
	padding-right: 4%;
	float: right;
	font-size: calc(20px + 3 * (100vw - 320px)/447);
}
.chiro-botoom ul {
	display: block;
	padding: 0 30px;
	margin-top: 100px;
	line-height: 2;
}
.chiro-botoom li {
	width: 100%;
	font-size: calc(12px + 3 * (100vw - 320px)/447);
}
.chiro-botoom p {
	text-align: center;
	margin-top: 10px;
	padding-left: 0;
	font-size: calc(11px + 3 * (100vw - 320px)/447);
}


/* review.html */
/* 患者さまの声 */
.review-contents {
	font-size: calc(12px + 3 * (100vw - 320px)/447);
}
.review-heading {
	text-align: center;
	padding: 70px 4%;
}
.page-review {
	display: flex;
	justify-content: center;
	border-bottom: solid 1px #B6B6B6;
	margin: 0;
}
.page-review p {
	font-size: calc(11px + 3 * (100vw - 320px)/447);
}
.review-left {
	text-align: center;
	padding: 10px;
}
.review-left img {
	width: 80px;
}
.review-left p {
	margin-top: -5px;
	font-size: calc(11px + 3 * (100vw - 320px)/447);
}
.review-right {
	width: 65vw;
	padding: 10px;
	text-align: left;
}
.review-right h4 {
	padding-bottom: 10px;
	font-size: calc(13px + 3 * (100vw - 320px)/447);
}

/* plan.html */
/* 施術・料金 */
.plan-contents {
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 28%, #F6ECD6 28%, #F6ECD6 100%);
	background-repeat: no-repeat;
	background-position: center;
	padding: 5%;
	margin: 0;
}
.plan-heading {
	padding-top: 100px;
	padding-left: 0;
	line-height: 1.8;
}
.plan-heading p {
	padding: 10px 20px;
	background: url("../images/plan2.gif");
	background-repeat: no-repeat;
	font-size: calc(13px + 1 * (100vw - 320px)/447);
}
.plan {
	padding: 0 4%;
	line-height: 1.8;
}
.plan ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 50px 8%;
	line-height: 1.8;
	text-align: center;
}
.plan li {
	width: 50%;
	font-size: calc(12px + 3 * (100vw - 320px)/447);
	list-style: none;
	text-align: center;
}
.plan p {
	padding: 0;
	font-size: calc(10px + 3 * (100vw - 320px)/447);
	text-align: center;
}


/* accses.html */
/* アクセス */
.access-contents {
	padding: 0 4%;
	margin: 0;
}
.access-left {
	font-size: calc(12px + 3 * (100vw - 320px)/447);
	margin: 0;
	padding: 40px 4%;
}
.access-left h4 {
	font-size: calc(16px + 3 * (100vw - 320px)/447);
}
.access-left p span {
	font-weight: bold;
}
.access-right {
	width: 100%;
	margin: 0;
}



/* pc none */
.page-header .btn-pc {
	display: none;
}
.page-footer .footer-pc {
	display: none;
}
.page-home .home-pc {
	display: none;
}
.pic-homepc {
	display: none;
}


@media (min-width: 768px){

/* sp none */
.page-footer .footer-sp {
	display: none;
}
.page-home .home-sp {
	display: none;
}
.pic-homesp {
	display: none;
}

/* Loading画像中央配置 */
#splash-logo {
	left: 50%;
}
	

/* HEADER */
.logo {
	width: 150px;
	margin-top: 12px;
}
	
/* footer */
.footer-sp .logo {
	width: 40%;
}
	
/* 予約（フッター上） */
.reserve {
	display: flex;
	margin-top: 80px;
}
.reserve-left {
	padding: 2%;
	width: 50%;
}
.reserve-left h4 {
	font-size: 1.4rem;
	padding-bottom: 5px;
}
.reserve-left p {
	font-size: 15px;
}
.reserve-right {
	padding: 0 5% 4% 0;
	width: 50%;
}
.reserve-right .reserve-phone {
	font-size: 1.8rem;
}
.reserve-right span {
	font-size: 1.3rem;
}
.reserve-right p {
	text-align: center;
	padding-bottom: 5px;
	font-size: 15px;
}
.reserve-right ul {
	font-size: 13px;
}



/* footer */
.page-footer .footer-pc {
	display: flex;
	justify-content: space-between;
	margin: 50px 0;
	padding: 0 4%;
	line-height: 2.5;
	color: #432;
	width: 100vw;
	font-size: 15px;
}
.page-footer .footer-pc p {
	font-weight: bold;
}
.footer-pc img.logo {
	width: 120px;
}
.page-footer .footer-pc a {
	color: #432;
}
.page-footer .footer-pc a:hover {
	color: #FF9C0D;
}
.page-footer .footer-pc li {
	list-style: none;
}
.page-footer .footer-pc .foot-right {
	padding-right: 4%;	
}

/* copy-right */
.copy-right {
	font-size: 14px;
}
	
/* メイン */
.page-home {
	position: relative;
	margin: -70px 0 100px 0;
	padding: 70px 0 0 0;
}
.page-home .pc-top {
	display: flex;
	margin-right: 0;
	width: 100%;
	text-align: right;
}
.page-home .pc-top .heading {
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	font-size: 16px;
	margin-top: 110px;
	padding: 0 30px 0 55px;
	text-align: center;
}
.page-home .pc-top .heading p {
	margin-left: 5px;
}
.page-home .pc-top .home-pc {
	display: block;
	text-align: right;
}
.page-home .pc-top .home-pc img {
  	position: absolute;
	object-fit: cover;
	width: 80vw;
	max-width: 100%;
	right: 0;
}
	
/* ホームリンク */
.heading-home {
	font-size: 16px;
	float: right;
	margin-top: 25%;
	height: 320px;
}
.pic-homepc {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: 770px;
	height: 650px;
	padding: 0 2% 20% 2%;
}
.pic-homepc img {
	max-width: 100%;
	object-position: left top;
	background: #fff;
}
.pic-homepc p {
	text-align: left;
	font-size: 15px;
}
.pic {
	margin: 5px;
}
.pic .pic0 {
	padding-right: 0;
}
.pic .pic1 {
	margin-left: 0;
}
.pic-homepc img:hover {
	filter: opacity(70%);
}

/* map */
.page-location {
	display: flex;
	flex-direction: row-reverse;
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, #F6ECD6 15%, #F6ECD6 75%, #ffffff 75%, #ffffff 100%);
	padding: 0 4% 0 0;
}
.map-home {
	width: 47vw;
	margin-top: 100px;
}
.info-home {
	padding-left:8%;
	margin-left: -5%;
}
.info-home h3 {
	font-size: 1.6rem;
}
.info-home h4 {
	font-size: 18px;
	margin-top: 30px;
}
.info-home p {
	font-size: 15px;
}

/*　メイントップ　*/
#upbody {
	display: flex;
}
#upbody h2.top-title1 {
	display: inline-block;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 0.12em;
	align-content: center;
	padding-left: 6%;
	text-align: center;
}
#upbody h2.top-title2 {
	display: inline-block;
 	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.12em;
	padding-left: 6%;
	text-align: center;
}
.main-pic {
	object-fit: cover;
  	position: relative;
	margin: 0 0 0 auto;
}
.main-pic img {
	width: 85vw;
}
.sub-nav {
	display: flex;
	list-style: none;
	justify-content: center;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #AD9271;
	padding: 10px 0;
}
.sub-nav li.menu-upbody {
	padding-right: 10%;
}
.sub-nav li.menu-treatment {
	padding-right: 10%;
}
	

	
/* 当院について */
.upbody-contents {
	padding: 100px 30px;
}
.upbody-contents p {
	font-size: 15px;
}
.main-text p {
	margin-bottom: 30px;
}
.sub-text {
	display: flex;
}
.subtext-left {
	width: 50%;
}
.subtext-left img {
	width: 40vw;
}
.subtext-right {
	width: 50%;
}
.subtext-right img {
	width: 45vw;
}
.subtext-right p {
	margin-bottom: 30px;
}
	
/* プロフィール */
.profile {
	display: flex;
}
.profile-left img {
	width: 200px;
}
.profile-right {
	padding-top: 30px;
	margin-left: 4%;
}
.profile-right p.profile-name {
	margin-bottom: 20px;
	border-bottom: 2px solid #AD9271;
}
.profile-right p {
	font-size: 15px;
}

/* 衛生管理 */
.clear-heading {
	font-size: 1.6rem;
	padding-right: 2%;
}
.clear ul {
	display: flex;
	flex-wrap: wrap;
	font-size: 15px;
}
.clear li {
	width: 50%;
}
.clear p {
	font-size: 13px;
}

/* counseling.html */
/* 無料相談 */
.counseling-heading {
	font-size: 1.6rem;
	padding-right: 3%;
}
.counseling-top li {
	font-size: 15px;
}
.counseling-top p {
	margin-top: -0.5px;
	font-size: 15px;
}
.counseling-reserve p {
	text-align: center;
	font-size: 13px;
}
	
/* 施術の流れ */
.counseling-botoom h3 {
	padding-top: 100px;
	letter-spacing: 0.3em;
	font-size: 1.6rem;
}
.counseling-m {
	margin-bottom: -15px;
	width: 50px;
}
.counseling-botoom p {
	padding-left: 9%;
	font-size: 15px;
}

/* treatment.html */
/* カイロプラクティック */
.chiro-contents p {
	font-size: 15px;
}
.chiro-top {
	padding: 80px 8%;
}

/* 適応症 */
.chiro-botoom {
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, #F6ECD6 15%, #F6ECD6 100%);
	background-repeat: no-repeat;
	background-position: center;
	padding: 50px 4%;
}
.chiro-heading {
	font-size: 1.6rem;
}
.chiro-botoom ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0 8%;
}
.chiro-botoom li {
	width: 50%;
	font-size: 15px;
}
.chiro-botoom p {
	padding-left: 35%;
}
	
/* review.html */
/* 患者さまの声 */
.review-contents {
	font-size: 15px;
}
.review-heading {
	text-align: center;
	padding: 70px 4%;
}
.page-review p {
	font-size: 15px;		
}
.review-left img {
	width: 90px;
}
.review-left p {
	font-size: 14px;
}
.review-right {
	padding: 10px;
}
.review-right h4 {
	padding: 10px 0;
}
.review-right p {
	padding: 0 0 0 4%;
}
	
/* plan.html */
/* 施術・料金 */
.plan-heading p {
	padding: 15px;
	margin-left: 5%;
}
.plan ul {
	padding: 50px 13%;
}
.plan li {
	font-size: 16px;
}
.plan p {
	font-size: 13px;
}

/* accses.html */
/* アクセス */
.access-contents {
	display: flex;
	padding: 100px 4% 0 4%;
}
.access-left {
	font-size: 15px;
	padding: 40px 3%;
}
.access-left h4 {
	font-size: 20px;
}
.access-right {
	width: 50%;
}
}


@media (min-width: 950px) {

/* sp none */
.btn-sp {
	display: none;
}

	
/* HEADER */
header {
	height: 70px;
	width: 100vw;
	background: #fff;
	white-space: nowrap;
}
header.fixed {
	position: fixed;
	z-index: 999;
	top: 0;
}
.logo {
	width: 160px;
}
	
/* nav menu */
.page-header nav.btn-pc {
	display: flex;
	justify-content: space-between;
	background: #fff;
	color: #432;
	text-align: left;
	position: relative;
	z-index: 998;
}
.page-header nav.btn-pc ul {
	list-style: none;
	display: flex;
	justify-content: flex-end;
	font-size: 15.5px;
	margin-right: -30px;
}
.page-header nav.btn-pc ul ul {
	display: block;
}
.page-header nav.btn-pc ul li {
	position: relative;
}
.page-header nav.btn-pc li.phone {
	font-weight: bold;
	font-size: 1.2rem;
	margin: -3px;
}
.page-header nav.btn-pc ul ul li {
	/*border-top: 1px solid #D5C7B7;*/
}

/* ナビゲーションのリンク設定 */
.page-header nav.btn-pc ul li a {
	display: block;
	text-decoration: none;
	color: #432;
	padding: 20px 17px;
	transition: all .3s;
}
.page-header nav.btn-pc ul li.phone a {
	padding-bottom: -10px;
	height: 69px;
}
.page-header nav.btn-pc ul li li a {
	padding: 10px;
}

.page-header nav.btn-pc ul li a:hover {
	background: #F6ECD6;
}
.page-header nav.btn-pc ul li.phone a:hover {
	background: #432;
	color: #fff;
}


/* 矢印の設定 */
.page-header nav.btn-pc ul li.has-child::before {
	content: '';
	position: absolute;
	left: 6px;
	top: 28px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #432;
	border-right: 2px solid #432;
	transform: rotate(135deg);
}

/* 階層をもっているul */
.page-header nav.btn-pc li.has-child ul {
	position: absolute;
	left: 0;
	top: 69px;
	z-index: 4;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	transition: all .3s;
}
.page-header nav.btn-pc li.has-child ul.child1{
	width: 180px;
}
.page-header nav.btn-pc li.has-child ul.child2{
	width: 240px;
}

.page-header nav.btn-pc li.has-child:hover > ul,
.page-header nav.btn-pc li.has-child:active > ul{
	visibility: visible;
	opacity: 1;
}

.page-header nav.btn-pc li.has-child ul li a {
	color: #432;
	/*border-bottom: solid 1px rgba(255, 255, 255, 0.6);*/
}
.page-header nav.btn-pc li.has-child ul li:last-child a {
	border-bottom: none;
}
.page-header nav.btn-pc li.has-child ul li a:hover,
.page-header nav.btn-pc li.has-child ul li a:active {
	background: #F6ECD6;
}

/* 予約（フッター上） */
.reserve {
	justify-content: space-around;
	padding: 0 10%;
}
.reserve-left h4 {
	font-size: 1.8rem;
}
.reserve-left p {
	font-size: 16px;
}
.reserve-right .reserve-phone {
	font-size: 2.2rem;
}
.reserve-right span {
	font-size: 1.7rem;
}
.reserve-right p {
	font-size: 16px;
}
.reserve-right ul {
	font-size: 14px;
}

	
/* メイン */
.page-home {
	margin: -70px 0 50px 0;
}
.page-home .pc-top .heading {
	font-size: 19px;
	margin-top: 130px;
	padding: 0 65px;
	text-align: center;
	height: auto;
}
.page-home .pc-top .heading p {
	margin-left: 8px;
}

	
/* ホームリンク */
.guaidance {
	margin-bottom: 200px;
	padding: 0 4%;
}
.heading-home {
	font-size: 17px;
	margin-top: 40%;
	margin-left: 450px;
	padding-right: 10%;
	padding-bottom: 0;
	height: 300px;
}
.pic-homepc {
	width: 900px;
	margin-left: 10%;
}
.pic-homepc p {
	font-size: 16px;
}


/* map */
.page-location {
	padding: 0 10%;
}
.map-home {
	width: 50vw;
}
.info-home {
	padding-left: 3%;
	margin-left: 3%;
	margin-top: 80px;
	width: 45vw;
}
.info-home h3 {
	font-size: 1.8rem;
	margin-top: -60px;
	padding-right: 2%;
}
.info-home h4 {
	font-size: 19px;
	margin-top: -60px;
}
.info-home p {
	font-size: 16px;
}

/*　メイントップ　*/
#upbody h2.top-title1 {
	font-size: 27px;
	padding-left: 8%;
}
#upbody h2.top-title2 {
	font-size: 24px;
	padding-left: 8%;
}
.sub-nav {
	font-size: 17px;
}
	
	
/* 当院について */
.upbody-contents {
	padding: 10%;
}
.upbody-contents p {
	font-size: 16px;
	line-height: 2;
}
.subtext-left img {
	width: 33vw;
}
.subtext-right {
	padding-top: 15%;
	width: 45%;
}
.subtext-right img {
	width: 38vw;
}
	
/* プロフィール */
.profile-left {
	width: 35%;
}
.profile-left img {
	width: 250px;
	float: right;
}
.profile-right {
	margin-left: 6%;
	width: 65%
}
.profile-right p {
	font-size: 16px;
}
	
/* 衛生管理 */
.clear-heading {
	font-size: 1.8rem;
	margin: -50px 0 0 auto;
}
.clear {
	padding-left: 15%;
}
.clear ul {
	font-size: 16px;
	width: 80vw;
}
.clear p {
	font-size: 14px;
}
	
/* counseling.html */
/* 無料相談 */
.counseling-heading {
	font-size: 1.8rem;
	padding-right: 10%;
}
.counseling-top ul {
	padding-left: 15%;
}
.counseling-top li {
	font-size: 16px;
}
.counseling-top p {
	font-size: 16px;
}
.counseling-reserve p {
	font-size: 14px;
}
	
/* 施術の流れ */
.counseling-botoom {
	padding: 0 17%;
}
.counseling-botoom h3 {
	font-size: 1.8rem;
}
.counseling-m {
	width: 55px;
}
.counseling-botoom p {
	font-size: 16px;
}
	
/* treatment.html */
/* カイロプラクティック */
.chiro-contents p {
	font-size: 16px;
}
.chiro-top {
	padding: 80px 15%;
}

/* 適応症 */
.chiro-botoom {
	background: url("../images/waku-t.gif"), linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, #F6ECD6 15%, #F6ECD6 100%);
	background-repeat: no-repeat;
	background-position: center;
	max-width: 100%;
	width: 100%;
	height: 800px;
	position: relative;
}
.chiro-botoom .up {
	position: absolute;
	width: calc(50% + 300px);
}
.chiro-heading {
	font-size: 1.8rem;
}
.chiro-botoom .down {
	position: absolute;
	left: calc(50% - 300px);
	width: 700px;
}
.chiro-botoom ul {
	display: flex;
	justify-content: center;
	padding: 5% 0 0 0;
}
.chiro-botoom li {
	width: 40%;
	font-size: 16px;
}
.chiro-botoom p {
	padding-left: 20%;
}
	
/* review.html */
/* 患者さまの声 */
.review-contents {
	font-size: 16px;
	position: relative;
	padding-bottom: 2070px;
}
.review {
	position: absolute;
	left: calc(50% - 470px);
	width: 950px;
	height: 2000px;
}
.page-review {
	margin: 0 10%;
}
.page-review p {
	font-size: 16px;		
}
.review-left {
	padding-left: 5%;
}	
.review-left img {
	width: 120px;
}
.review-left p {
	font-size: 15px;
}
.review-right {
	padding: 15px;
}

	
/* plan.html */
/* 施術・料金 */
.plan-contents {
	position: relative;
	width: 100%;
	height: 750px;
}
.plan-heading p {
	padding: 17px;
	background: url("../images/plan1.gif");
	background-repeat: no-repeat;
	position: absolute;
	left: calc(50% - 400px);
}
.plan {
	position: absolute;
	left: calc(50% - 400px);
	width: 800px;
}
.plan ul {
	padding: 150px 13% 30px 13%;
}
.plan li {
	font-size: 17px;
}
.plan p {
	font-size: 14px;
}

/* accses.html */
/* アクセス */
.access-contents {
	justify-content: center;
}
.access-left {
	font-size: 16px;
}
.access-left h4 {
	font-size: 22px;
}
}


@media (min-width: 1200px) {

	
.page-home .pc-top .heading {
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	font-size: 20px;
	margin-top: 170px;
	padding: 0 60px 0 100px;
	text-align: center;
	height: auto;
}
	
	
/* treatment.html */
/* カイロプラクティック */
.chiro-top {
	padding: 80px 25%;
}
}