@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Julius+Sans+One');


/*メインイメージ
---------------------------------------------------------*/
.contentpage #header {
	background-color: #EBEBEB;
}
.contentpage #header::before {
	background-color: #E3E3DA;
}
.contentpage #header .m_bg {
	background-image: url(../images/concept_m_img.jpg);
}
#header #m_nav2 {
	position: fixed;
	z-index: 500;
	
	left: 0;
	right: 0%;
	
}


/*共通
---------------------------------------------------------*/
.cln_title {
	color: #213d5d;
	font-size: 180%;
	font-weight: bold;
	letter-spacing: .25em;
	line-height: 2.0em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.cln_title {
	font-size: 150%;
	letter-spacing: .05em;
	line-height: 1.8em;
}
}



/*医院理念
---------------------------------------------------------*/
.clinic .idea {
	margin-top: 60px;
	position: relative;
	margin-bottom: 130px;
}
.clinic .idea::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 416px;
	left: 0;
	top: 0;
	background: url(../images/about/idea_bg.jpg) no-repeat center center;
	background-size: cover;
}
.clinic .idea .section {
	position: relative;
	z-index: 1;
}
.clinic .idea h3 {
	text-align: center;
	padding: 80px 0 50px;
}
.clinic .idea .bg_white {
	background: #fff url(../images/about/idea_bg2.png) no-repeat center 50px;
	text-align:  center;
	padding-bottom: 60px;
}
.clinic .idea dt {
	padding: 100px 0 40px;
}
.clinic .idea dd {
	font-size: 94%;
	line-height: 2.3em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.clinic .idea {
	margin-top: 6%;
	margin-bottom: 13%;
}
.clinic .idea .bg_white {
	padding-bottom: 6%;
}
.clinic .idea dt {
	padding: 10% 0 3%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.clinic .idea {
	margin-top: 6%;
	margin-bottom: 15%;
}
.clinic .idea::before {
	height: 250px;
}
.clinic .idea h3 {
	padding: 15% 0 5%;
}
.clinic .idea h3 img {
	max-width: 180px;
	margin: 0 auto;
}
.clinic .idea .bg_white {
	padding-bottom: 8%;
}
.clinic .idea dt {
	padding: 10% 0 5%;
}
.clinic .idea dd {
	line-height: 1.8em;
	text-align: left;
}
}



/*理事長の思い
---------------------------------------------------------*/
.omoi h3 {
	text-align: center;
	margin-bottom: 20px;
}
.omoi .bg_box {
	background: #F5F3F2 url(../images/omoi_bg2.jpg) repeat-x left top;
}
.omoi .bg_box .img_t {
	background: url(../images/omoi_bg1.jpg) no-repeat center top;
}
.omoi .bg_box .img_b {
	background: url(../images/omoi_bg3.jpg) no-repeat center bottom;
}
.omoi .section {
	padding-top: 130px;
	padding-bottom: 120px;
}
.omoi dt {
	color: #213d5d;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.6em;
	margin-bottom: 15px;
}
.omoi dd,
.omoi p,
.omoi li {
	font-size: 94%;
	line-height: 2.1em;
}
.omoi .txt {
	width: 58%;
}
.omoi .img_photo {
	width: 36%;
	max-width: 370px;
	margin: 0 auto;
}

.omoi .box01 {
	position: relative;
}
.omoi .box01 .img_photo {
	position: absolute;
	right: 0;
	bottom: 0;
}

.omoi dd {
	margin-bottom: 60px;
}

.omoi ul {
	margin: 30px 0;
}
.omoi li {
	color: #213d5d;
	font-weight: bold;
	position: relative;
	padding-left: 28px;
}
.omoi li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .4em;
	width: 12px;
	height: 12px;
	background: #fff;
	border: solid 2px #213d5d;
	opacity: 0.6;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.omoi .section {
	padding-top: 10%;
	padding-bottom: 10%;
}
.omoi dt {
	color: #79584C;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.6em;
	margin-bottom: 15px;
}

.omoi dd {
	margin-bottom: 6%;
}

.omoi ul {
	margin: 5% 0;
}

.omoi .box02 .txt,
.omoi .box03 .txt {
	float: none;
	width: 100%;
}
.omoi .box02 .img_photo {
	margin-right: 5%;
	margin-bottom: 10px;
}
.omoi .box03 .img_photo {
	margin-left: 5%;
	margin-bottom: 10px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.omoi h3 {
	margin-bottom: 3%;
}
.omoi .bg_box {
	background: #F5F3F2;
}
.omoi .bg_box .img_t,
.omoi .bg_box .img_b {
	background: none;
}
.omoi .section {
	padding-top: 8%;
	padding-bottom: 8%;
}
.omoi dt {
	letter-spacing: .05em;
	margin-bottom: 5px;
}
.omoi dd,
.omoi p,
.omoi li {
	line-height: 1.8em;
}
.omoi .txt {
	width: 100%;
	float: none;
}
.omoi .img_photo {
	width: 100%;
	max-width: 250px;
	margin: 0 auto 8%;
	float: none;
}

.omoi .box01 .img_photo {
	position: static;
}

.omoi dd {
	margin-bottom: 6%;
}
.omoi ul {
	margin: 5% 0;
}

.omoi li::before {
	top: .3em;
}
}



/*質の高い治療のために
---------------------------------------------------------*/
.clinic .torikumi {
	background: rgb(234,225,200);
	background: -moz-linear-gradient(top,  rgba(234,225,200,1) 0%, rgba(247,243,234,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(234,225,200,1) 0%,rgba(247,243,234,1) 100%);
	background: linear-gradient(to bottom,  rgba(234,225,200,1) 0%,rgba(247,243,234,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae1c8', endColorstr='#f7f3ea',GradientType=0 );
	padding-top: 80px;
	/* box-shadow */
	box-shadow:0px 20px 21px -14px #d1cbbc inset;
	-moz-box-shadow:0px 20px 21px -14px #d1cbbc inset;
	-webkit-box-shadow:0px 20px 21px -14px #d1cbbc inset;
	padding-bottom: 100px;
}
.clinic .torikumi .section {
	text-align: center;
}
.clinic .torikumi .title_sub {
	margin-top: 10px;
	color: #79584C;
	font-size: 110%;
	letter-spacing: .2em;
	line-height: 1.2em;
	margin-bottom: 40px;
}
.clinic .torikumi li {
	background: #fff;
	width: 32.4%;
	max-width: 330px;
	margin-left: 1.4%;
	float: left;
}
.clinic .torikumi li:first-child {
	margin-left: 0;
}
.clinic .torikumi dl {
	padding: 25px 5% 40px;
}
.clinic .torikumi dt {
	padding-top: 100px;
	background-repeat: no-repeat;
	background-position: center top;
	color: #79584C;
	font-size: 124%;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.4em;
	margin-bottom: 10px;
}
.clinic .torikumi li:nth-child(1) dt {
	background-image: url(../images/about/icon1.png);
}
.clinic .torikumi li:nth-child(2) dt {
	background-image: url(../images/about/icon2.png);
}
.clinic .torikumi li:nth-child(3) dt {
	background-image: url(../images/about/icon3.png);
}
.clinic .torikumi dd {
	font-size: 90%;
	line-height: 1.7em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.clinic .torikumi {
	padding-top: 8%;
	padding-bottom: 10%;
}
.clinic .torikumi .title_sub {
	margin-top: 0;
	margin-bottom: 3%;
}
.clinic .torikumi li {
	background: #fff;
	width: 33%;
	margin-left: 0.5%;
}
.clinic .torikumi dl {
	padding-bottom: 6%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.clinic .torikumi {
	padding-top: 10%;
	padding-bottom: 10%;
}
.clinic .torikumi .title_sub {
	margin-top: 0;
	margin-bottom: 0;
}
.clinic .torikumi li,
.clinic .torikumi li:first-child {
	width: 100%;
	margin: 5% auto 0;
	float: none;
}
.clinic .torikumi dl {
	padding: 5%;
}
.clinic .torikumi dt {
	padding-top: 70px;
	background-size: 60px;
}
.clinic .torikumi dd {
	line-height: 1.6em;
	text-align: left;
}
}



/*外来環
---------------------------------------------------------*/
.clinic .gairaikan {
	background: rgb(126,174,217);
	background: -moz-linear-gradient(top,  rgba(126,174,217,1) 0%, rgba(150,190,224,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(126,174,217,1) 0%,rgba(150,190,224,1) 100%);
	background: linear-gradient(to bottom,  rgba(126,174,217,1) 0%,rgba(150,190,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7eaed9', endColorstr='#96bee0',GradientType=0 );
}
.clinic .gairaikan .bg_l {
	background: url(../images/about/gairaikan_bg2.png) no-repeat left center;
	background-size: contain;
}
.clinic .gairaikan .bg_r {
	background: url(../images/about/gairaikan_bg3.png) no-repeat right center;
	background-size: contain;
}
.clinic .gairaikan .section {
	background: url(../images/about/gairaikan_bg1.png) no-repeat center center;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 70px;
	color: #fff;
}

.clinic .gairaikan h3 {
	font-size: 180%;
	font-weight: bold;
	letter-spacing: .25em;
	line-height: 1.6em;
}
.clinic .gairaikan dt {
	color: #FFFFBF;
	font-size: 106%;
	font-weight: bold;
	letter-spacing: .25em;
	line-height: 1.8em;
	margin: 40px 0 30px;
}
.clinic .gairaikan dd {
	font-size: 94%;
	line-height: 2.1em;
}

.clinic .gairaikan_link li {
	width: 50%;
	position: relative;
	box-sizing: border-box;
	padding: 10px;
}
.clinic .gairaikan_link li:first-child {
	background: #398B92;
}
.clinic .gairaikan_link li:last-child {
	background: #296FBF;
}
.clinic .gairaikan_link .abs_img {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
}
.clinic .gairaikan_link li a {
	display: block;
	height: 100px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 45px;
	padding-left: 100px;
	padding-right: 20px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 );
}
.clinic .gairaikan_link li a img {
	position: relative;
	z-index: 1;
}

/* 微調整
------------------------------------------*/
@media only screen and (min-width: 959px) and (max-width: 1200px) {
.clinic .gairaikan_link .abs_img img {
	opacity: 0.4;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.clinic .gairaikan .section {
	padding-top: 8%;
	padding-bottom: 8%;
}

.clinic .gairaikan dt {
	margin: 5% 0 3%;
}

.clinic .gairaikan_link li {
	width: 100%;
	float: none;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.clinic .gairaikan .bg_l {
	background-size: cover;
}
.clinic .gairaikan .bg_r {
	background: none;
}
.clinic .gairaikan .section {
	background: rgba(126,174,217,0.5);
	padding-top: 10%;
	padding-bottom: 10%;
}

.clinic .gairaikan h3 {
	font-size: 160%;
	letter-spacing: .15em;
}
.clinic .gairaikan dt {
	letter-spacing: .15em;
	line-height: 1.6em;
	margin: 5% 0;
}
.clinic .gairaikan dd {
	text-align: left;
}

.clinic .gairaikan_link li {
	width: 100%;
	float: none;
	padding: 5px;
}
.clinic .gairaikan_link .abs_img img {
	height: 80px;
	width: auto;
	opacity: 0.4;
}
.clinic .gairaikan_link li a {
	height: 70px;
	padding-top: 28px;
	padding-left: 5%;
	padding-right: 5%;
}
}



/*院内マップ
---------------------------------------------------------*/
.clinic .clinic_map {
	background: #F7EFE7;
	width: 94%;
	margin: 100px auto 0;
	padding: 80px 0 100px;
}

.clinic .clinic_map .tab_area {
	position: relative;
}
/* タブの中身 */
#tab-box {
	position: relative;
	z-index: 0;
}
#tab-box div {
  display: none;
}
#tab-box div.active {
  display: block;
}

/* タブメニュー */
#tab-menu {
	background: url(../images/about/map_menu.png) no-repeat center center;
	width: 230px;
	height: 230px;
	position: absolute;
	right: 3%;
	top: 88%;
}
#tab-menu li {
	position: absolute;
	z-index: 1;
}
#tab-menu li img {
	opacity: 1;
}
#tab-menu li:first-child {
	top: 138px;
	right: 60px;
	background: url(../images/about/tab_btn_1f-o.png) no-repeat center center;
	z-index: 0;
}
#tab-menu li:last-child {
	top: 100px;
	right: 40px;
	background: url(../images/about/tab_btn_2f-o.png) no-repeat center center;
	z-index: 1;
}
#tab-menu li.active img {
	opacity: 0;
}

/*  アイコン説明*/
.clinic .clinic_map .caption {
	width: 450px;
	margin: 30px auto 0;
	color: #79584C;
	letter-spacing: .15em;
	line-height: 1.2em;
}
.clinic .clinic_map .caption li {
	margin-top: 10px;
}

.clinic .clinic_map .caution {
	font-size: 86%;
	position: absolute;
	text-align: center;
	bottom: 9%;
	left: 50%;
	margin-left: -113px;
}

.clinic .clinic_map .caption p {
	background-repeat: no-repeat;
	background-position: left center;
	padding: 10px 0;
	padding-left: 45px;
}
.clinic .clinic_map .caption p.icon_zoom {
	font-size: 106%;
	background-image: url(../images/about/map_icon1.png);
}
.clinic .clinic_map .caption p.icon_restroom {
	font-size: 94%;
	background-image: url(../images/about/map_icon2.png);
}
.clinic .clinic_map .caption p.icon_chairc {
	font-size: 90%;
	background-image: url(../images/about/map_icon3.png);
}
.clinic .clinic_map .caption li:last-child p {
	float: left;
}
.clinic .clinic_map .caption li:last-child p.icon_restroom {
	margin-right: 20px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.clinic .clinic_map {
	width: 100%;
	margin: 10% auto 0;
	padding: 8% 0 10%;
}

.clinic .clinic_map .caution {
	bottom: 8%;
}

/*  アイコン説明*/
.clinic .clinic_map .caption {
	margin-left: 0;
	margin-top: 3%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.clinic .clinic_map {
	display: none;
}
}



/*インドアビュー
---------------------------------------------------------*/
.clinic .indor_view {
	background: #F7EFE7;
	/* box-shadow */
	box-shadow:0px 20px 21px -14px #d1c9bf inset;
	-moz-box-shadow:0px 20px 21px -14px #d1c9bf inset;
	-webkit-box-shadow:0px 20px 21px -14px #d1c9bf inset;
	width: 94%;
	margin: 0 auto;
	padding: 80px 0 100px;
}
.clinic .indor_view .view_area {
	width: 100%;
	margin-bottom: 30px;
}
.clinic .indor_view .flt_l {
	font-size: 94%;
	line-height: 1.7em;
	width: 60%;
}
.clinic .indor_view .flt_r {
	width: 35%;
	max-width: 260px;
}
.clinic .indor_view .flt_r a {
	display: block;
	padding: 15px 0;
	border-radius: 30px;
	background: #79584C;
	text-align: center;
	color: #fff;
	font-size: 106%;
	font-weight: normal;
	letter-spacing: .15em;
	line-height: 1.2em;
}
.clinic .indor_view .flt_r span {
	position: relative;
	vertical-align: middle;
	padding-right: 15px;
}
.clinic .indor_view .flt_r span::before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.clinic .indor_view {
	width: 100%;
	padding: 10% 0 8%;
}
.clinic .indor_view .view_area {
	margin-bottom: 3%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.clinic .indor_view {
	margin-top: 10%;
	width: 100%;
	padding: 15% 0 10%;
}
.clinic .indor_view .view_area {
	margin-bottom: 3%;
}
.clinic .indor_view .view_area,
.clinic .indor_view .view_area iframe {
	height: 250px;
}
.clinic .indor_view .flt_l {
	width: 100%;
	float: none;
}
.clinic .indor_view .flt_r {
	width: 100%;
	max-width: 100%;
	float: none;
	margin: 3% auto 0;
}
}



/*快適な院内空間
---------------------------------------------------------*/
.clinic .bnr_clinic {
	margin-top: 80px;
	background: rgb(247,240,228);
	background: -moz-linear-gradient(left,  rgba(247,240,228,1) 0%, rgba(255,255,255,1) 50%, rgba(247,240,228,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(247,240,228,1) 0%,rgba(255,255,255,1) 50%,rgba(247,240,228,1) 100%);
	background: linear-gradient(to right,  rgba(247,240,228,1) 0%,rgba(255,255,255,1) 50%,rgba(247,240,228,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f0e4', endColorstr='#f7f0e4',GradientType=1 );
	margin-bottom: 100px;
}
.clinic .bnr_clinic .bg_l {
	background: url(../images/about/clinic_bg1.png) no-repeat left center;
	background-size: contain;
	text-align: center;
	position: relative;
	padding: 40px 5% 40px;
}
.clinic .bnr_clinic dt {
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}
.clinic .bnr_clinic dd {
	font-size: 90%;
	line-height: 2.0em;
	position: relative;
	z-index: 1;
}
.clinic .bnr_clinic .btn {
	width: 100%;
	max-width: 400px;
	margin: 30px auto 0;
	font-size: 90%;
	line-height: 2.0em;
}
.clinic .bnr_clinic .btn a {
	display: block;
	padding: 20px 0;
	border-radius: 50px;
	background: url(../images/about/bg_grd.jpg) no-repeat center center;
	background-size: cover;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.2em;
}
.clinic .bnr_clinic .btn span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding-right: 20px;
}
.clinic .bnr_clinic .btn span::before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.clinic .bnr_clinic .abs_img {
	position: absolute;
	z-index: 0;
	right: 1%;
	bottom: 3%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.clinic .bnr_clinic {
	margin-top: 10%;
	margin-bottom: 10%;
}
.clinic .bnr_clinic .bg_l {
	padding: 5%;
}
.clinic .bnr_clinic .btn {
	margin-top: 3%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.clinic .bnr_clinic {
	margin-top: 10%;
	margin-bottom: 10%;
}
.clinic .bnr_clinic .bg_l {
	background-size: cover;
	padding: 0;
}
.clinic .bnr_clinic dl {
	padding: 8% 3%;
	background: rgba(247,240,228,0.5);
}
.clinic .bnr_clinic dd {
	padding: 0 3%;
}
.clinic .bnr_clinic .btn {
	margin-top: 3%;
}
.clinic .bnr_clinic .abs_img {
	display: none;
}
}