@charset "UTF-8";

/* 共通部分 */
header {
	position: relative;
	background: url("../img/header_bg.png?20200219") center center no-repeat;
	z-index: 1000; }
	header .branding {
		padding: 20px 0; }
	header .logo {
		width: 244px;
		max-height: 26px; }
		header .logo h1 {
			width: 244px;
			font-size: 1.4rem;
			line-height: 1;
			margin-bottom: 0; }
			header .logo h1 img {
				width: 100%; }
	header .navigation {
		width: calc(100% - 244px); }
		header .navigation nav {
			width: 100%; }
		header .navigation .nav {
			font-size: 1.5rem;
			font-weight: 500;
			-webkit-box-pack: end;
			-ms-flex-pack: end;
			justify-content: flex-end; }
			header .navigation .nav li {
				line-height: 1; }
				header .navigation .nav li:not(:last-child) {
					margin-right: 1.25em; }
	header a:link, header a:visited {
		color: #666666;
		text-decoration: none; }
	header a:hover {
		color: #27847b;
		cursor: pointer;
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out; }

.home header {
	background-image: none; }

.pagetitle {
	width: 100%;
	height: 397px;
	margin-top: -69px;
	padding-top: 298px; }
.pagetitle h2 {
	display: block;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
.pagetitle h2 span {
	display: block;
	width: 370px;
	height: 70px;
	margin: 0;
	padding: 17px 0 0 .4em;
	color: white;
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: .5em;
	text-align: center;
	background-color: rgba(39, 132, 123, 0.75);
	border-radius: 2px;
}

.lightblue_area {
	background-color: #f2faf9; }

.white_area {
	background-color: white; }


.content_area {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; }
	.content_area .descript {
		max-width: 410px;
		width: 42%; }
	.content_area .photoimage {
		max-width: 530px;
		width: 54%; }
		.content_area .photoimage p {
			padding: .5em 0; }
		.content_area .photoimage video {
			width: 100%; }
	.content_area .content-title {
		width: 100%;
		font-size: 2.0rem;
		line-height: 1.3;
		letter-spacing: .1em;
		margin: 0 auto .5em; }
	.content_area .button {
		display: table;
		max-width: 245px;
		width: 60%;
		font-size: 1.6rem;
		font-weight: 600;
		letter-spacing: .15em;
		margin: auto; }
		.grayout {
			background: #cdcdcd;
		}
	.content_area p {
		letter-spacing: .15em;
		padding: .5em 1em; }

.content-title {
	display: table;
	color: #27847b;
	font-size: 2.1rem;
	font-weight: 600;
	text-align: center;
	margin: 1em auto;
	padding-bottom: .35em;
	border-bottom: solid 1px #98d3cd; }

.popup-win {
	position: relative;
	max-width: 1000px;
	width: 90%;
	height: calc(100vh - 210px);
	margin: 100px auto;
	padding: 2.5rem;
	background-color: white;
	border-radius: 20px; }
	.popup-win .popup-close {
		position: absolute;
		top: 10px;
		right: 15px;
		color: #333;
		font-size: 3.0rem; }
	.popup-win .popup-inner {
		overflow: auto;
		clear: both;
		max-width: 930px;
		width: 100%;
		height: calc(100% - 50px);
		margin: 50px auto 0;
		padding: 0 10px 10px; }
		.popup-win .popup-inner p {
			font-size: 1.6rem;
			letter-spacing: .115em;
			padding: 0 .25em; }
		.popup-win .popup-inner .responsive {
			margin: 1em auto; }
	.popup-win span {
		display: block;
		width: 100%;
		text-align: right;
		margin-top: 1.25em;
		padding: 1.25em .25em 0;
		border-top: solid 1px #27847b; }
	.popup-win .content-title {
		width: 100%;
		letter-spacing: .35em;
		margin-top: .25em; }
	.popup-win ::-webkit-scrollbar {
		width: 4px; }
	.popup-win ::-webkit-scrollbar-track {
		border-radius: 30px;
		background: #eee; }
	.popup-win ::-webkit-scrollbar-thumb {
		border-radius: 30px;
		background: #bbb; }

.button, button {
	width: 330px;
	height: 44px;
	font-size: 1.7rem;
	font-weight: 600;
	margin-top: 10px; }

.button a, button a {
	padding-top: 8px; }

.button a:link, .button a:hover {
	text-decoration: none; }

button a:link, button a:hover {
	text-decoration: none; }

/* トップページ スライダ部分 */
.main-visual {
	width: 100%;
	max-height: 600px;
	margin: 0 auto; }
	.main-visual .slider {
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 600px;
		margin: 0 auto;
		z-index: 10; }
		.main-visual .slider li {
			width: 100%;
			height: 600px;
			text-align: center;
			background-position: center center;
			background-repeat: no-repeat; }
			.main-visual .slider li.mv01 {
				background-image: url("../img/main-visual01.jpg"); }
			.main-visual .slider li.mv02 {
				background-image: url("../img/main-visual02.jpg"); }
			.main-visual .slider li.mv03 {
				background-image: url("../img/main-visual03.jpg"); }
			.main-visual .slider li.mv04 {
				background-image: url("../img/main-visual04.jpg"); }

/* トップページ メイン項目 */
.feature {
	background-color: #f1f9f8; }
	.feature ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between; }
	.feature li {
		min-height: 360px;
		background: url("../img/feature_bg.png?20200219") top left no-repeat;
		background-color: white;
		-webkit-box-shadow: 3px 3px 5px #ddd;
		box-shadow: 3px 3px 5px #ddd; }
		.feature li.first {
			width: calc(94% - 350px); }
		.feature li.second {
			width: 350px; }
	.feature h2.content-title {
		min-width: 70%;
		padding: 0 1.5em .35em; }
	.feature dl {
		margin: 0 30px;
		min-height: 125px; }
	.feature dt {
		width: calc(100% - 60px); }
		.feature dt h3 {
			font-size: 1.6rem;
			font-weight: 600; }
	.feature dd {
		width: 60px; }
	.feature .img_area {
		width: 100%;
		height: 160px; }
		.feature .img_area.first_img {
			background: url("../img/feature01.jpg?20200219") center center no-repeat;
			background-size: cover; }
		.feature .img_area.second_img {
			background: url("../img/feature02.jpg?20200219") center center no-repeat;
			background-size: cover; }

/* トップページ 医院情報 */
.information ul {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; }
	.information ul .map {
		max-width: 660px;
		width: 66%;
		margin: 0; }
	.information ul .info {
		width: 250px;
		font-size: 1.7rem; }

/* トップページ バナーエリア */
.banner_area {
	padding: 10rem 0;
	background-color: #f2faf9; }
	.banner_area .link_banner {
		width: 25%; }
		.banner_area .link_banner img {
			max-width: 225px;
			width: 92%;
			margin-bottom: 5px; }

/* クリニック紹介 */
.clinic .pagetitle {
	background: url("../img/title_bg-clinic.jpg?20200219") center center no-repeat;
	background-color: #f1ede3; }

.clinic .information {
	background-color: #fafbfc; }

.biography {
    background: #f8fafb;
    padding: 2.0rem 2.0rem 1.0rem 2.0rem;
   /*argin: 0 0 0 15px;*/
}

.font_biography{
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}


.bg_gray{
	/*background-color: #f8fafb !important;*/
	margin: 50px auto 0 auto;
	padding: 1rem auto 0 auto;
}

.bg_gray li{
     width: calc(50% - 25px);
    list-style: none;
    float: left;
    margin-right: 50px;
}

.bg_gray li.end{
    margin-right: 0;
}

.clear_b{
    clear: both;
}



/* 科目 */
.course .pagetitle {
	background: url("../img/title_bg-clinic.jpg?20200219") center center no-repeat;
	background-color: #f1ede3; }

.course .verticaltitle {
	color: black;
	font-size: 2.8rem;
	letter-spacing: .5em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	margin: 0 auto 6rem; }

.course article {
	margin: 0;
	padding: 8rem 2rem; }

.course dl {
	margin: 0;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between; }

.course dt {
	width: calc(64% - 2rem); }
	.course dt h4 {
		width: 100%;
		margin: 0 auto 1em; }
	.course dt h5 {
		font-size: 1.5rem;
		text-align: left;
		margin: 1em 0 .5em;
		padding: 0 .75em .25em; }
	.course dt p {
		letter-spacing: .19em;
		margin-bottom: 1em;
		padding: 0; }

.course dd {
	width: 36%;
	max-width: 350px; }



.course dt.w100 {
	width: 100%;}
	.course dt.w100 h4 {
		width: 100%;
		margin: 0 auto 1em; }
	.course dt.w100 p {
		letter-spacing: .19em;
		margin-bottom: 1em;
		padding: 0; }

.course dd.w100 {
	width: 100%;
	max-width: 1000px; }



.course .detox h4 {
	margin-bottom: .75em; }

.course .detox p {
	margin-bottom: 1.35em; }

.course .detox .inner_dl {
	margin-bottom: 2rem;
	padding: 2rem; }
	.course .detox .inner_dl h5 {
		margin: 0 0 .75em;
		padding-bottom: .1em; }
	.course .detox .inner_dl p {
		line-height: 1.5; }
	.course .detox .inner_dl dt {
		width: calc(73% - 2rem); }
	.course .detox .inner_dl dd {
		width: 27%;
		max-width: 150px; }

.course .option_area {
	background-color: #fafbfc; }

.course .option {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; }
	.course .option li {
		width: 50%; }
		.course .option li.white_area {
			padding: 3.0rem 2.0rem; }


.course .cost {
	color: #27847b;
    margin: 30px 0 0 0;
    letter-spacing: .19em;}

/* ドクター紹介 */
.doctors .pagetitle {
	background: url("../img/title_bg-clinic.jpg?20200219") center center no-repeat;
	background-color: #f1ede3; }

.doctors .introduction {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; }
	.doctors .introduction > dt {
		max-width: 520px;
		width: 52%; }
	.doctors .introduction > dd {
		max-width: 410px;
		width: 41%;
		background-color: #f8fafb; }
		.doctors .introduction > dd dl {
			letter-spacing: .25em;
			margin: 0; }
		.doctors .introduction > dd dt {
			color: #27847b;
			text-align: center;
			padding: 1.25em 0;
			background-color: white;
			border-top: solid 1px #27847b;
			border-bottom: solid 1px #27847b; }
			.doctors .introduction > dd dt h3 {
				font-size: 2.6rem;
				margin-bottom: .35em; }
				.doctors .introduction > dd dt h3 small {
					font-size: 1.9rem;
					margin-right: 1.5em; }
			.doctors .introduction > dd dt p {
				font-size: 1.6rem;
				margin: auto 0 0 3em; }
		.doctors .introduction > dd dd {
			padding: 4.0rem 2.0rem .75em; }
			.doctors .introduction > dd dd h4 {
				font-size: 2.0rem;
				margin-bottom: .35em; }
			.doctors .introduction > dd dd p {
				letter-spacing: normal;
				margin: 0 0 .35em 1.25em; }

/* 採用情報 */
.recruit .pagetitle {
	background: url("../img/title_bg-clinic.jpg?20200219") center center no-repeat;
	background-color: #f1ede3; }
p.over {text-align: center;}

.recruit h3 {
	color: #27847b;
	font-size: 2.2rem;
	font-weight: 600;
	margin-bottom: 2.5rem; }

.recruit h4 {
	color: #27847b;
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 1.0rem; }

.recruit .lightblue_area {
	background-color: #fafbfc; }

.recruit .descript {
	margin-bottom: 3.0rem;
	padding: 2.0rem 0;
	background-color: #f2faf9; }
	.recruit .descript p {
		margin-bottom: 0; }

.recruit table {
	max-width: 800px;
	width: 100%;
	margin: auto auto 4.0rem; }

.recruit th {
	color: #666666;
	font-weight: normal;
	vertical-align: top;
	white-space: nowrap;
	padding: 2rem 4rem;
	border-bottom: solid 1px #c2c1c1; }

.recruit td {
	padding: 2rem 4rem;
	border-bottom: solid 1px #c2c1c1; }

.recruit .button {
	margin-bottom: 0; }
.recruit .grayout:hover, .grayout button:hover {
	background: #cdcdcd;
	opacity: 1;
	cursor: default;
}

/* プライバシーポリシー */
.privacypolicy .pagetitle {
	background: url("../img/title_bg-clinic.jpg?20200219") center center no-repeat;
	background-color: #f1ede3; }
	.privacypolicy .pagetitle h2 {
		letter-spacing: .35em; }
	.privacypolicy .pagetitle h2 span {
		letter-spacing: .35em; }

.privacypolicy .first {
	font-size: 1.6rem;
	letter-spacing: .05em; }

.privacypolicy h3.pp {
	color: #27847b;
	width: 100%;
	font-size: 1.6rem;
	font-weight: 600;
	margin: 5rem 0 3rem;
	padding-top: 5rem;
	border-top: solid 1px #27847b; }

.privacypolicy ol.decimal {
	padding-left: 1.5rem;
	letter-spacing: .05em; }
	.privacypolicy ol.decimal li {
		margin-bottom: 1.5em; }

.privacypolicy .ticket_window {
	text-align: center;
	margin-top: 8rem;
	padding: 3.5rem 2rem 2rem; }
	.privacypolicy .ticket_window h4 {
		color: #27847b;
		max-width: 860px;
		width: 100%;
		font-size: 2.0rem;
		font-weight: 600;
		letter-spacing: .5em;
		margin: 0 auto 1.25em;
		padding-bottom: .25em;
		border-bottom: solid 1px #27847b; }
	.privacypolicy .ticket_window p {
		margin-bottom: .5em; }
		.privacypolicy .ticket_window p strong {
			color: #27847b;
			font-size: 2.4rem;
			letter-spacing: .1em; }

/* お問い合わせ */
.contact .pagetitle, .conform .pagetitle, .send .pagetitle {
	background: url("../img/title_bg-clinic.jpg?20200219") center center no-repeat;
	background-color: #f1ede3; }

.contact form, .conform form, .send form {
	max-width: 800px;
	width: 100%;
	margin: auto; }

.contact article, .conform article, .send article {
	letter-spacing: .06em;
	margin: 7rem 0 4rem;
	padding: 3.5rem 4rem 3rem; }

.contact article div, .conform article div, .send article div {
	display: table;
	margin: 2em auto 0; }

.contact h3, .conform h3, .send h3 {
	font-size: 1.4rem;
	font-weight: 600; }

.contact h4, .conform h4, .send h4 {
	font-size: 1.4rem;
	font-weight: 600;
	text-align: center; }

.contact h4 input, .conform h4 input, .send h4 input {
	width: 1em;
	height: 1em;
	margin-right: 1.5em; }

.contact h4 span, .conform h4 span, .send h4 span {
	text-align: left; }

.contact input, .contact textarea, .contact select {
	width: 100%; }

.contact input[type=checkbox] {
	display: none; }

.contact .checkbox {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding: 5px 30px;
	position: relative;
	width: auto; }
	.contact .checkbox::before {
		background: #fff;
		border: 1px solid #ccc;
		border-radius: 3px;
		content: '';
		display: block;
		height: 16px;
		left: 5px;
		margin-top: -8px;
		position: absolute;
		top: 50%;
		width: 16px; }
	.contact .checkbox::after {
		border-right: 6px solid #00cccc;
		border-bottom: 3px solid #00cccc;
		content: '';
		display: block;
		height: 20px;
		left: 9px;
		margin-top: -16px;
		opacity: 0;
		position: absolute;
		top: 55%;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 10px; }

.contact input[type=checkbox]:checked + .checkbox::before {
	border-color: #666; }

.contact input[type=checkbox]:checked + .checkbox::after {
	opacity: 1; }

.conform input, .conform textarea, .conform select {
	width: 100%; }

.send input, .send textarea, .send select {
	width: 100%; }

.contact dl, .conform dl, .send dl {
	margin-bottom: 4.5rem; }

.contact dt, .conform dt, .send dt {
	font-size: 1.6rem;
	margin-bottom: .65em; }

.contact dt span, .contact h3 span {
	color: #d00d0d;
	font-size: 1.2rem;
	padding-left: 1em; }

.conform dt span, .send dt span {
	color: #d00d0d;
	font-size: 1.2rem;
	padding-left: 1em; }

.contact dt span.error, .contact h3 span.error {
	color: #F00;
	font-weight: bold; }

.conform dt {
	margin-bottom: .35em; }

.conform dd {
	padding: .5em 1em;
	background-color: #f2faf9;
	border-radius: 3px; }

.conform button {
	margin-top: 8rem; }

.send .lightblue_area {
	padding: 8rem 0;
	line-height: 1.8; }
	.send .lightblue_area h3 {
		font-size: 2.0rem;
		font-weight: normal;
		margin-bottom: 2em; }
	.send .lightblue_area p {
		max-width: 640px;
		width: 90%;
		font-size: 1.6rem;
		margin: 0 auto 1em; }

/* 共通部分 */
footer {
	color: white;
	background-color: #98d3cd; }
	footer section {
		padding: 8rem 0 3rem; }
	footer ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between; }

footer ul.borb{
    border-bottom: 1px #bce2de solid;
    padding:0 0 30px 0;
}
	footer .footer_info {
		width: 275px; }
		footer .footer_info h1 {
			width: 275px;
			line-height: 1;
			margin-bottom: .25em; }
			footer .footer_info h1 img {
				width: 100%; }

	footer .line {
		width: 180px;
        margin: 0 10px !important; }
		footer .line h1 {
            font-size: 14px;
            font-weight: bold;
            text-align: center;
			width: 180px;
			line-height: 1.8em;
			margin: 0 auto .25em auto; }
            footer .line h1  img {
                width: 65%;
                margin: 0 auto;}


	footer .footer_link {
		width: 45%;
		margin-top: .5em; }
	footer .footer_link ul {
			width: 100%;
			line-height: 2;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between; }
	footer li {
		width: calc((100% - 10em) /2); }
		footer li:nth-child(3), footer li:nth-child(6) {
			/*width: 40em;*/
			text-align: left; }
	footer p {
		margin-bottom: 0; }
		footer p.copylight {
			/*margin-top: 4rem;*/
            padding-top: 15px;}
	footer a:link, footer a:visited {
		color: white;
		text-decoration: none; }

#page_top {
	position: fixed;
	bottom: 15px;
	right: 15px; }
	#page_top a {
		display: block;
		width: 60px;
		height: 60px;
		text-decoration: none;
		color: #fff;
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
		border-radius: 50%;
		outline: none; }

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

.textleft{
    text-align: left !important;
}

.weightb{
    font-weight: bold !important;
    color: #2e2e2e;
}

.mt30{
    margin-top: 30px;
}

h4.borb{
    border-bottom: 1px #e7e9ea solid;
    margin-bottom: 20px;
    padding-bottom: 10px;
}


.content_area02 {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; }
	.content_area02 .descript {
		max-width: 475px;
		width: calc(50% - 25px); }
	.content_area02 .photoimage {
		max-width: 475px;
		width: calc(50% - 25px); }
		.content_area02 .photoimage p {
			padding: .5em 0; }
	.content_area02 .content-title {
		width: 100%;
		font-size: 2.0rem;
		line-height: 1.3;
		letter-spacing: .1em;
		margin: 0 auto .5em; }
	.content_area02 p {
		letter-spacing: .15em;
		padding: .5em 1em; }


/*# sourceMappingURL=../_maps/main.css.map */