/* 
+++++++++++++++++++++++++++++++

各ページスタイル

+++++++++++++++++++++++++++++++*/

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

　shinryo

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

/* 診療のご案内
--------------------------------*/
/* 診療インフォ */
#guide .subpage-info dt,
#guide .subpage-info dd{
	border-bottom: 1px solid #d2d4d3;
	padding: 1.5em 0;
	margin-top: 0;
}
#guide .subpage-info dt{
	color: #1d538f;
	font-weight: 600;
	width: 10em;
}
#guide .subpage-info dd{
	width: calc(100% - 10em);
}
	@media screen and (max-width: 767px) {
		#guide .subpage-info dt{
			width: 8em;
		}
		#guide .subpage-info dd{
			width: calc(100% - 8em);
		}
	}

#guide .icon-shikaku-white:before{
	background: #1d538f;
}
/* 診療テーブル */
table.subpage-schedule td,
table.subpage-schedule th{
	padding: .375em 0;
}
table.subpage-schedule td{
	border-color: #e8eef4;
	background: #fff;
}
table.subpage-schedule th{
	background: #c7d4e3;
	text-align: center;
}
table.subpage-schedule tr:first-child th,
table.subpage-schedule tr:first-child td{
	background: #1d538f;
	color: #fff;
}
.online-uketsuke{
	position: relative;
	background: #e1e8f0;
	padding:2.75em 5% 2.5em;
}
.online-uketsuke:before{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../images/shinryo/thumb-smartphone.png) no-repeat right bottom;
	background-size: 21% auto;
	content: "";
	z-index: 0;
}
.online-uketsuke .txt{
	width: calc(100% -  20% - 1%);
	position: relative;
	z-index: 1;
}
.kyukyu {
	margin-top: 4px;
	background: #e1e8f0;
	padding: 1.5em 5%;
}
	@media screen and (max-width: 767px) {
		.kyukyu {
			padding: 1em .75em;
		}
		.online-uketsuke{
			background-size: 30% auto;
			padding:2.75em 5% 5em;
		}
		.online-uketsuke:before{
			background-size:auto 70%;
			background-position: calc(100% + 2em) bottom;
		}
		.online-uketsuke .txt{
			width: 67%;
			position: relative;
			z-index: 1;
		}
	}
	@media screen and (orientation: portrait) and (max-width: 666px) {
		.online-uketsuke{
			padding-bottom: 1.75em;
		}
		.online-uketsuke:before{
			background-size: auto 36%;
			background-position: calc(100% + 1.25em) bottom;
		}
		.online-uketsuke .txt{
			width: 100%;
			position: relative;
			z-index: 1;
		}
		.online-uketsuke .txt .att{
			width: 62%;
		}
	}
.ul-shinryo-desc {
	margin-top: 4em;
}
.ul-shinryo-desc li{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	padding: 2.75em 0 5.5em;
	position: relative;
}
.ul-shinryo-desc li:last-child{
	padding-bottom: 0;
}
.ul-shinryo-desc li .tit{
	width: 22%;
}
.ul-shinryo-desc li .txt{
	width: calc(100% - 22% - 1em);
	margin-left: 1em;
}
	@media screen and (max-width: 767px) {
		.ul-shinryo-desc li{
			padding: 2.75em 0 3.75em;
		}
		.ul-shinryo-desc li .tit{
			width: 100%;
		}
		.ul-shinryo-desc li .txt{
			width: 100%;
			margin-left: 0;
			margin-top: 1.5em;
		}
	}

.ul-shinryo-desc li .tit:before{
	width: 22%;
	height: 3px;
	position: absolute;
	top: -3px;
	left: 0;
	background: #b2b4b3;
	content: "";
}
.ul-shinryo-desc li .tit:after{
	width: 3em;
	height: 3px;
	position: absolute;
	top: -3px;
	left: 0;
	background: #1d538f;
	content: "";
}
.thumb-renkei{
	max-width: 580px;
	width: 95%;
	margin: 1.5em auto 0;
}

/* 初めての方へ
--------------------------------*/
#first{
	background: linear-gradient(205deg,rgba(222, 228, 248, .7),rgba(212, 231, 245, .5) 55%,rgba(222, 228, 245, .1) 100%);
}
.first-box{
	margin-top: 1em;
}
.first-flow-list li{
	position: relative;
	padding: 3em 0 5em 12%;
	height: 100%;
}
.first-flow-list li:after{
	position: absolute;
	top: 0;
	left: calc(3.75em - 1.5em);
	width: 1px;
	height: 100%;
	content: "";
	background: #1d538f;
}
.first-flow-list li:last-child:after{
	position: relative;
	top: auto;
	left: auto;
	width: auto;
	height: auto;
	content: "";
	background: none;
}
.first-flow-list li .no{
	position: absolute;
	top: 0;
	left: 0;
	width: 3.75em;
	height: 3.75em;
	line-height: 3.75em;
	text-align: center;
	font-size: 1.25em;
	font-family: "M PLUS 1p", sans-serif;
	color: #d2dce8;
	background: #1d538f;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	z-index: 1;
}
.first-flow-list li .tit{
	background: rgba(185, 210, 240, .65);
	font-size: 1.125em;
	font-weight: 600;
	color: #1d538f;
	line-height: 1.5;
	padding: 1.25em .75em 1.25em 1.25em;
	position: relative;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
}
.first-flow-list li:nth-child(1) .tit{
	padding-right: 80px;
}
.first-flow-list li img.img-position{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 80px;
}
.manner{
	border: 1px solid #1d538f;
	background: #fff;
	padding: 2em 2.25em;
	margin-top: 2.5em;
}
	@media screen and (max-width: 767px) {
		.first-flow-list li{
			padding: 3em 0 2em 11%;
		}
		.first-flow-list li .no{
			left: -.5em;
			width: 2.25em;
			height: 2.25em;
			line-height: 2.25em;
		}
		.first-flow-list li:after{
			position: absolute;
			top: 0;
			left: calc(2.25em - 1.375em);
			width: 1px;
			height: 100%;
			content: "";
			background: #1d538f;
		}
		.first-flow-list li .tit{
			padding: 1em 0 1em 1em;
		}
		.first-flow-list li:nth-child(1) .tit{
			padding-right: 55px;
		}
		.first-flow-list li .tit .small{
			font-size: 13px;
		}
		.first-flow-list li img.img-position{
			position: absolute;
			bottom: 0;
			right: -6%;
			width: 62px;
		}
		.manner{
			padding: 1.75em 1.5em;
		}
	}

.ul-manner{
	margin-top: 2em;
	border-top: 1px solid #1d538f;
}
.ul-manner li{
	font-weight: 600;
	padding: 1.5em 0 1.5em 3em;
	border-bottom: 1px solid #1d538f;
}
.ul-manner li.dog{
	background: url(../images/shinryo/icon-dog.png) no-repeat left center;
	background-size: 2em;
}
.ul-manner li.cat{
	background: url(../images/shinryo/icon-cat.png) no-repeat left center;
	background-size: 2em;
}

/* オンライン受付
--------------------------------*/
#online{
	position: relative;
}
#online:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 430px;
	background: #73b9c2;
	content: "";
	z-index: 0;
}
.online-inner{
	position: relative;
	z-index: 1;
	color: #fff;
	margin-bottom: 3em;
}
.online-inner a{
	text-decoration: underline;
	color: #fff;
}
	@media screen and (max-width: 767px) {
		.online-inner .section-copy{
			font-size: 13.5px;
			line-height: 1.75;

		}
	}


/* 専門外来
--------------------------------*/
.senmongairai{
	border-width: 1px 0 1px 1px;
	border-style: solid;
	color: #1d538f;
	border-right: 0;
	padding: 2.75em 6% 3em 2.25em;
	box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, .05);
}
.senmongairai .tit{
	width: 32%;
}
.senmongairai .tit .yoyakusei{
	font-size: 1rem;
	margin-top: .5em;
}
.senmongairai .txt{
	width: 66%;
}
.senmongairai .txt ul{
	border-top: 1px dotted;
}
.senmongairai .txt ul li{
	padding: 1.25em 0;
	border-bottom: 1px dotted;
}
	@media screen and (max-width: 767px) {
		.senmongairai .tit{
			width: 100%;
		}
		.senmongairai .txt{
			width: 100%;
			margin-top: 1em;
		}
		.senmongairai .tit .yoyakusei{
			text-align: right;
			margin-top: 0;
		}
	}
.senmongairai .att{
	background: #1d538f;
	padding: 1em;
	font-weight: 500;
	color: #fff;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
}

/* 手術と実績
--------------------------------*/
.operation-desc {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin-top: 5em;
}
.operation-desc-copy{
	width: 20%;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	font-size: 1.9375em;
	letter-spacing: 2px;
	padding-left: 1.25em;
}
.operation-desc-txt{
	width: 80%;
}
.operation-desc-txt li{
	padding: 1.75em 6% 2.75em 2em;
}
.operation-desc-txt .xxx-large{
	margin-bottom: .25em;
}

	@media screen and (max-width: 767px) {
		.operation-desc-copy{
			font-size: 24px;
			width: 16%;
			padding-left: 0;
			line-height: 1.0;
		}
		.operation-desc-txt{
			width: 84%;
		}
		.operation-desc-txt li{
			padding: 1.25em 6% 1.5em 1.75em;
		}
		.operation-desc-txt .tit{
			font-size: 18px
		}
	}

.operation-desc-txt li:nth-child(1){
	background: #bbcbdd;
}
.operation-desc-txt li:nth-child(2){
	background: #d2dde9;
}
.operation-desc-txt li:nth-child(3){
	background: #dde5ee;
}
.clm3-ope-img{
	width: calc((100% - .75em) / 3);
}
.kensuu{
	border: 1px solid #1d538f;
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .05);
}
.kensuu .tit{
	border-bottom: 1px solid #1d538f;
	color: #1d538f;
	text-align: center;
	padding: .75em 1.25em;
}
.kensuu .suuji{
	padding: .5em 0 1.5em;
	color: #1d538f;
	line-height: 1.4;
	text-align: center;
}
.kensuu .suuji span{
	font-size: 2.25em;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	padding: 0 .375em;
}
	@media screen and (max-width: 767px) {
		#operation .clm2-block{
			margin-bottom: 1.75em;
		}
	}

/* 患者様へ
--------------------------------*/
.patient-flex {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin-top: 3em;
}
.patient-tit{
	width: 8%;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	font-size: 1.5em;
	padding-left: .25em;
	border-right: 1px solid;
}
.patient-txt{
	width: 90%;
	padding-left: 9%;
	margin-top: 2.5em;
}
#second_opinion{
	padding-top: 1em;
}
	@media screen and (max-width: 767px) {
		.patient-tit{
			width: 10%;
			font-size: 1.57142857143em;
			padding-left: 0;
			line-height: 1.0;
			border-right: 1px solid #dedede;
		}
		.patient-txt{
			width: 90%;
			padding-left: 9%;
			margin-top: 1.5em;
		}
	}


.patient-flex .txt{
	width: 60%;
}
.patient-flex .thumb{
	width: 35%;
}
.kensuu-flex{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.kensuu-flex .tit,
.kensuu-flex .suuji{
	width: 50%;
	padding: 1.5em 0;
}
.kensuu-flex .tit{
	border-bottom: 0;
	border-right: 1px solid;
}
	@media screen and (max-width: 767px) {
		.patient-flex .txt{
			width: 100%;
		}
		.patient-flex .thumb{
			width: 80%;
			margin: 1em auto;
		}
		.kensuu-flex .tit,
		.kensuu-flex .suuji{
			width: 100%;
			padding: 1em;
		}
		.kensuu-flex .tit{
			border-bottom: 1px solid;
			border-right: 0;
			line-height: 1.5;
		}

	}


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

　about

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

/*理念と特色
--------------------------------*/

.philosophy-msg{
	font-size: 1.4375em;
	line-height: 2.75;
	margin-top: 1.5em;
}
.philosophy-msg span{
	font-weight: 500;
	display: inline-block;
	position: relative;
}
.philosophy-msg span:before{
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100%;
	height: 1px; 
	background: #373c39;
	content: "";
	transform: translate(-50%,0);
	padding: 0 .625em;
}
.philosophy-img {
	position: relative;
	margin-top: 2.75em;
	margin-bottom: 4em;
}
.philosophy-img .thumb{
	width: 42%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.philosophy-img .bg-since{
	position: absolute;
	bottom: 0;
	z-index: 0;
	opacity: .8;
}
	@media screen and (max-width: 979px) {
		.philosophy-msg{
			font-size: 18px;
		}
	}
	@media screen and (orientation: portrait) and (max-width: 767px) {
		.philosophy-msg{
			font-size: 17px;
		}
		.philosophy-msg span:before{
			padding: 0 .5em;
		}
		.philosophy-img {
			margin-top: 2em;
			margin-bottom: 1em;
			padding-bottom: 1.25em;
		}
		.philosophy-img .thumb{
			width: 70%;
		}
	}
	@media screen and (max-width: 374px) {
		.philosophy-msg{
			font-size: 15px;
		}
	}
.flex-philosophy{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1em;
}
.flex-philosophy .tit{
	width: 13%;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	line-height: 1.25;
	position: relative;
	left: -2%;
}
#philosophy .row-reverse .tit{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: relative;
	left: auto;
	right: -2%;
}
.flex-philosophy .txt{
	width: 87%;
	margin-top: 4.25em;
}
	@media screen and (max-width: 767px) {
		.flex-philosophy{
			margin-bottom: 1em;
		}
		.flex-philosophy .tit{
			width: 14%;
			overflow: hidden;
			left: -5%;
		}
		#philosophy .row-reverse .tit{
			right: -5%;
		}
		.flex-philosophy .txt{
			width: 86%;
			margin-top: 3.25em;
		}
	}

.flex-philosophy .tit .min{
	color: #443424;
	font-size: 1.75em;
	display: inline;
	padding-top: 1.25em;
	position: relative;
	line-height: 1;
}
.flex-philosophy .tit .eng{
	color: #bfbab4;
	font-size: 2.75em;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	display: inline;
	padding-top: .625em;
	position: relative;
	left: 3px;
}
.flex-philosophy .tit span{
	width: 1px;
	height: 1.25em;
	background: #443424;
	display: inline-block;
}
#philosophy .row-reverse .min:before{
	left: 0;
	right: calc(120% + 1px);
	width: 1px;
}
	@media screen and (max-width: 767px) {
		.flex-philosophy .tit .min{
			font-size: 1.375em;
		}

	}
.ul-philosophy {
	margin-top: 1.5em;
}
.ul-philosophy li{
	padding: 0 0 6.25em 7.5em;
	position: relative;
}
.ul-philosophy li .item{
	font-size: 1.25em;
	font-weight: 400;
}
.ul-philosophy li span{
	position: absolute;
	top: -.625em;
	left: 0;
	display:block;
	width: 2.25em;
	height: 2.25em;
	line-height: 2.25em;
	color: #eee;
	font-size: 2em;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	z-index: 1;
}
.ul-philosophy li span:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	filter: blur(9px);
	z-index: -1;
}
.ul-philosophy li:nth-child(1) span:before{
	background: #cfcfcf;
}
.ul-philosophy li:nth-child(2) span:before{
	background: #c6c7c6;
}
.ul-philosophy li:nth-child(3) span:before{
	background: #afb0af;
}
	@media screen and (max-width: 767px) {
		.ul-philosophy li{
			padding-left: 5em;
			padding-bottom: 3em;
		}
		.ul-philosophy li .item{
			font-size: 1.125em;
		}
		.ul-philosophy li span{
			font-size: 1.75em;
		}
	}

.ul-credo{
	margin-top: 1.75em;
}
.ul-credo li{
	font-weight: 500;
	padding: 1.75em 0 1.75em 2em;
	border-top: 1px solid #dcd9d6;
	position: relative;
}
.ul-credo li:before{
	position: absolute;
	top: calc(1.75em + .5em);
	left: 0;
	width: .75em;
	height: .75em;
	background: #d9c9c4;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	content: "";
}
.cre-detail{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.15em;
	font-weight: 400;
}
.cre-txt{
	font-size: 1.15em;	
}
/*院長挨拶
--------------------------------*/

.message-box{
	padding: 5em .5em 7em 2em;
	margin-top: 3em;
	position: relative;
}
.message-box:before{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	content: "";
	transform: translate(-50%,-50%);
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .05);
}
.message-box img{
	position: absolute;
	bottom: 0;
	right: .75em;
	width: 29%;
	z-index: 0;
}
.message-box-inner{
	max-width: 640px;
	margin:0 auto;
	line-height: 2.2;
	font-size: 1.125em;
	position: relative;
	z-index: 1;
	font-family: "M PLUS 1p", sans-serif;
}
.message-box-inner p{
	margin-bottom: 2.5em;
}
.message-box-inner div.msg-name{
	font-weight: 500;
}

	@media screen and (max-width: 979px) {
		.message-box-inner{
			font-size: 15px;
		}
	}
	@media screen and (max-width: 767px) {
		.message-box{
			padding:3.75em 1em 0;
		}
		.message-box:before{
			width: calc(100% + 7%);
		}
		.message-box img{
			display: block;
			position: relative;
			margin-left: auto;
			margin-top: -6.75em;
			right: -1em;
		}
		.message-box-inner{
			line-height: 2;
		}
		.message-box-inner p{
			margin-bottom: 1.75em;
		}
		.message-box-inner div.msg-name span{
			display: block;
		}
	}
	@media screen and (max-width: 500px) {
		.message-box img{
			width: 42%;
		}
	}

/* スタッフ紹介
--------------------------------*/
.staff-director{
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	padding: 3em 0 3em 3em;
}
.staff-director:before{
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% + 6%);
	height: 100%;
	background: #e9e9e9;
	border-left: 3px solid #1d538f;
	content: "";
}
.item-namae{
	width: 200px;
	position: relative;
	z-index: 1;
}
.item-profile{
	width: calc(100% - 200px);
	position: relative;
	z-index: 1;
}
.item-namae .thumb img{
	max-width: 150px;
	height: auto;
	margin-top: 1.25em;
	border-radius: .75em;
}
.staff-list{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.staff-list li{
	width: calc((100% - 3em) / 3);
	background: #fff;
	border-left: 3px solid #94253f;
	padding: 1.5em 1.5em 1.5em calc(1.5em - 3px);
	margin-bottom: 1.5em;
}
.staff-list li.vet{
	border-color: #1d538f;
}
.staff-list li:nth-child(3n + 1){
	margin-right: 1em;
}
.staff-list li:nth-child(3n + 2){
	margin-right: .5em;
	margin-left: .5em;
}
.staff-list li:nth-child(3n + 3){
	margin-left: 1em;
}

	@media screen and (max-width: 1180px) {
		.staff-director{
			padding-left: 2.5em;
		}
		.item-namae{
			width: 170px;
		}
		.item-profile{
			width: calc(100% - 170px);
		}
		.item-namae .thumb img{
			max-width: 130px;
		}
		.staff-list{
			-webkit-box-pack: justify;
			justify-content: space-between;
		}
		.staff-list li{
			width: 48.5%;
			margin-bottom: 16px;
		}
		.staff-list li:nth-child(3n + 1){
			margin-right: 0;
		}
		.staff-list li:nth-child(3n + 2){
			margin-right: 0;
			margin-left: 0;
		}
		.staff-list li:nth-child(3n + 3){
			margin-left: 0;
		}
	}

	@media screen and (max-width: 767px) {
		.staff-director{
			padding: 2em 0 2.5em 1.75em;
		}
		.item-namae{
			width: 100%;
			margin-bottom: 1.5em;
		}
		.item-profile{
			width: 100%;
			position: relative;
			margin-top: 1em;
		}
		.item-namae .thumb img{
			width: 75px;
			height: auto;
			position: absolute;
			top: -.25em;
			right: 0;
			margin-top: 0;
		}

		.staff-list li{
			padding: 1em .5em 1.5em calc(.75em - 3px);
		}
	}
.job-posi{
	font-size: .875em;
	font-weight: 500;
}
.namae{
	font-size: 1.625em;
	font-weight: 500;
}
.staff-list .namae{
	font-size: 1.4375em;
}
.staff-director .job-posi,
.staff-list li.vet .job-posi{
	color: #1d538f;
}
.staff-list .job-posi{
	color: #94253f;
}

	@media screen and (max-width: 767px) {
		.job-posi{
			font-size: 11px;
		}
		.staff-list .job-posi{
			font-size: 10px;
		}
		.namae{
			font-size: 22px;
		}
		.staff-list .namae{
			font-size: 16px;
		}
	}
/*装飾*/
.msg-txt{
	font-family: 'Zen Maru Gothic', serif;
	font-size: 1.0625em;
	font-weight: 500;
	line-height: 1.5;
}
.staff-list .msg-txt{
	font-size: 0.9375em;
	margin-top: 1em;
}
.staff-list .other-txt{
	font-size: 0.8125em;
	text-align: center;
	padding: .25em 0 .75em;
	border-bottom: 1px dotted #aaa;
	line-height: 1.5;
}
	@media screen and (orientation: portrait) and (max-width: 767px) {
		.staff-list .msg-txt{
			font-size: 11px;
		}
		.staff-list .other-txt{
			font-size: 11px;
		}
	}

.dl-job-history{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	font-size: .9375em;
	line-height: 1.5;
}
.dl-job-history dt{
	width: 6em;
	padding: 1em 0;
	border-bottom: 1px solid #aaa;
}
.dl-job-history dd{
	width: calc(100% - 6em);
	padding: 1em 0;
	border-bottom: 1px solid #aaa;
}

/* 施設紹介
--------------------------------*/



.facility-list{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.facility-list li{
	width: 33.3333%;
	margin-bottom: 2.5rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .875em;
	text-align: center;
}
.facility-list li:nth-child(3n + 1) div{
	margin-right: 1em;
}
.facility-list li:nth-child(3n + 2) div{
	margin-right: .5em;
	margin-left: .5em;
}
.facility-list li:nth-child(3n + 3) div{
	margin-left: 1em;
}
.facility-list li.portrait img{
	width: calc(100% - 31%);
	display: block;
	margin: 0 auto .5em;
}
.facility-list li.landscape img{
	width: 100%;
	display: block;
	margin: 0 auto .5em;
}

	@media screen and (max-width: 979px) {
		.facility-list{
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
		}
		.facility-list li{
			width: 48%;
			margin-bottom: 1.5em;
		}
		.facility-list li:nth-child(3n + 1) div{
			margin-right: 0;
		}
		.facility-list li:nth-child(3n + 2) div{
			margin-right: 0;
			margin-left: 0;
		}
		.facility-list li:nth-child(3n + 3) div{
			margin-left: 0;
		}
	}


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

　junkan

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

.junkan-relative{
	position: relative;
	margin-bottom: 6.5em;
}
.junkan-desc {
	position: absolute;
	top: calc(-.625em / 2);
	right: 0;
	padding: .625em 5% .625em 1em;
	font-family: 'Zen Maru Gothic', serif;
	font-weight: 500;
	color: #94253f;
	line-height: 1.4;
	background: #ecd9dd;
	border-radius: 6em 0 0 6em;
	-moz-border-radius: 6em 0 0 6em;
	-webkit-border-radius: 6em 0 0 6em;
}
	@media screen and (max-width: 1180px) {
		.junkan-desc{
			top: -2em;
			padding: 1em 5% 1em 1.5em;
			font-size: 13px;
			border-radius: 1em 0 0 1em;
			-moz-border-radius: 1em 0 0 1em;
			-webkit-border-radius: 1em 0 0 1em;
		}
		.junkan-desc span{
			display: block;
		}
	}
	@media screen and (orientation: portrait) and (max-width: 767px) {
		.junkan-relative{
			margin-bottom: 5em;
		}
		.junkan-desc{
			font-size: 12px;
		}
	}

.junkan-midashi{
	background: #94253f;
	border-bottom: 4px solid #d4a6b1;
	color: #fff;
	font-size: 1.375em;
	font-weight: 600;
	line-height: 1.4;
	padding: .625em 1em;
	margin-bottom: 1.25em;
}
.junkan-midashi .small{
	font-size: .75em;
	font-weight: 500;
}
.ul-junkan-case{
	margin-top: 3em;
}
.ul-junkan-case li{
	width: calc((100% - 3em) / 3);
	position: relative;
}
	@media screen and (max-width: 1180px) {
		.ul-junkan-case li{
			width: calc((100% - 2em) / 3);
		}
	}

	@media screen and (max-width: 767px) {
		.ul-junkan-case li{
			width: 84%;
			margin: 0 auto 2em;
		}
		.ul-junkan-case li:last-child{
			margin-bottom: 0;
		}
	}

.ul-junkan-case li .tit{
	background: #373c39;
	font-family: 'Zen Maru Gothic', serif;
	font-weight: 500;
	color: #fff;
	text-align: center;
	width: 75%;
	margin: 0 auto;
	padding: .25em 0;
	border-radius: 4em;
	-moz-border-radius: 4em;
	-webkit-border-radius: 4em;
	position: relative;
	z-index: 1;
}
.ul-junkan-case li .tit span{
	font-size: 1.375em;
	line-height: 1.2;
	font-weight: 700;
}
.ul-junkan-case li img{
	position: relative;
	z-index: 0;
	display: block;
	margin-top: -1em;
	margin-bottom: .75em;
}

/* 犬と猫の心臓病 */
.cardiac-desc{
	text-align: center;
}
	@media screen and (max-width: 767px) {
		.cardiac-desc .bodycopy{
			font-size: 1.03571428571em;
		}
	}
	@media screen and (max-width: 390px) {
		.cardiac-desc .bodycopy{
			font-size: 1em;
		}
	}
.flex-cardiac-style .clm2-block{
	border: 1px solid;
	padding: 1.5em 2em;
	position: relative;
}

.flex-cardiac-style .clm2-block .tit{
	background: #373c39;
	font-size: 1.0625em;
	font-family: 'Zen Maru Gothic', serif;
	font-weight: 600;
	color: #fff;
	text-align: center;
	width: 80%;
	border-radius: 4em;
	-moz-border-radius: 4em;
	-webkit-border-radius: 4em;
	margin: -2.5em auto 1.25em;
	padding: .275em 0;
}
	@media screen and (max-width: 767px) {
		.flex-cardiac-style .clm2-block{
			width: 95%;
			margin: 0 auto;
			padding: 1.5em;
		}
		.flex-cardiac-style .clm2-block:last-child{
			margin-top: 2.5em;
		}
	}

.cardiac-title-bg{
	position: relative;
	padding: 3.25em 0 1.5em;
	margin-top: 3.25em;
}
.cardiac-title-bg:before{
	position: absolute;
	top: 0;
	left: -6.75%;
	width: calc(100% + 6.75% + 6%);
	height: 100%;
	content: "";
	background: linear-gradient(180deg, rgba(230,221,226,.35) 0%, rgba(255,255,255,0) 100%);
	filter: blur(.1px);
}
.cardiac-title-bg div{
	position: relative;
}
.dl-cardiac {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.dl-cardiac dt{
	width: 3em;
	margin-bottom: 1em;
}
.dl-cardiac dd{
	width: calc(100% - 3em);
	margin-bottom: 1em;
}
.cardiac-bgbox-right{
	background: #ecd9dd;
	padding: 1.75em 6% 1.75em 1.75em;
	border-radius: .5em 0 0 .5em;
	-moz-border-radius: .5em 0 0 .5em;
	-webkit-border-radius: .5em 0 0 .5em;
}

/* よくある症例 */
.case-title-bg{
	position: relative;
	padding: 3em 0 2.25em;
	margin-top: 4.75em;
}
.case-title-bg:before{
	position: absolute;
	top: 0;
	left: -6.75%;
	width: calc(100% + 6.75% + 6.75%);
	height: 100%;
	content: "";
	background: linear-gradient(180deg, rgba(230,230,230,.75) 0%, rgba(255,255,255,0) 100%);
	filter: blur(.1px);
}
.kakko-span-tit{
	font-size: 1.812em;
	font-family: 'Zen Maru Gothic', serif;
	color: #94253f;
	letter-spacing: 1px;
	padding: 0 1.25em;
	position: relative;
}
.kakko-span-tit span{
	font-size: 1.5em;
	font-weight: 600;
}
.kakko-span-tit:before{
	position: absolute;
	top: 0;
	left: 0;
	width: .5em;
	height: .5em;
	border-style: solid;
	border-width: 2px 0 0 2px;
	content: "";
}
.kakko-span-tit:after{
	position: absolute;
	bottom: 0;
	right: 0;
	width: .5em;
	height: .5em;
	border-style: solid;
	border-width: 0 2px 2px 0;
	content: "";
}
	@media screen and (max-width: 767px) {
		.case-title-bg{
			padding: 2em 0 2.25em;
			margin-top: 3em;
		}
		.kakko-span-tit{
			font-size: 1.5em;
			padding: 0 1em;
		}
	}

.case-img-770{
	max-width: 770px;
	width: 100%;
	margin: 2.5em auto 0;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.case-img-770 .portrait{
	width: 38.961038961%;
}
.case-img-770 .landscope{
	width: 59.09090909%;
}

.dl-case{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	border: 1px solid #666;
	border-bottom: none;
}
.dl-case dt{
	width: 7.5em;
	padding: 1em;
	background: #eddbdf;
	color: #94253f;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
.dl-case dd{
	width: calc(100% - 7.5em);
	padding: 1em 1.5em;
	border-bottom: 1px solid #666;
}

#echocardiography{
	padding-top: 3.75em;
}
.list-cese{
	margin-top: .5em;
}
.list-cese li{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 2.75em 0;
	border-bottom: 1px dotted #ddd;
}
.list-cese li:last-child{
	padding-bottom: 0;
	border-bottom: none;
}
.list-cese .tit{
	width: 159px;
}
.list-cese .txt{
	width: calc(100% - 159px);
}
.list-cese .tit div{
	color: #94253f;
	font-size: 1.0625em;
	font-weight: bold;
	font-family: 'Zen Maru Gothic', serif;
	line-height: 1.4;
	border-left: 5px solid #94253f;
	padding-left: .75em;
}
.list-cese .borderbox-small-aka{
	padding: .75em 1.25em;
}
	@media screen and (max-width: 767px) {
		.list-cese li{
			padding: 1.75em 0;
		}
		.list-cese .tit{
			width: 100%;
			margin-bottom: 1.25em;
		}
		.list-cese .txt{
			width: 100%;
		}
	}

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

　予防とケア

===========================*/
.list-yobo li{
	margin-bottom: 2em;
	padding: 2.5em 6% 2.5em 2.5em;
	box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, .075);
}
	@media screen and (max-width: 767px) {
		.list-yobo li{
			padding: 2.5em 6%;
		}
	}

.list-yobo li:nth-child(odd){
	background: #fff;
}
.list-yobo li:nth-child(even){
	background: #e9e7e5;
}
.list-yobo li .tit{
	font-size: 1.5em;
	font-weight: 600;
	font-family: 'Zen Maru Gothic', serif;
	margin-bottom: 1.25em;
	padding:.5em 0 .375em 3.5em;
}
.list-yobo li .box{
	background: #ded1cd;
	color: #443424;
	font-family: 'Zen Maru Gothic', serif;
	font-weight: 500;
	padding: 1em 1.5em;
	margin-top: 1.75em;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
.list-yobo li .filaria{
	background: url(../images/prevention/icon-filaria.png) no-repeat top left;
	background-size: 2.5em auto;
}
.list-yobo li .vaccine{
	background: url(../images/prevention/icon-vaccine.png) no-repeat top left;
	background-size: 2.5em auto;
}
.list-yobo li .nomimadani{
	background: url(../images/prevention/icon-nomimadani.png) no-repeat top left;
	background-size: 2.5em auto;
}
.list-yobo li .onaka{
	background: url(../images/prevention/icon-onaka.png) no-repeat top left;
	background-size: 2.5em auto;
}

/* dock */
.dock-tit{
	font-size: 1.375em;
	border-bottom: 1px dashed;
	border-top: 2px solid;
	color: #443424;
	margin-bottom: 1.5em;
	padding: .5em .25em;
}
.dock-dl,
.wannyan-dock-dl{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.dock-dl .tit,
.dock-dl .desc,
.dock-dl .body,
.dock-dl .price,
.wannyan-dock-dl .tit,
.wannyan-dock-dl .body,
.wannyan-dock-dl .price{
	padding: 2em 1.25em;
	border-bottom: 1px solid #a39c95;
}
/*健診*/
.dock-dl .tit{
	width: 16%;
	text-align: center;
	line-height: 1.4;
	font-weight: bold;
}
.dock-dl .desc{
	width: 30%;
	text-align: center;
	font-size: .9375em;
	font-weight: 500;
}
.dock-dl .body{
	width: 38%;
	background: #fff;
	font-size: .9375em;
}
.dock-dl .price,
.wannyan-dock-dl .price{
	width: 16%;
	font-weight: 500;
	text-align: center;
	background: #ececea;
	color: #443424;
}
/*わんにゃんドック*/
.wannyan-dock-dl .tit{
	width: 30%;
	background: #e9e9e6;
	text-align: center;
	line-height: 1.4;
	font-weight: bold;
}
.wannyan-dock-dl .body{
	width: 54%;
	background: #fff;
	font-size: .9375em;
}
.dock-dl .first,
.wannyan-dock-dl .first{
	background: #443424;
	color: #fff;
	padding: .25em .5em;
	font-size: .875em;
	font-weight: normal;
	line-height: 1.5;
	text-align: center;
}
/* 装飾 */
.bronze{
	background: #f0e9e0;
	color: #443424;
}
.silver{
	background: #e9e9e6;
	color: #443424;
}
.gold{
	background: #f1edca;
	color: #443424;
}
.corse{
	font-family: 'Zen Maru Gothic', serif;
	font-size: 1.25em;
}
	@media screen and (max-width: 767px) {
		.dock-tit{
			margin-bottom: 1.25em;
		}
		.dock-dl .tit,
		.dock-dl .price,
		.dock-dl .desc,
		.dock-dl .body,
		.wannyan-dock-dl .tit,
		.wannyan-dock-dl .body,
		.wannyan-dock-dl .price{
			padding: 0;
			border-bottom: none;
		}
		.dock-dl .first,
		.wannyan-dock-dl .first{
			display: none;
		}
		.dock-dl .tit{
			width: 100%;
			margin-top: 1em;
			padding: .75em 0;
		}
		.dock-dl .desc{
			width: 100%;
			padding: .5em 0;
			border-top: 1px dotted #a39c95;
			border-bottom: 1px solid #a39c95;
			font-size: .875em;
		}
		.dock-dl .body{
			width: calc(100% - 30%);
			padding: 1.25em;
			box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, .1);
		}
		.dock-dl .price,
		.wannyan-dock-dl .price{
			width: 30%;
			padding: 1.25em 0;
			box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, .1);
		}
		.wannyan-dock-dl .tit{
			width: 100%;
			margin-top: 1em;
			padding: .75em 0;
			border-bottom: 1px solid #a39c95;
		}
		.wannyan-dock-dl .body{
			width: calc(100% - 30%);
			padding: 1.25em;
			box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, .1);
		}
		.corse{
			display: inline-block;
		}
	}
.price-small-dl{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 400px;
	border: 1px solid #e2dddb;
	border-bottom: none;
}
.price-small-dl dt{
	width: 70%;
	padding: .75em 1em;
	background: #fff;
	border-bottom: 1px solid #e2dddb;
}
.price-small-dl dd{
	width: 30%;
	padding: .75em 1em;
	background: #ececea;
	border-bottom: 1px solid #e2dddb;
	text-align: center;
}

/* dental */
.dental-point-tit{
	font-size: 1.25em;
	font-weight: 600;
	font-family: 'Zen Maru Gothic', serif;
	color: #443424;
	position: relative;
	display: inline-block;
	padding: 0 2em;
}
.dental-point-tit:before{
	position: absolute;
	left: 1em;
	bottom: 0;
	width: 2px;
	height: 100%;
	content: "";
	background: #443424;
	transform: rotate(-25deg);
}
.dental-point-tit:after{
	position: absolute;
	right: 1em;
	bottom: 0;
	width: 2px;
	height: 100%;
	content: "";
	background: #443424;
	transform: rotate(25deg);
}
.dental-point{
	max-width: 900px;
	padding: 3.5em 2.5em;
	margin: 1em auto;
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .05);
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	font-weight: 500;
	background: #fff;
}
.dental-point ul{
	border-top: 1px dashed;
}
.dental-point li{
	padding: 1em 0 1em 5.5em;
	letter-spacing: 1px;
	border-bottom: 1px dashed;
	position: relative;
	font-size: 1.125em;
	font-weight: 600;
}
.dental-point li:before{
	position: absolute;
	top: 1em;
	left: 1.25em;
	width: 2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	font-family: "M PLUS 1p", sans-serif;
	color: #fff;
	background: #cccc33;
	font-weight: 400;
}
	@media screen and (max-width: 767px) {
		.dental-point{
			padding: 2.5em 1.5em;
		}
		.dental-point li{
			padding-left: 3.5em;
		}
		.dental-point li:before{
			left: .25em;
		}

	}

.dental-point li:nth-child(1):before{
	content: "1";
}
.dental-point li:nth-child(2):before{
	content: "2";
}
.dental-point li:nth-child(3):before{
	content: "3";
}
.dental-point li:nth-child(4):before{
	content: "4";
}
/*===========================

 Grooming/Training

===========================*/
.box-point{
	max-width: 900px;
	padding: 3.5em 2.5em;
	margin: 0 auto;
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .05);
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	font-weight: 500;
}
.box-point ul{
	border-top: 1px dashed;
}
.box-point li{
	padding: 1em 0 1em 5.5em;
	letter-spacing: 1px;
	border-bottom: 1px dashed;
	position: relative;
}
.box-point li:before{
	position: absolute;
	top: 1em;
	left: 1.25em;
	width: 2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	font-family: "M PLUS 1p", sans-serif;
	color: #fff;
}
	@media screen and (max-width: 767px) {
		.box-point{
			padding: 2.5em 1em;
		}
		.box-point li{
			padding-left: 3.5em;
		}
		.box-point li:before{
			left: .25em;
		}

	}

.box-point li:nth-child(1):before{
	content: "1";
}
.box-point li:nth-child(2):before{
	content: "2";
}
.box-point li:nth-child(3):before{
	content: "3";
}
.box-point li:nth-child(4):before{
	content: "4";
}
.box-point li:nth-child(5):before{
	content: "5";
}

.grooming-point li:before{
	background: #d76471;
}
.training-point li:before{
	background: #cd9733;
}
.box-point li span{
	padding-right: .25em;
	font-weight: 600;
}
.grooming-point{
	background: #fff;
}
.training-point{
	background: #dddad7;
}

/* sns
----------------------------------- */
.item-insta{
	position: relative;
}
.sns-title{
	color: #443424;
	font-size: 1.75em;
	font-weight: 500;
	font-family: 'Zen Maru Gothic', serif;
	padding-bottom: .25em;
}
.icon-insta{
	padding-left: 2.25rem;
	background: url(../images/common/icon-instagram.png) no-repeat left center;
	background-size: 1.375rem auto;
}
.icon-blog{
	padding-left: 2.25rem;
	background: url(../images/common/icon-blog.png) no-repeat left center;
	background-size: 1.375rem auto;
}

a.linkjump{
	display: block;
	font-size: .875em;
	background: #443424;
	color: #fff;
	text-align: center;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	width: 110px;
}
.item-insta a.linkjump{
	position: absolute;
	right: 3.5%;
	top: 1em;
}
.item-blog{
	position: relative;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px dotted #443424;
}
.item-blog .sns-title{
	width: 295px;
}
.item-blog .entry{
	width: calc(96.5% - 295px - 110px);
	padding-left: 2em;
	line-height: 1.5;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.entry .day{
	color: #443424;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	margin-right: .75em;
}
.entry a{
	text-decoration: underline;
	position: relative;
	margin-right: 1em;
}
.entry a:before{
	position: absolute;
	top: calc(50% - 5px);
	right: -1em;
	width: 8px;
	height: 10px;
	background: #443424;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	content: "";
	-webkit-transition: .3s right;
	transition: .3s right;
}

	@media screen and (max-width: 1200px) {
		.sns-title{
			font-size: 1.625em;
		}
		.item-blog .sns-title{
			width: 270px;
		}
		.item-blog .entry{
			width: calc(96.5% - 270px - 110px);
			padding-left: .5em;

		}


	}
	@media screen and (max-width: 979px) {
		.item-insta{
			padding-right: 4%;
		}
		.item-blog{
			border-bottom: none;
		}
		.item-blog .sns-title{
			width: 100%;
			border-bottom: 1px dotted #443424;
			margin-bottom: .75em;
		}
		.item-blog .entry{
			width: calc(95% - 110px);
			padding-left: 0;
			padding-bottom: 1.25em;
		}
		a.linkjump{
			width: 82px;
			font-size: 12px;
		}
		.item-blog a.linkjump{
			position: relative;
			top: -.5em;
			margin: 0 auto;
		}
		.item-blog .entry{
			text-overflow: clip;
			overflow: visible;
			white-space: normal;
		}
	}
	@media screen and (max-width: 666px) {
		.sns-title{
			font-size: 22px;
			font-weight: 500;
		}
		.item-blog .sns-title{
			width: 100%;
		}
		.item-blog .entry{
			width: 100%;
			display: -webkit-box;
			display: flex;
			flex-wrap: wrap;
		}
		.item-blog a.linkjump{
			width: 95%;
			top: 0;
			margin-right: 5%;
			padding: .375em 0;
			border-radius: .25em;
			-moz-border-radius: .25em;
			-webkit-border-radius: .25em;
		}
		.entry .day{
			width: 6em;
		}
		.entry a{
			width: calc(100% - 6em - 10%);
		}
	}

/* 予約
----------------------------------- */
.contact-tel{
	max-width: 930px;
	margin: 2.5em auto 2em;
	background: #cfcfcd url(../images/common/ptn-01.jpg) repeat center;
	border-radius: .75em;
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;
	padding: 2.25em 0;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .05);
}
.contact-tel .tit{
	width: 42%;
	text-align: center;
	font-size: 1.125em;
	font-weight: 600;
	letter-spacing: 4px;
}
.contact-tel .tit span{
	display: inline-block;
	background: #443424;
	color: #fff;
	padding: .75em 1.75em;
	border-radius: 3em;
	-moz-border-radius: 3em;
	-webkit-border-radius: 3em;
}
.contact-tel .tel-wrap{
	width: calc(100% - 42%);
	padding: 0 .75em;
}
.contact-tel .tel-wrap .telephone-txt{
	font-size: 2.5em;
	line-height: 1.1;
}
	@media screen and (max-width: 767px) {
		.contact-tel{
			padding: 0 1em 1.5em 1em;
		}
		.contact-tel .tit{
			width: 100%;
			font-size: 14px;
			margin-bottom: 1.5em;
		}
		.contact-tel .tel-wrap{
			width: 100%;
			text-align: center;
		}
		.contact-tel .tit span{
			padding: .25em 1.25em;
		}
		.contact-tel .tel-wrap .telephone-txt{
			font-size: 30px;
		}
	}

/* トリミング料金
----------------------------------- */
.table-price{
	width: 100%;
	margin-top: 1em;
}
.table-price th,
.table-price td{
	text-align: center;
	border-bottom: 1px solid #dad6d3;
	border-right: 1px solid #dad6d3;
	padding: .5em;
}
.table-price tr:first-child th,
.table-price tr:first-child td{
	background: #443424;
	color: #fff;
}
.table-price th{
	background: #ecebdf;
	border-left: 1px solid #dad6d3;
	line-height: 1.3;
	width: 38%;
}
.table-price td{
	background: #fff;
	width: 31%;
}
	@media screen and (max-width: 767px) {
		.table-price{
			font-size: 12px;
		}
		.table-price th{
			width: 46%;
		}
		.table-price td{
			width: 27%;
		}
	}

/* シャンプーオプション
----------------------------------- */
.wrap-option{
	position: relative;
	padding: 4em 5% 3em;
}
.wrap-option:before{
	position: absolute;
	width: calc(100% - 5px);
	height: 100%;
	top: 0;
	left: 0;
	background: #e6eaf0;
	border-left: 5px solid #879cb7;
	content: "";
}
.wrap-option .midashi{
	position: absolute;
	top: -.75em;
	left: .5em;
}
.wrap-option .midashi .small{
	font-size: .625em;
}
.shampoo-wrap{
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.shampoo-txt{
	width: 65%;
	padding-right: 3.5%;
}
.shampoo-thumb{
	width: 35%;
}
.shampoo-thumb div{
	position: relative;
}
.shampoo-thumb .point{
	width: 38%;
	position: absolute;
	bottom: -.75em;
	right: -1.5em;
	transform: rotate(-15deg);
}
	@media screen and (max-width: 767px) {
		.wrap-option{
			padding: 4em 5% 3em 9%;
		}
		.shampoo-txt{
			width: 100%;
			padding-right: 0;
		}
		.shampoo-thumb{
			width: 86%;
			margin: 1.5em auto 0;
		}
		.shampoo-thumb .point{
			bottom: -1em;
			right: -2em;
		}

	}

	
/* しつけ方教室
----------------------------------- */
.dl-training-info{
	max-width: 930px;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin: 3em auto 7em;
	border-top: 1px solid #443424;
}
.dl-training-info dt{
	width: 8em;
	padding: 1.5em 1.25em;
	color: #443424;
	font-weight: bold;
	border-bottom: 1px solid #443424;
}
.dl-training-info dd{
	width: calc(100% - 8em);
	padding: 1.5em 1.25em;
	border-bottom: 1px solid #443424;
}
	@media screen and (max-width: 767px) {
		.dl-training-info{
			margin-bottom: 6em;
		}
		.dl-training-info dt{
			width: 100%;
			padding: 1em 0;
			border-bottom: 1px dotted;
		}
		.dl-training-info dd{
			width: 100%;
			padding: 1.5em 0 1.5em 1em;
		}

	}

.ul-lessonlist{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-bottom: 5em;
}
.ul-lessonlist li{
	width: calc((100% - 5em) / 2);
	position: relative;
	margin-bottom: 1em;
	border-top: 6px solid;
}
.ul-lessonlist li:nth-child(even){
	margin-top: 4em;
}
	@media screen and (max-width: 1200px) {
		.ul-lessonlist li{
			width: calc((100% - 2em) / 2);
		}
	}
	@media screen and (max-width: 767px) {
		.ul-lessonlist{
			margin-bottom: 2em;
		}
		.ul-lessonlist li{
			width: 100%;
			margin-bottom: 3em;
		}
		.ul-lessonlist li:nth-child(even){
			margin-top: auto;
		}
	}


.lesson-item{
	position: relative;
	background: #fff;
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .05);
}
.class-name{
	display: block;
	width: 80%;
	padding: .5em 0;
	font-family: 'Zen Maru Gothic', serif;
	font-weight: 600;
	font-size: 1.125em;
	color: #fff;
	text-align: center;
	border-radius: 3em;
	-moz-border-radius: 3em;
	-webkit-border-radius: 3em;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .05);
}
.class-name:before{
	position: absolute;
	bottom:-8px;
	right: 50%;
	width: 15px;
	height: 10px;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	content: "";
}
.class-copy{
	padding: 3em 0 1em;
	color: #373c39;
	font-size: 1.0625em;
	font-family: 'Zen Maru Gothic', serif;
	font-weight: 600;
	text-align: center;
	border-bottom: 1px dashed #d9d9d9;
}
.class-txt{
	padding: 1.5em 2em;
	min-height: 266px;
}
.class-info{
	padding: 1.5em 2em;
	background: #dcdcda;
	color: #443424;
	font-size: .875em;
}
	@media screen and (max-width: 1200px) {
		.class-txt{
			padding: 1.5em 1.25em;
			min-height: 280px;
		}
		.class-info{
			padding: 1.5em 1.5em;
		}
	}
	@media screen and (max-width: 767px) {
		.class-txt{
			min-height: auto;
		}
	}

.class-info dl{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.5;
}
.class-info dt{
	width: 5em;
	margin-bottom: .75em;
}
.class-info dd{
	width: calc(100% - 5em);
	margin-bottom: .75em;
}
.ul-lessonlist li:nth-child(1){
	border-color: #c9d3df;
}
.ul-lessonlist li:nth-child(2){
	border-color: #d6e3d6;
}
.ul-lessonlist li:nth-child(3){
	border-color: #f0e5e7;
}
.ul-lessonlist li:nth-child(4){
	border-color: #e3e1de;
}
.ul-lessonlist li:nth-child(5){
	border-color: #dfd2ce;
}
.ul-lessonlist li:nth-child(1) .class-name,
.ul-lessonlist li:nth-child(1) .class-name:before{
	background: #879cb7;
}
.ul-lessonlist li:nth-child(2) .class-name,
.ul-lessonlist li:nth-child(2) .class-name:before{
	background: #679664;
}
.ul-lessonlist li:nth-child(3) .class-name,
.ul-lessonlist li:nth-child(3) .class-name:before{
	background: #a46270;
}
.ul-lessonlist li:nth-child(4) .class-name,
.ul-lessonlist li:nth-child(4) .class-name:before{
	background: #443424;
}
.ul-lessonlist li:nth-child(5) .class-name,
.ul-lessonlist li:nth-child(5) .class-name:before{
	background: #6e301d;
}
/*last*/
.ul-lessonlist li.no-border{
	border-top: none;
}
.ul-lessonlist li.no-border .lesson-item{
	background: #f3e6ce;
	border-radius: .75em;
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;
}
.ul-lessonlist li.no-border .class-copy{
	border-style: solid;
	color: #443424;
	border-color: #443424;
}
.ul-lessonlist li.no-border .class-info{
	color: #fff;
	background: #cd9733;
	border-radius: 0 0 .75em .75em;
	-moz-border-radius: 0 0 .75em .75em;
	-webkit-border-radius: 0 0 .75em .75em;
}

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

　access

===========================*/
.access-box{
	margin-top: 3.25em;
	background: #fff;
	padding-right: 0;
	overflow: hidden;
}
.access-box .txt{
	width: 50%;
	padding: 4em 2.5em;
}
.access-box .thumb{
	width: 50%;
	line-height: 0;
	position: relative;
	aspect-ratio: 16/9;
}
.access-box .thumb img{
	position: absolute;
	bottom: 0;
	right: 0;
}
	@media screen and (max-width: 1180px) {
		.access-box .txt{
			padding: 2.5em;
		}
	}
	@media screen and (max-width: 767px) {
		.access-box .txt{
			width: 100%;
			padding: 2em 2em 1em 2em;
		}
		.access-box .thumb{
			width: 100%;
		}
		.access-box .thumb img{
			position: relative;
			bottom:auto;
		}
		
	}

a.linkbtn-googlemap{
	display: block;
	text-align: center;
	color: #fff;
	background: #373c39 url(../images/common/icon-location-white.png) no-repeat 1em center;
	background-size: .75em auto;
	padding: .5em 0;
	margin-top: 1em;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
.parking-box {
	background: #dcdcda;
}
.parking-box .txt{
	width: 46%;
	padding: 1.5em 3em;
}
.parking-box .thumb{
	width: 54%;
	line-height: 1.0;
}
	@media screen and (max-width: 767px) {
		.parking-box .txt{
			width: 100%;
			padding: 3em 2em 0;
		}
		.parking-box .thumb{
			width: 100%;
		}
	}
.parking-mark{
	background: #373935;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	color: #dcdcda;
	width: 2.25em;
	height: 2.25em;
	line-height: 2.25em;
	text-align: center;
	margin-bottom: 1em;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	margin-top: -.375em;
}