/*===================================
　診療のご案内
===================================*/
/* 診療情報 */
#guide dl{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	flex-wrap: wrap;
	border-top: 1px solid #d7e09e;
}
#guide dt{
	width: 8rem;
	padding: 1.5rem 0;
	border-bottom: 1px solid #d7e09e;
	color: #87a300;
	font-size: 1.0625em;
	font-weight: bold;
	text-align: center;
}
#guide dd{
	width: calc(100% - 8rem);
	padding: 1.5rem 0;
	border-bottom: 1px solid #d7e09e;
}
	@media (max-width:750px) {
		#guide dt{
			width: 4.5rem;
			padding: 1.25rem 0;
			font-size: 1em;
			text-align: left;
		}
		#guide dd{
			width: calc(100% - 4.5rem);
			padding: 1.25rem 0;
		}
	}

.onegai{
	padding-bottom: 2rem;
	border-bottom: 1px solid #87a300;
}

/* 予約おすすめします */
.yoyaku-attn .item:nth-child(odd){
	width: 15.5em;
}
.yoyaku-attn .item:nth-child(even){
	width: calc(100% - 15.5em);
}
	@media (max-width:750px) {
		.yoyaku-attn .item:nth-child(odd){
			width: 100%;
			text-align: center;
		}
		.yoyaku-attn .item:nth-child(even){
			width: 100%;
			padding-left: 0;
			margin-top: 1em;
		}
	}

/* 予約方法 */
ul.yoyaku-method-list{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.yoyaku-method-list > li{
	margin-bottom: 3em;
}
.yoyaku-method-list > li:nth-child(1){
	width: 100%;
}
.yoyaku-method-list > li:nth-child(2),
.yoyaku-method-list > li:nth-child(3){
	width: 48%;
}
	@media (max-width:750px) {
		.yoyaku-method-list > li{
			margin-bottom: 2.25em;
		}
		.yoyaku-method-list > li:nth-child(2),
		.yoyaku-method-list > li:nth-child(3){
			width: 100%;
		}
	}

.yoyaku-method-list .item:nth-child(odd){
	width: 300px;
}
.yoyaku-method-list .item:nth-child(even){
	width: calc(100% - 300px - 1.25em);
	padding-left: 1.25em;
}
	@media (max-width:750px) {
		.yoyaku-method-list .item:nth-child(odd){
			width: 100%;
		}
		.yoyaku-method-list .item:nth-child(even){
			width: 100%;
			padding-left: none;
			margin-top: 1.25em;
		}
	}

a.btn-webyoyaku{
	position: relative;
	display: block;
	background: #fff;
	border: 1px solid #87a300;
	padding: 1rem 0;
	color: #87a300;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	border-radius: 5em;
	-moz-border-radius: 5em;
	-webkit-border-radius: 5em;
}
a.btn-webyoyaku:hover{
	background: #87a300;
	color: #fff;
}
a.btn-webyoyaku:before{
	position: absolute;
	top: 50%;
	left: 1.25em;
	margin-top: -1rem;
	width: 1.75em;
	height: 1.75em;
	background: url(../images/common/icon-webyoyaku-cha.png) no-repeat center;
	background-size: auto 100%;
	content: "";
}
a.btn-webyoyaku:after{
	position: absolute;
	top: 50%;
	right: 1.25em;
	margin-top: -.5rem;
	width: 1em;
	height: 1em;
	background: url(../images/common/icon-arw-orange.png) no-repeat center;
	background-size: 100% auto;
	content: "";
}
.yoyaku-method-list > li:nth-child(2) .bgwaku-green{
	padding-top: 2.75rem;
	padding-bottom: 2.125rem;
	line-height: 1.5;
	text-align: center;
}
.yoyaku-method-list > li .link-tel{
	font-size: 1.375em;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}
	@media (max-width:750px) {
		.yoyaku-method-list > li .link-tel a{
			font-weight: 500;
		}
		.yoyaku-method-list > li:nth-child(2) .bgwaku-green{
			padding: 1.75rem 1rem 1.25rem 1rem;
		}
	}

/* 診療科目 */

#kamokou .linebox-green{
	margin-bottom: 3em;
}
#kamokou .item:nth-child(1) .linebox-green{
	margin-bottom: 0;
}
	@media (max-width:750px) {
		#kamokou .clm2:nth-child(1) .linebox-green{
			margin-bottom: 1em;
		}
		#kamokou .clm2:nth-child(2) .linebox-green:nth-child(2){
			margin-bottom: 0;
		}
	}

/* 専門外来 */

#senmon-gairai .bgwaku-green{
	margin-bottom: 3em;
}
#senmon-gairai .bgwaku-green:last-child{
	margin-bottom: 0;
}
#senmon-gairai .item{
	width: 55%;
	position: relative;
}
#senmon-gairai .work-history{
	width: 41%;
}
	@media (max-width:750px) {
		#senmon-gairai .bgwaku-green{
			margin-bottom: 2.25em;
		}
		#senmon-gairai .item,
		#senmon-gairai .work-history{
			width: 100%;
		}
		#senmon-gairai .item{
			margin-bottom: 1.5em;
		}
	}
#senmon-gairai .item .thumb{
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 128px;
}
#senmon-gairai .work-history .box{
	background: #fff;
	padding: 1.5em 1.25em 1em;
	height: 14.5rem;
	overflow-y: scroll;
	line-height: 1.5;
	border-radius: .75em;
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;
}
#senmon-gairai .work-history .box-noscroll{
	background: #fff;
	padding: 1.5em 1.25em 1.5em;
	height: 12rem;
	line-height: 1.5;
	border-radius: .75em;
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;
}
.dl-hiistory dt{
	width: 6em;
	margin-top: .5em;
}
.dl-hiistory dd{
	width: calc(100% - 6em);
	margin-top: .5em;
}
#senmon-gairai .day{
	position: absolute;
	top: -1em;
	right: -1em;
	background: #9fb61b;
	font-size: .9375em;
	font-weight: bold;
	color: #fff;
	padding: .5em 1em;
	border-radius: 6em;
	-moz-border-radius: 6em;
	-webkit-border-radius: 6em;
}
	@media (max-width:750px) {
		#senmon-gairai .item .thumb{
			position: relative;
			margin: 2.25em auto 0;
		}
		#senmon-gairai .day{
			position: relative;
			top: 0;
			right: 0;
			margin-top: 2em;
			text-align: center;
		}
		#senmon-gairai .work-history .box-noscroll{
			height: auto;
		}
	}

/* 往診送迎 */
	@media (max-width:750px) {
		#oushin .clm2{
			margin-bottom: 2.25em;
		}
		#oushin .clm2:last-child{
			margin-bottom: 0;
		}
	}

/*統合医療*/
.tougou-img {
	width: 100%;
	height: 0;
	padding-top: 38.3333%;
	background: url(../images/shinryo/tougou-pc.svg) no-repeat center;
	background-size: auto 90%;
}
	@media (max-width:750px) {
		.tougou-img{
			width: 100%;
			height: ;
			padding-top: 66.66666%;
			background: url(../images/shinryo/tougou-sp.svg) no-repeat center;
			background-size: auto 100%;
		}
	}


/*　夜間　*/
#yakan dl{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	flex-wrap: wrap;
	border-top: 1px solid #d7e09e;
}
#yakan dt{
	width: calc(50% - 2em);
	padding: 1.25em 1em;
	border-bottom: 1px solid #d7e09e;
	background: #f3f6e4;
}
#yakan dd{
	width: calc(50% - 2em);
	padding: 1.25em 1em;
	border-bottom: 1px solid #d7e09e;
}
	@media (max-width:750px) {
		#yakan dt{
			width: 100%;
			padding: .5em 1em;
		}
		#yakan dd{
			width: 100%;
		}
		#yakan dt .orange{
			text-align: right;
		}
	}
/* セカンドオピニオン */
#secondopinion .item{
	width: 48%;
}
#secondopinion .tit{
	font-size: 1em;
}
#secondopinion .tit span{
	padding-right: .25em;
}
	@media (max-width:750px) {
		#secondopinion .item{
			width: 100%;
			margin-bottom: 2.25em;
		}
		#secondopinion .item:last-child{
			margin-bottom: 0;
		}
	}
/*===================================
　当院について
===================================*/
#message .inner-large{
	position: relative;
}
#message .inner-large img.thumb{
	width: 50%;
	position: absolute;
	top: 0;
	z-index: 0;
}
#message .message {
	width: 57%;
	margin-left: auto;
	position: relative;
	z-index: 1;
}
#message .namebox{
	width: 78%;
	margin-left: auto;
	padding-top: 4em;
	color: #5e5b4a;
}
#message .name{
	font-size: 1.75em;
	line-height: 1.0;
	margin-top: 1rem;
}
#message .kana{
	font-size: .875em;
}
#message .msgbox{
	color: #fff;
	background: #9fb61b;
	font-size: 1.0625em;
	line-height: 2.2;
	padding: 2.75em 2em 2.75em 2.75em;
	margin-top: 2em;
}
	@media (max-width:1112px) {
		#message .namebox{
			margin-top: 2em;
		}
		#message .msgbox{
			font-size: 1em;
			padding: 2em 1.5em;
		}
	}
	@media (max-width:750px) {
		#message .inner-large img.thumb{
			width: 100%;
			position: relative;
		}
		#message .message{
			width: 100%;
		}
		#message .namebox{
			width: 100%;
			padding-top: 0;
			margin-top: -1.25em;
			margin-left: 0;
		}
		#message .msgbox{
			margin-top: 1em;
			padding: 2em 1rem;
			font-size: .9285em;
		}
		#message .namebox span{
			background: #fff;
		}
	}


/* 理念 */
#rinen .flex{
	margin-top: 3.75em;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
#rinen .item:nth-child(1){
	width: 40%;
}
#rinen .item:nth-child(2){
	width: 60%;
}
#rinen .rinen-list{
	padding-right: 2em;
}
#rinen .rinen-list li{
	margin-bottom: 2.75em;
}
#rinen .rinen-list li div.tit{
	position: relative;
	color: #87a300;
	font-size: 1.125em;
	line-height: 1.4;
	font-weight: bold;
	margin-left: 3.75em;
	margin-bottom: 1.5em;
	padding-bottom: .5em;
	border-bottom: 1px solid #87a300;
}
#rinen .rinen-list li div.tit::before{
	position: absolute;
	top: 0;
	left: -4em;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	border: .375rem solid #dfe6ba;
	font-family: 'Roboto', sans-serif;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
#rinen .rinen-list li:nth-child(1) div.tit::before{
	content: "1";
}
#rinen .rinen-list li:nth-child(2) div.tit::before{
	content: "2";
}
#rinen .rinen-list li:nth-child(3) div.tit::before{
	content: "3";
}
	@media (max-width:1112px) {
		#rinen .rinen-list li div.tit br{
			display: none;
		}
	}
	@media (max-width:750px) {
		#rinen .flex{
			margin-top: 1.75em;
		}
		#rinen .item:nth-child(1){
			width: 75%;
			margin: 0 auto 2.25em;
		}
		#rinen .item:nth-child(2){
			width: 100%;
		}
		#rinen .rinen-list{
			padding-right: 0;
		}
		#rinen .rinen-list li{
			margin-bottom: 1.75em;
		}
	}


/* 特色 */
#feature .feature-list li{
	width: 50%;
	padding: 1.75em 0;
}
#feature .feature-list li:nth-child(odd) .inner{
	padding-right: 5%;
}
#feature .feature-list li:nth-child(even) .inner{
	padding-left: 5%;
}
	@media (max-width:750px) {
		#feature .feature-list li{
			width: 100%;
			padding: 1.25em 0;
		}
		#feature .feature-list li:nth-child(odd) .inner,
		#feature .feature-list li:nth-child(even) .inner{
			padding: 0;
		}
	}

#feature .feature-list li:nth-child(1),
#feature .feature-list li:nth-child(4),
#feature .feature-list li:nth-child(5),
#feature .feature-list li:nth-child(8),
#feature .feature-list li:nth-child(9){
	border-top: 1px solid #87a300;
}
#feature .feature-list li:nth-child(2),
#feature .feature-list li:nth-child(3),
#feature .feature-list li:nth-child(6),
#feature .feature-list li:nth-child(7),
#feature .feature-list li:nth-child(10){
	border-top: 1px solid #d8e1a1;
}
#feature .feature-list li:nth-child(9){
	border-bottom: 1px solid #d8e1a1;
}

#feature .feature-list li:nth-child(10){
	border-bottom: 1px solid #87a300;
}

#feature .feature-list li .tit{
	color: #87a300;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.5;
	display: inline-block;
	margin-bottom: 1em;
}
#feature .feature-list li a.tit{
	display: block;
	background: url(../images/common/icon-arw-orange.svg) no-repeat 100% top;
	background-size: 1.75em auto;
}
#feature .feature-list li .jump-link a.tit{
	display: block;
	background: url(../images/common/icon-around-jump-orange.svg) no-repeat 100% top;
	background-size: 1.75em auto;
}
#feature .feature-list li a.tit:hover{
	background-position: 97% top;
}
#feature .feature-list li  .inner .item:nth-child(1){
	width: 57%;
}
#feature .feature-list li  .inner .item:nth-child(2){
	width: 40%;
}
	@media (max-width:750px) {
		#feature .feature-list li .tit{
			padding-right: 2rem;
			margin-bottom: .75em;
		}
		#feature .feature-list li:nth-child(1),
		#feature .feature-list li:nth-child(4),
		#feature .feature-list li:nth-child(5),
		#feature .feature-list li:nth-child(8),
		#feature .feature-list li:nth-child(9){
			border-top: none;
		}
		#feature .feature-list li:nth-child(2),
		#feature .feature-list li:nth-child(3),
		#feature .feature-list li:nth-child(6),
		#feature .feature-list li:nth-child(7),
		#feature .feature-list li:nth-child(10){
			border-top: none;
		}
		#feature .feature-list li:nth-child(9){
			border-bottom: none;
		}
		#feature .feature-list li:nth-child(odd){
			border-top: 1px solid #87a300;
		}
		#feature .feature-list li:nth-child(even){
			border-top: 1px solid #d8e1a1;
		}
	}
/* グループ */
.oizumi-thumb {
	background: #ebf3c6;
	position: relative;
	padding: 3em 3% 1.75em 0;
	border-radius: 1em 0 0 1em;
	-moz-border-radius: 1em 0 0 1em;
	-webkit-border-radius: 1em 0 0 1em;
}
#group .section-align-right{
	padding-top: 0;
	padding-bottom: 1.75em;
}
.oizumi-thumb .englogo{
	position: absolute;
	top: -.375rem;
	left: 1em;
	max-width: 480px;
	width: 90%;
}
.oizumi-thumb .item{
	width: 24%;
}
	@media (max-width:750px) {
		.oizumi-thumb{
			padding: 1.5em .75em 1.25em 1.25em;
		}
		.oizumi-thumb .englogo{
			top: -.25em;
		}
		.oizumi-thumb .item{
			width: 48%;
			margin-top: 1.25em;
		}
	}

.oizumi-thumb .item img{
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
.oizumi-thumb .item:nth-child(1) img{
	width: 70%;
	max-width: 170px;
	display: block;
	margin: 0 auto;
}
#group .sideline-grey{
	margin-bottom: 3em;
}
.title-oizumi img{
	max-width: 300px;
	width: 70%;
}
.table-oizumi{
	width: 100%;
	border-bottom: 1px solid #d7e09e;
}
.table-oizumi tr th{
	width: 12%;
	text-align: center;
	color: #87a300;
	padding: .25em 0;
}
.table-oizumi tr td{
	width: 11%;
	text-align: center;
	padding: .25em 0;
}
.table-oizumi tr:nth-child(1) th,
.table-oizumi tr:nth-child(1) td{
	color: #87a300;
	border-bottom: 1px solid #d7e09e;
	padding: .75em 0;
	font-weight: bold;
}
.oizumi-msg{
	position: relative;
	background: #f3f6e4;
	padding: 3rem 3rem 2.25rem 3rem;
	border-radius: .75em;
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;
	margin-top: 5rem;
}
.oizumi-msg .tit{
	width: 100%;
	text-align: center;
	position: absolute;
	top: -.75em;
	left: .5em;
	color: #87a300;
	font-size: 1.375em;
}
.oizumi-msg .item:nth-child(1){
	width: 232px;
}
.oizumi-msg .item:nth-child(2){
	width: calc(100% - 232px - 3.25rem);
	padding-right: 3.25rem;
}

	@media (max-width:1112px) {
		.oizumi-msg .item:nth-child(1){
			width: 25%;
		}
		.oizumi-msg .item:nth-child(2){
			width: calc(100% - 25% - 3.25rem);
		}
	}
	@media (max-width:750px) {
		.oizumi-msg .tit {
			font-size: 1.214285em;
		}
		.oizumi-msg .tit span.br{
			display: block;
		}
		.oizumi-msg{
			padding: 3.5em 1rem 1.25rem;
			margin-top: 2.75em;
			font-size: .9285em;
		}
		.oizumi-msg .item:nth-child(1){
			width: 100%;
			margin: 1em 0;
		}
		.oizumi-msg .item:nth-child(2){
			width: 100%;
			padding-right: 0;
		}
	}
/*===================================
　私たちについて
===================================*/
.staff-wrap{
	padding: 3.5rem 8.5% 1rem 3.5vw;
	position: relative;
	border-radius: .75rem 0 0 .75rem;
	-moz-border-radius: .75rem 0 0 .75rem;
	-webkit-border-radius: .75rem 0 0 .75rem;
	margin-top: 2.75rem;
}
	@media (max-width:750px) {
		.staff-wrap{
			padding: 3rem 3.5% 1rem;
		}
	}
.staff-wrap .tit{
	font-size: 1.625em;
	font-weight: bold;
	letter-spacing: 1px;
	position: absolute;
	top: -.875em;
	left: 0;
}
	@media (max-width:375px) {
		.bg-vt .tit{
			font-size: 1.5em;
			letter-spacing: 0;
			line-height: 1.3;
			top: -.75em;
		}
	}
	@media (max-width:320px) {
		.bg-vt .tit{
			font-size: 1.375em;
			top: -.5em;
		}
	}

	/* 配色 */
	.bg-vet{
		background: #e8ecf3;
		margin-top: .5rem;
	}
	.bg-vt{
		background: #faf2f2;
	}
	.bg-trimmer{
		background: #e6f0f0;
	}
	.bg-uketsuke{
		background: #efefef;
	}
	.bg-doubutsu{
		background: #f4faed;
	}
	.bg-vet .tit{
		color: #44659e;
	}
	.bg-vt .tit{
		color: #d48d91;
	}
	.bg-trimmer .tit{
		color: #7aaeaf;
	}
	.bg-uketsuke .tit{
		color: #9d9d9d;
	}
	.bg-doubutsu .tit{
		color: #99b94e;
	}

/* スタッフ一覧 */
.staff-wrap > ul.flex li{
	width: calc(100% / 6);
	text-align: center;
	margin-bottom: 1.5rem;
}
.staff-wrap > ul.flex li a{
	display: block;
}
.staff-wrap > ul.flex li a:hover{
	opacity: .8;
}
.staff-wrap > ul.flex li img{
	display: block;
	max-width: 136px;
	width: 86%;
	height: auto;
	margin: 0 auto;
	aspect-ratio: 136 / 160;
}
.staff-wrap .name{
	font-size: 1.125em;
	margin-top: .75rem;
	line-height: 1.5;
}
.staff-wrap .brown{
	font-size: .75rem;
}
.staff-wrap .small{
	font-size: .625rem;
}
	@media (max-width:1112px) {
		.staff-wrap .brown{
			font-size: .5rem;
		}
		.staff-wrap .small{
			font-size: .5rem;
		}
	}
	@media (max-width:750px) {
		.staff-wrap > ul.flex li{
			width: calc(100% / 3);
		}
	}

/* スタッフ紹介一覧 */
.profile-all{
	background: #fff;
	padding: 3rem;
	margin-bottom: 2.75rem;
	color: #808080;
}
.profile-all .item:nth-child(1){
	width: 168px;
}
.profile-all .item:nth-child(2){
	width: calc(100% - 168px - 3rem);
	padding-left: 3rem;
}
	@media (max-width:1112px) {
		.profile-all{
			padding: 1.5rem;
			margin-bottom: 1.75rem;
		}
		.profile-all .item:nth-child(1){
			width: 120px;
		}
		.profile-all .item:nth-child(2){
			width: calc(100% - 120px - 1.5rem);
			padding-left: 1.5rem;
		}
	}
	@media (max-width:750px) {
		.profile-all{
			padding: 2rem 1rem;
		}
		.profile-all .item:nth-child(1){
			margin: 0 auto;
		}
		.profile-all .item:nth-child(2){
			width: 100%;
			padding-left: 0;
			margin-top: 2rem;
		}
	}

.staff-position,
.staff-body{
	font-size: .875em;
}
.staff-position{
	line-height: 1.5;
}
.staff-wrap .profile-all .name{
	color: #444444;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2;
	margin: .25rem 0 1rem 0;
	padding-bottom: 1rem;
	border-bottom: 1px solid;
}
.staff-wrap .profile-all .name .small{
	display: inline-block;
	padding-left: 1em;
}
.staff-midashi{
	margin: 1.5rem 0 .5rem;
	line-height: 1.2;
	font-weight: bold;
	padding-left: 1em;
	border-left: 6px solid;
}
.staff-msg{
	margin-top: 2rem;
	padding: 1.5em 2em;
	position: relative;
}
	@media (max-width:750px) {
		.staff-msg{
			padding: 1.5em;
		}
	}

.staff-msg:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 3rem;
	height: 3rem;
	border-top: 1px solid;
	border-left: 1px solid;
	content: "";
}
.staff-msg:after{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 3rem;
	height: 3rem;
	border-bottom: 1px solid;
	border-right: 1px solid;
	content: "";
}
	/* 配色 */
	.bg-vet .staff-position,
	.bg-vet .profile-all .name .small,
	.bg-vet .staff-midashi,
	.bg-vet .staff-msg{
		color: #44659e;
	}
	.bg-vet .profile-all .name{
		border-color: #cdd6e5;
	}
	.bg-vt .staff-position,
	.bg-vt .profile-all .name .small,
	.bg-vt .staff-midashi,
	.bg-vt .staff-msg{
		color: #d48d91;
	}
	.bg-vt .profile-all .name{
		border-color: #f0d6de;
	}
	.bg-trimmer .staff-position,
	.bg-trimmer .profile-all .name .small,
	.bg-trimmer .staff-midashi,
	.bg-trimmer .staff-msg{
		color: #7aaeaf;
	}
	.bg-trimmer .profile-all .name{
		border-color: #d6e5e6;
	}
	.bg-uketsuke .staff-position,
	.bg-uketsuke .profile-all .name .small,
	.bg-uketsuke .staff-midashi,
	.bg-uketsuke .staff-msg{
		color: #9d9d9d;
	}
	.bg-uketsuke .profile-all .name{
		border-color: #dedede;
	}
	.bg-doubutsu .profile-all .name .small{
		color: #99b94e;
	}
	.bg-doubutsu .profile-all .name{
		border-color: #E0EAC9;
	}

/* クリックで開くプロフィール */
.view-profile{
	margin-top: 2rem;
}
.view-profile label{
	position: relative;
	background: #cdd6e5;
	font-weight: bold;
	color: #44659e;
	padding: .75rem 0 .75rem 3rem;
	display: block;
	cursor: pointer;
}
.view-profile label:before{
	position: absolute;
	top: calc(50% - 9px);
	left: 1rem;
	width: 18px;
	height: 18px;
	font-size: 1rem;
	line-height: 1;
	content: "＋";
	color: #fff;
	background: #44659e;
	text-align: center;
	transition: 0.8s;
}
.view-profile input{
	display: none;
}
.view-profile .open-all{
	background: #f2f5f8;
	height: 0;
	padding: 0 1rem;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
.view-profile input:checked ~ .open-all{
	height: auto;
	opacity: 1;
}
.profile-all dl{
	font-size: .9375em;
}
.profile-all dt:nth-child(1),
.profile-all dd:nth-child(2){
	border-top: 0;
}
.profile-all dt{
	width: 6.25em;
	font-weight: bold;
	color: #44659e;
	padding: 1.25rem 1em 1.25rem 0;
	border-top: 1px solid #cdd6e5;
}
.profile-all dd{
	width: calc(100% - 6.25em - 1em);
	padding: 1.25rem 0;
	border-top: 1px solid #cdd6e5;
}
/* 役職 */
dl.dl-yakushoku {
	width: 100%;
	font-size: .9375rem!important;
}
.dl-yakushoku dt{
	width: 4em;
	font-weight: normal;
	color: inherit;
	padding: 0;
	border-top: none;
}
.dl-yakushoku dd{
	width: calc(100% - 4em);
	padding: 0;
	border-top: none;
}

	@media (max-width:750px) {
		.view-profile .open-all{
			padding: 0 1em;
		}
		.profile-all dt{
			width: 100%;
			padding: 1rem 0 0 0;
			text-align: center;
		}
		.profile-all dd{
			width: 100%;
			padding: 1rem 0;
			border-top: 0;
		}
		.dl-yakushoku dt{
			width: 4em;
			padding: 0;
			text-align: left;
		}
		.dl-yakushoku dd{
			width: calc(100% - 4em);
			padding: 0;
		}

	}

/* クレド */
.cred-tit{
	padding-left: 1.25rem;
	position: relative;
	font-size: 1.375rem;
}
.cred-tit:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 1rem;
	height: 1px;
	background: #726f60;

}
.cred-main-copy{
	position: absolute;
	top: -1rem;
	left: 0;
	font-size: 1.625rem;
	line-height: 1.5;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	height: 100%;
	font-feature-settings: "palt";
}
.cred-copy{
	font-size: 1.375rem;
	margin:2.75rem 0 .5rem 0;
	line-height: 1.3;
	font-feature-settings: "palt";
}
.cred-copy:first-child{
	margin-top: 0;
}

	@media (max-width:750px) {
		.cred-tit,
		.cred-main-copy{
			font-size: 1.25rem;
		}
		.cred-copy{
			font-size: 1rem;
			margin: 2rem 0 1rem 0;
			padding-bottom: .5rem;
			border-bottom: 1px solid #5e5b4a;
		}
	}

.cred-pl{
	padding-left: 4rem;
}
.cred-pr{
	padding-right: 1.5rem;
}
.flex-cred{
	margin-top: 4rem;
}
.flex-cred .item:nth-child(odd){
	width: 57%;
	position: relative;
	margin-bottom: 2rem;
}
.flex-cred .item:nth-child(even){
	width: calc(100% - 57%);
	position: relative;
	margin-bottom: 2rem;
}
.flex-cred .item:nth-child(even) img{
	width: 88%;
	display: block;
	margin-left: auto;
}

	@media (max-width:750px) {
		.flex-cred .item:nth-child(odd){
			width: 100%;
		}
		.flex-cred .item:nth-child(even){
			width: 100%;
			margin-bottom: 0;
		}
		.cred-pl{
			padding-left: 0;
			text-align: center;
		}
		.cred-pr{
			padding-right: 0;
		}
		.flex-cred .item:nth-child(even) img{
			width: 100%;
		}
	}


/*===================================
　手術について 
===================================*/
.surgery-3clm li{
	width: 30%;
	border-bottom: 1px solid #d0d0c9;
	padding: 1em 0;
}
.surgery-3clm li span{
	position: relative;
	display: inline-block;
	padding-left: 1em;
}
.surgery-3clm li span:before{
	position: absolute;
	top: .6em;
	left: 0;
	content: "";
	width: 7px;
	height: 7px;
	background: #5e5b4a;
}
	@media (max-width:750px) {
		.surgery-3clm li{
			width: 48%;
		}
	}
.surgery-6clm div{
	width: 16%;
	margin-bottom: .6vw;
}
	@media (max-width:750px) {
		.surgery-6clm div{
			width: 24.666%;
		}
	}

.results-wrap .link-position{
	position: relative;
}
.results-wrap .link-position a{
	position: absolute;
	top: 0;
	right: 0;
}
.results-list > li{
	background: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1.25em;
	margin: .75em 0;
}
.results-list > li .category{
	width: 6em;
	color: #87a300;
	font-weight: bold;
}
.results-list > li .results-body{
	width: calc(100% - 6em);
}
.results-body .flex > li{
	width: calc(33.3333% - 1.375rem);
}

	@media (max-width:750px) {
		.results-list > li .category{
			margin-bottom: 1em;
		}
		.results-list > li .category,
		.results-list > li .results-body{
			width: 100%;
		}
		.results-body .flex{
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
		}
		.results-body .flex > li{
			width: calc(49% - 1.375rem);
		}
	}
.endoscope-list li{
	background: #fff;
	padding: 1.5rem 1.75rem;
	margin-bottom: 1rem;
}
.endoscope-list li:last-child{
	margin-bottom: 0;
}
.endoscope-list img{
	display: block;
	margin: 0 auto;
}

	@media (max-width:750px){
		.endoscope-list li{
			padding: 1.5em;
		}
		.endoscope-list .clm2-thumb{
			margin-top: 0;
		}
	}
.arthroscopy-list li{
	width: calc(49% - 3rem);
	background: #fff;
	margin-bottom: 1em;
	padding: 1.5rem;
}
	@media (max-width:750px) {
		.arthroscopy-list li{
			width: calc(49% - 2em);
			padding: 1em;
		}
	}
/*===================================
　予防と健診
===================================*/
.yobou-list > li{
	position: relative;
	border-left: 1px solid #e6e6e6;
	margin-bottom: 2.5rem;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	flex-wrap: wrap;
}
.yobou-list > li:last-child{
	margin-bottom: 0;
}
.yobou-list > li:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-top: 1px solid #c7c7c7;
	width: 1rem;
}
.yobou-list > li:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #c7c7c7;
	width: 1rem;
}
.yobou-list > li .item:nth-child(1){
	width: calc(36% - 3rem);
	padding: 2.25rem 1rem 0 2rem;
}
.yobou-list > li .item:nth-child(2){
	width: calc(64% - 8.5% - 2rem);
	padding: 2.25rem 8.5% 2.25rem 2rem;
	background: #f3f6e4;
}
	@media (max-width:1112px) {
		.yobou-list > li .item:nth-child(1){
			width: calc(35% - 2rem);
			padding: 2.25rem 1rem 0 1rem;
		}
		.yobou-list > li .item:nth-child(2){
			width: calc(65% - 5% - 1.75rem);
			padding: 2.25rem 5% 2.25rem 1.75rem;
		}
	}
	@media (max-width:750px) {
		.yobou-list > li{
			padding: 2rem 0 0 0;
			border-left: 0;
			border-top: 1px solid #c7c7c7;
		}
		.yobou-list > li:before{
			content: "";
			position: relative;
			top: auto;
			left: auto;
			border-top: nonr;
			width: auto;
		}
		.yobou-list > li:after{
			position: relative;
			border-bottom: none;
		}
		.yobou-list > li .item:nth-child(1){
			width: 100%;
			padding: 0 1.25em 0 0;
		}
		.yobou-list > li .item:nth-child(2){
			width: 100%;
			padding: 1.5rem 1.25em;
			margin-top: 1.25rem;
		}
	}
.yobou-list .xxx-large > span{
	position: relative;
	margin-right: 3rem;
}
.yobou-list .xxx-large > span:before{
	color: #87a300;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	line-height: 2rem;
	position: absolute;
	top: -5px;
	left: 0;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 3px solid #87a300;
}
.yobou-list > li:nth-child(1) .xxx-large > span:before{
	content: "1";
}
.yobou-list > li:nth-child(2) .xxx-large > span:before{
	content: "2";
}
.yobou-list > li:nth-child(3) .xxx-large > span:before{
	content: "3";
}
.yobou-list > li:nth-child(4) .xxx-large > span:before{
	content: "4";
}
.yobou-list > li:nth-child(5) .xxx-large > span:before{
	content: "5";
}

.filaria-flow {
	position: relative;
	border: 1px solid #87a300;
	line-height: 1.6;
}
.filaria-flow .step-box{
	width: calc(33.3333% - 1.5em - 1px);
	position: relative;
	background: #fff;
	padding: 1.5em .5em 1.5em 1em;
	border-right: 1px solid #87a300;
}
.filaria-flow .step-box:last-child{
	border-right: none;
}
.filaria-flow .step-box:before{
	content: "";
	position: absolute;
	top: calc(50% - .5em);
	right: calc(-.5em - 1px);
	width: 1em;
	height: 1em;
	background: #fff;
	border-right: 1px solid #87a300;
	border-top: 1px solid #87a300;
	z-index: 1;
	transform: rotate(45deg);
}
.filaria-flow .step-box:last-child:before{
	position: static;
	top: auto;
	right: auto;
	width: auto;
	height: auto;
	background: none;
	border: none;
}
	@media (max-width:750px) {
		.filaria-flow{
			border: none;
			margin-top: 1em;
		}
		.filaria-flow .step-box{
			width: 100%;
			padding: 1.5em 1em;
			border: 1px solid #87a300;
			margin-bottom: 2em;
		}
		.filaria-flow .step-box:last-child{
			border-right: 1px solid #87a300;
			margin-bottom: 0;
		}
		.filaria-flow .step-box:before{
			top: auto;
			right: calc(50% - .5em);
			bottom: calc(-.5em - 1px);
			border-right: none;
			border-top: none;
			border-bottom: 1px solid #87a300;
			border-right: 1px solid #87a300;
		}
	}
.filaria-flow .step-box .tit{
	background: #df7503;
	color: #fff;
	position: absolute;
	top: -1em;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 80%;
	text-align: center;
	font-weight: bold;
}
.flex-vaccine li{
	width: calc(33.3333% - 1em);
	border-bottom: 1px solid #d5e2a8;
	padding: 1em 1em 1em 0;
	list-style-position: inside;
	margin-left: 0;
}
	@media (max-width:750px) {
		.flex-vaccine li{
			width: calc(50% - 1em);
		}
	}
.kenshin-box{
	position: relative;
	background: #fff;
	border: 1px solid #d7e09e;
	padding: 2.5rem 2rem;
	margin-top: 2.5rem;
}
.kenshin-box .tit{
	position: absolute;
	top: -1em;
	left: 0;
	background: #87a300;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	padding: 0 1em;
}
.kenshin-box .flex > .item-txt{
	width: 60%;
}
.kenshin-box .flex > .item-price{
	width: 36%;
}
.campaign-box{
	background: #fff;
	padding: 2rem;
}
	@media (max-width:750px) {
		.kenshin-box,
		.campaign-box{
			padding: 1.5rem 1.25rem;
		}
		.kenshin-box .flex > .item-txt,
		.kenshin-box .flex > .item-price{
			width: 100%;
		}
		.kenshin-box .flex > .item-price{
			margin: 1em 0;
		}
	}
.meyasu{
	text-align: center;
}
.round-dog{
	margin-bottom: 1.25em;
	display: inline-block;
}
.round-cat{
	margin-left: 2em;
	display: inline-block;
}
	@media (max-width:750px) {
		.meyasu{
			text-align: left;
			margin-bottom: 1.25em;
		}
		.round-cat{
			margin-left: 0;
		}

	}
.round-dog span,
.round-cat span{
	position: relative;
	padding-left: 3em;
}
.round-dog span:before{
	position: absolute;
	top: -.75em;
	left: 0;
	content: "";
	background: #df7503 url(../images/common/point-dog.png) no-repeat center;
	background-size: 2em;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit--border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
}
.round-cat span:before{
	position: absolute;
	top: -.75em;
	left: 0;
	content: "";
	background: #f7dec4 url(../images/common/point-cat.png) no-repeat center;
	background-size: 2em;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit--border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
}
.hinin-kyosei-flow > li{
	position: relative;
	background: #fff;
	border: 1px solid #d7e09e;
	padding: 1.5rem 2rem 2rem 2rem;
	margin-top: 1.5rem;
}
.hinin-kyosei-flow > li:first-child{
	margin-top: .5rem;
}
.hinin-kyosei-flow > li:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -1.5rem;
	border: 1.5rem solid transparent;
	border-top: 1.5rem solid #d7e09e;
}
.hinin-kyosei-flow > li:last-child:before{
	position: relative;
	top: auto;
	left: auto;
	margin-left: auto;
	border: none;
}
.hinin-kyosei-flow > li .tit{
	background: #87a300;
	font-size: 1.125em;
	font-weight: bold;
	color: #fff;
	padding: .5em 0;
	margin-bottom: 2rem;
	text-align: center;
}
.hinin-kyosei-flow > li .dl-2clm{
	margin-top: 2rem;
}
.hinin-kyosei-flow > li .dl-2clm dt,
.hinin-kyosei-flow > li .dl-2clm dd{
	padding: 2rem 0;
}
.hinin-kyosei-flow > li .dl-2clm dt:nth-last-child(2),
.hinin-kyosei-flow > li .dl-2clm dd:nth-last-child(1){
	border-bottom: 0;
	padding-bottom: 0;
}
	@media (max-width:750px) {
		.hinin-kyosei-flow > li{
			padding: 1em 1rem 1.5em;
		}
		.hinin-kyosei-flow > li .tit{
			margin-bottom: 1.5em;
		}
		.hinin-kyosei-flow > li .dl-2clm dt{
			width: 100%;
			border-bottom: 0;
			padding-top: 1.5rem;
			padding-bottom: 0;
		}
		.hinin-kyosei-flow > li .dl-2clm dd{
			width: 100%;
			padding-top: 1em;
		}
	}
.microchip-txt{
	width: 80%;
}
.microchip-thumb{
	width: 15%;
}
	@media (max-width:567px) {
		.microchip-txt{
			width: 100%;
			margin-bottom: 1rem;
		}
		.microchip-thumb{
			width: 30%;
			margin: 0 auto;
		}
	}
.dental-check{
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: #87a300;
	padding: 0 1.5em 1.75em 1.5em;
}
.dental-check-tit{
	font-size: 1.0625em;
	font-weight: bold;
	color: #87a300;
	letter-spacing: 1px;
	position: relative;
	text-align: center;
	top: -.75em;
	margin-bottom: .75em;
}
.dental-check-tit:before{
	width: 33.3333%;
	height: 1px;
	position: absolute;
	top: .75em;
	left: -1.5em;
	background: #87a300;
	content: "";
}
.dental-check-tit:after{
	width: 33.3333%;
	height: 1px;
	position: absolute;
	top: .75em;
	right: -1.5em;
	background: #87a300;
	content: "";
}
	@media (max-width:567px) {
		.dental-check{
			padding: 0 1em 1.75em 1em;
		}
		.dental-check-tit:before{
			width: 17%;
			left: -1em;
		}
		.dental-check-tit:after{
			width: 17%;
			right: -1em;
		}
	}

.dental-check .flex {
	margin-bottom: .5em;
}
.dental-check .flex li{
	background: #f5f7e6;
	color: #87a300;
	font-weight: 500;
	border-radius: 6em;
	-moz-border-radius: 6em;
	-webkit-border-radius: 6em;
	width: calc((100% / 3) - 2.5em);
	margin-bottom: .75em;
	padding: .75em 1em;
	line-height: 1.4;
}
.dental-check .flex li:nth-child(3n + 1){
	margin-right: .5em;
}
.dental-check .flex li:nth-child(3n + 2){
	margin-right: .25em;
	margin-left: .25em;
}
.dental-check .flex li:nth-child(3n + 3){
	margin-left: .5em;
}
.dental-check .flex li span{
	position: relative;
	padding-left: 1.5em;
	display: inline-block;
}
.dental-check .flex li span:before{
	position: absolute;
	top: .375em;
	left: 0;
	width: .75em;
	height: .75em;
	border: 1px solid #9fb61b;
	background: #fff;
	content: "";
}
.dental-check .flex li span:after {
	position: absolute;
	top: .375em;
	left: 1px;
	width: .75em;
	height: .375em;
	border-left: 1px solid #9fb61b;
	border-bottom: 1px solid #9fb61b;
	transform: rotate(-45deg);
	content: "";
}
	@media (max-width:666px) {
		.dental-check .flex{
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
		}
		.dental-check .flex li{
			width: calc((100% / 2) - 2.25em);
			margin-bottom: .5em;
			border-radius: .5em;
			-moz-border-radius: .5em;
			-webkit-border-radius: .5em;
		}
		.dental-check .flex li:nth-child(3n + 1){
			margin-right: 0;
		}
		.dental-check .flex li:nth-child(3n + 2){
			margin-right: 0;
			margin-left: 0;
		}
		.dental-check .flex li:nth-child(3n + 3){
			margin-left: 0;
		}
	}
.dental-campaign-box{
	background: #87a300;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1.5px;
	text-align: center;
	padding: .75em .5em;
	border-radius: 6em;
	-moz-border-radius: 6em;
	-webkit-border-radius: 6em;
}

/* 春のキャンペーン関連 */
.borderbox-campaign{
	color: #df7503;
	border: 1px solid #f4d9b9;
	background: #fbf1e5;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	padding: 1em 1.25em;
	font-size: .9375em;
}
.campaign-box-kenshin{
	background: #fff;
	border: 1px dotted #f4d9b9;
}
.campaign-box-kenshin .tit{
	background: #fbf1e5;
	border-bottom: 1px dotted #f4d9b9;
	color: #df7503;
	padding: .75em 1em;
	margin-bottom: 1em;
	font-weight: bold;
	position: relative;
	line-height: 1.4;
}
.campaign-box-kenshin .inner{
	padding: .5em 1.5em 1em;
}

/*===================================
　施設のご紹介
===================================*/
	@media (max-width:567px) {
		img.object-fit-facility{
			width: 100%;
			height: 135px;
			object-fit: cover;
		}
	}
.flex-floor .item:nth-child(odd){
	width: 16%;
	margin-top: 2.5em;
	text-align: center;
}
.flex-floor .item:nth-child(even){
	width: 76%;
	margin-top: 2.5em;
}
.flex-floor .item:nth-child(odd) .tit-eng{
	position: relative;
	top: -1rem;
	font-family: 'Oswald', sans-serif;
	font-size: 11em;
	line-height: 1;
	color: #addcd7;
}
.flex-floor .item:nth-child(odd) .tit{
	color: #5e5b4a;
	font-size: 1.25em;
	font-weight: bold;
	margin-top: 1em;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: inline-block;
}

	@media (max-width:750px) {
		.flex-floor .item:nth-child(odd){
			width: 13%;
			position: relative;
			left: -.75em;
		}
		.flex-floor .item:nth-child(even){
			width: 87%;
		}
		.flex-floor .item:nth-child(odd) .tit-eng{
			font-size: 5em;
		}
		.flex-floor .item:nth-child(odd) .tit{
			font-size: 1em;
			margin-top: 0;
		}
	}
.floor-imgbg{
	width: 100%;
	position: relative;
	margin: 1rem 0;
}
.floor-imgbg > .tit{
	font-size: 2em;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	line-height: 1.2;
	position: absolute;
	top: 50%;
	left: 5%;
	color: #fff;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.floor-imgbg > .fc-3f{
	color: #a8afbc;
}
.floor-imgbg > .tit > span{
	font-size: 1.5em;
	padding-right: .25em;
}
	@media (max-width:750px) {
		.floor-imgbg{
			margin-bottom: 1em;
		}
	}
	@media (max-width:567px) {
		.floor-imgbg .tit{
			font-size: 1.375em;
		}
	}

.floor-3clm{
	margin-top: 3rem;
}
.floor-3clm .item{
	width: 33.3333%;
	margin-bottom: 2.5rem;
	text-align: center;
	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;
}
.floor-3clm .item:nth-child(3n + 1) div{
	margin-right: 2rem;
}
.floor-3clm .item:nth-child(3n + 2) div{
	margin-right: 1rem;
	margin-left: 1rem;
}
.floor-3clm .item:nth-child(3n + 3) div{
	margin-left: 2rem;
}
.floor-3clm .portrait img{
	width: calc(100% - 31%);
	display: block;
	margin: 0 auto;
}
.floor-3clm .landscape img{
	width: 100%;
	display: block;
	margin: 0 auto;
}
	@media (max-width:1112px) {
		.floor-3clm .item{
			margin-bottom: 1.5rem;
		}
		.floor-3clm .item:nth-child(3n + 1) div{
			margin-right: 1rem;
		}
		.floor-3clm .item:nth-child(3n + 2) div{
			margin-right: .5rem;
			margin-left: .5rem;
		}
		.floor-3clm .item:nth-child(3n + 3) div{
			margin-left: 1rem;
		}
	}

	@media (max-width:750px) {
		.floor-3clm{
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
		}
		.floor-3clm .item{
			width: 48%;
			margin-bottom: 1em;
		}
		.floor-3clm .item:nth-child(3n + 1) div{
			margin-right: 0;
		}
		.floor-3clm .item:nth-child(3n + 2) div{
			margin: 0;
		}
		.floor-3clm .item:nth-child(3n + 3) div{
			margin-left: 0;
		}
	}
.list-equipment{
	margin-top: 1.25em;
	font-size: .875em;
	position: relative;
}
.list-equipment > li{
	width: calc(100%/5);
	margin-bottom: 1.25rem;
}
.list-equipment > li .inner{
	margin-right: 1.25rem;
}

	@media (max-width:750px) {
		.list-equipment{
			font-size: .75em;
		}
		.list-equipment > li{
			width: calc(33.3333% - .75em);
		}
		.list-equipment > li:nth-child(3n + 1){
			padding-right: .75em;
		}
		.list-equipment > li:nth-child(3n + 2){
			padding-right: .375em;
			padding-left: .375em;
		}
		.list-equipment > li:nth-child(3n + 3){
			padding-left: .75em;
		}
		.list-equipment > li .inner{
			margin-right: 0;
		}
	}


.list-equipment > li .tit{
	padding: .75em 1.625em 1.75em 0;
	line-height: 1.3;
	position: relative;
	display: block;
}
.list-equipment > li .tit .x-small{
	margin-top: .5em;
}
.list-equipment > li .tit:before{
	position: absolute;
	top: .75em;
	right: 0;
	width: 1.5em;
	height: 1.5em;
	font-weight: bold;
	text-align: center;
	content: "＋";
	background: #df7503;
	color: #fff;
}
.tooltip{
	cursor: pointer;
	display: block;
}
.tool-body{
	position: absolute;
	left: 50%;
	top: calc(100% - 1.25em);
	width: 210px;
	transform: translateX(-50%);
	-weblot-transform: translateX(-50%);
	padding: 1.25em;
	background: #df7503;
	color: #fff;
	font-size: .9375em;
	font-weight: 500;
	line-height: 1.6;
	opacity: 0;
	z-index: 100;
	transition: .5s all;
	visibility: hidden;
}
.list-equipment > li:nth-child(5n) .tool-body{
	left:auto;
	right: 0;
	transform: none;
	-webkit-transform: none;
}
	@media (max-width:750px) {
		.tool-body{
			width: 180px;
			font-size: 10px;
			padding: 1em;
		}
		.list-equipment > li:nth-child(5n) .tool-body{
			left:50%;
			right: auto;
			transform: translateX(-50%);
			-weblot-transform: translateX(-50%);
		}
		.list-equipment > li:nth-child(3n + 1) .tool-body{
			left:0;
			transform: none;
			-webkit-transform: none;
		}
		.list-equipment > li:nth-child(3n + 3) .tool-body{
			left:auto;
			right: 0;
			transform: none;
			-webkit-transform: none;
		}
	}


.tooltip:hover .tool-body,
.tooltip:active .tool-body{
	top: calc(100% - 1.25em);
	visibility: visible;
	opacity: 1;
}

/*===================================
　トリミング
===================================*/
.trimming-thumbnail {
	margin-top: 2rem;
}
.trimming-thumbnail .item{
	width: calc(100% / 5 - 1vw);
	margin-bottom: 1vw;
}
.trimming-thumbnail .item img{
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
	@media (max-width:750px) {
		.trimming-thumbnail .item{
			width: calc(100% / 2 - 1.5vw);
			margin-bottom: 3vw;
		}
	}
.trimming-flow{
	margin-top: 2.5rem;
}
.trimming-flow li{
	width: calc(25% - 2.5rem);
	position: relative;
	padding: 2.25rem 1.25rem 1.25rem;
}
.trimming-flow li:after{
	position: absolute;
	top: calc(50% - .75rem);
	right: -.75rem;
	width: 1.5rem;
	height: 1.5rem;
	transform: rotate(-45deg);
	content: "";
	z-index: 2;
}
.trimming-flow li:last-child:after{
	position: relative;
	top: auto;
	right: auto;
	width: auto;
	height: auto;
	transform: none;
}
	/* 配色 */
	.trimming-flow li:nth-child(odd):after,
	.trimming-flow li:nth-child(odd){
		background: #dee6b8;
	}
	.trimming-flow li:nth-child(even):after,
	.trimming-flow li:nth-child(even){
		background: #f7f9ed;
	}

.trimming-flow li .tit{
	position: absolute;
	top: -1rem;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 100%;
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
	color: #df7503;
	z-index: 1;
}
.trimming-flow li .thumb{
	max-width: 120px;
	width: 80%;
	margin: 0 auto;
}
.trimming-flow li .txt{
	margin-top: 1.25rem;
}
	@media (max-width:750px) {
		.trimming-flow{
			margin-top: 1.5em;
		}
		.trimming-flow li{
			width: 100%;
			padding: 1.5em 1.5em 2.25em 1.5em;
		}
		.trimming-flow li:after{
			top: auto;
			right: auto;
			bottom: -.75rem;
			left: calc(50% - .75rem);
		}
		.trimming-flow li .tit{
			position: relative;
			top: 0;
			left: 0;
			transform: none;
			width: auto;
			margin: 0 0 .5em 0;
		}
		.trim-flow-body{
			width: 100%;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			flex-wrap:wrap;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
		}
		.trimming-flow li .thumb{
			max-width: auto;
			width: 20%;
			margin: 0;
		}
		.trimming-flow li .txt{
			width: 75%;
			margin-top: 0;
		}
	}
/*===================================
　ペットホテル 
===================================*/
.petroom-box{
	border-width: 5px 0 5px 5px;
	border-style: solid;
	padding: 3.5rem 8.5% 2.75rem 3rem;
	margin-bottom: 3rem;
	position: relative;
	border-radius: .75em 0 0 .75em;
	-moz-border-radius: .75em 0 0 .75em;
	-webkit-border-radius: .75em 0 0 .75em;
}
	@media (max-width:1112px) {
		.petroom-box{
			padding-right: 5%;
		}
	}
	@media (max-width:750px) {
		.petroom-box{
			padding: 2rem 5%;
		}
	}
	.petroom-dog{
		border-color: #edf1d3;
	}
	.petroom-cat{
		border-color: #faead9;
	}
.petroom-box .tit{
	position: absolute;
	top: -2.25rem;
	left: -5px;
	font-size: 2.5em;
	font-family: 'Roboto', sans-serif;
}
	.petroom-cat .tit{
		color: #df7503;
	}
	.petroom-dog .tit {
		color: #87a300;
	}
.petroom-box .tit span{
	background: #fff;
	padding-left: 3.5rem;
	padding-right: 1rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 3rem auto;
}
.petroom-dog .tit .icon{
	background-image: url(../images/common/point-dog.png);
}
.petroom-cat .tit .icon{
	background-image: url(../images/common/point-cat.png);
}
.petroom-box .flex .item{
	width: calc(48% - 4em);
	padding: 2em;
	border-radius: .75em;
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;
}
	@media (max-width:750px) {
		.petroom-box .flex .item{
			width: 100%;
			margin-bottom: 1rem;
		}
		.petroom-box .flex .item:last-child{
			margin-bottom: 0;
		}
	}

.petroom-dog .item{
	background: #edf1d3;
}
.petroom-cat .item{
	background: #fdf3e9;
}

.cfc-box{
	margin-top: 2.5rem;
	padding-top: 1.75rem;
	border-top: 1px solid #fcf1e6;
}
.cfc-box .bnr{
	width: 151px;
}
.cfc-box .link{
	width: calc(65% - 151px);
	padding-left: 3rem;
}
	@media (max-width:750px) {
		.cfc-box .bnr{
			width: 120px;
			margin: 0 auto;
		}
		.cfc-box .link{
			width: 100%;
			padding-left: 0;
			margin-top: 1em;
		}
	}

/* クリックで */
.view-usahamu{
	margin-top: 2rem;
}
.view-usahamu label{
	position: relative;
	background: #df7503 url(../images/pethotel/point-usahamu.png) no-repeat calc(100% - 1rem) center;
	background-size: auto 2.75rem;
	font-weight: bold;
	color: #fff;
	padding: 1rem 0 1rem 3rem;
	display: block;
	cursor: pointer;
}
.view-usahamu label:before{
	position: absolute;
	top: calc(50% - 9px);
	left: 1rem;
	width: 18px;
	height: 18px;
	font-size: 1rem;
	line-height: 1;
	content: "＋";
	color: #df7503;
	background: #ffff;
	text-align: center;
	transition: 0.8s;
}
.view-usahamu input{
	display: none;
}
.view-usahamu .open-all{
	background: #fcf1e6;
	height: 0;
	padding: 0 2rem;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
.view-usahamu input:checked ~ .open-all{
	height: auto;
	opacity: 1;
	padding: 2rem;
}
	@media (max-width:750px) {
		.view-usahamu .open-all{
			padding: 0 1rem;
		}
		.view-usahamu input:checked ~ .open-all{
			padding: 1rem;
		}
	}

/*===================================
　WEB予約／はじめての方へ／フードの日
===================================*/
#flowchart{
	padding-top: 5em;
}
#flowchart ul.flow > li{
	position: relative;
	padding-bottom: 6.5rem;
	margin-left: 4.5rem;
	border-left: 1px solid #9fb61b;
}
#flowchart ul.flow > li:last-child{
	border-left: 0;
	padding-bottom: 2.5rem;
}
#flowchart .flow-step{
	position: absolute;
	left: -4.5rem;
	top: -1rem;
}
#flowchart .step{
	position: relative;
	width: 9rem;
	height: 9rem;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	font-family: 'Roboto', sans-serif;
	border: 1px solid #9fb61b;
	background: #fff;
}
#flowchart .step div{
	position: absolute;
	display: inline-block;
	left: 0;
	top: calc(50% + 2px);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 9rem;
	text-align:center;
	color: #87a300;
	line-height: 1.0;
	font-size: 2.5em;
	font-weight: bold;
}
#flowchart .step div span{
	display: block;
	color: #5e5b4a;
	font-size: .875rem;
}
#flowchart .step div span.green{
	font-size: 1rem;
	color: #87a300;
}
#flowchart ul > li .item{
	width: 85%;
	margin-left: auto;
}
/*---*/

#sotomachi #flowchart{
	padding-top: 1.5em;
}
#sotomachi #flowchart ul.flow > li{
	padding-bottom: 3.5rem;
	margin-left: 3.5rem;
}
#sotomachi #flowchart .flow-step{
	left: -3rem;
}
#sotomachi #flowchart .step{
	width: 6rem;
	height: 6rem;
}
#sotomachi #flowchart .step div{
	width: 6rem;
}
#sotomachi #flowchart ul > li .item{
	width: 90%;
}

	@media (max-width:750px) {
		#flowchart ul.flow > li{
			margin-left: 1.5rem;
		}
		#flowchart ul.flow > li:last-child{
			padding-bottom: 1.5em;
		}
		#flowchart .flow-step{
			top: -3rem;
			left: -1.65rem;
		}
		#flowchart .step{
			width: 3rem;
			height: 3rem;
		}
		#flowchart .step div{
			width: 3rem;
			font-size: 2em;
		}
		#flowchart .step div span{
			font-size: .714rem;
			font-weight: normal;
		}
		#flowchart .step div span.green{
			font-size: .714rem;
		}
		#flowchart ul > li .item{
			width: calc(100% - 1.75rem);
		}
		/*---*/
		#sotomachi #flowchart ul.flow > li{
			margin-left: 1.5rem;
		}
		#sotomachi #flowchart .flow-step{
			top: -3rem;
			left: -1.65rem;
		}
		#sotomachi #flowchart .step{
			width: 3rem;
			height: 3rem;
		}
		#sotomachi #flowchart .step div{
			width: 3rem;
			font-size: 2em;
		}
		#sotomachi #flowchart ul > li .item{
			width: calc(100% - 2rem);
		}
	}
/* そとまち */
.stmc-page-link{
	display: block;
	max-width: 800px;
	width: 90%;
	margin: 0 auto 1.5em;
}
.stmc-page-link img{
	border-radius: 1em;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}
.stmc-page-link .sp{
	display: none;
}
.stmc-page-link .pc{
	display: block;
}
	@media (max-width:500px) {
		.stmc-page-link{
			margin-bottom: 0;
		}
		.stmc-page-link .sp{
			display: block;
		}
		.stmc-page-link .pc{
			display: none;
		}
	}

.att-fukidashi{
	font-size: .875em;
	background: #e9e8e6;
	padding: .75em 1.5em;
	border-radius: .5em;
	text-align: center;
	margin:0 auto 3em;
	max-width: 820px;
	position: relative;
}
.att-fukidashi:before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #e9e8e6;
}
	@media (max-width:1200px) {
		.att-fukidashi{
			max-width: 610px;
			width: 88%;
		}
	}

.line-touroku{
	color: #4ec664;
	font-weight: bold;
	margin-top: 3em;
	text-align: center;
}
.line-touroku a{
	display: block;
	margin: .25em auto .5em;
	max-width: 500px;
	padding: 1.5em 2em;
	text-align: left;
	font-size: 1.0625em;
	color: #4ec664;
	background: #e9f8ec url(../images/webyoyaku/line-link.png) no-repeat calc(100% - 1em) center;
	background-size: 3.25em auto;
	border: 1px solid;
	border-radius: 5em;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .125);
}
.stomachi-list {
	margin-top: 4.5em;
}
.stomachi-list > li{
	padding: 3em 0;
}
.stomachi-list > li:first-child{
	padding-top: 0;
}
.sotomashi-midashi{
	font-size: 1.5em;
	font-weight: bold;
	color: #87a300;
	border-top: 6px solid;
	border-bottom: 1px solid #d4de9f;
	background: #f3f6e4;
	line-height: 1.4;
	letter-spacing: 2px;
	margin-bottom: 1.5em;
	padding: .75em 1em 1em;
	position: relative;
}
.sotomashi-midashi .midashi-desc{
	position: absolute;
	right: 0;
	top: 1em;
	font-size: .6666666em;
	font-weight: 500;
	background: #87a300;
	color: #fff;
	padding: .5em 1.25em;
	border-radius: 3em 0 0 3em;
}
	@media (max-width:750px) {
		.sotomashi-midashi .midashi-desc{
			top: 1.125em;
			padding: .5em .75em;
			letter-spacing: 0;
			border-radius: 3em 0 0 3em;
		}
	}

.line-uketsuke{
	margin-bottom: .5em;
}
.line-uketsuke span.kakoi{
	background: #87a300;
	font-size: .825em;
	color: #fff;
	padding: .25em 1em .3em;
	border-radius: 3em;
	margin-right: .75em;
	line-height: 1.0;
	display: inline-block;
}

.dl-step-stmc {
	display: flex;
	flex: wrap;
	flex-wrap: wrap;
	max-width: 600px;
}
.dl-step-stmc dt{
	width: 120px;
	background: #e9e8e6;
	margin-bottom: 3px;
	padding: .5em 1em;
}
.dl-step-stmc dd{
	width: calc(100% - 120px - 4em);
	background: #f6f6f5;
	margin-bottom: 3px;
	padding: .5em 1em;
}
.sotomachi-linkbox{
	background: #ddeef7;
	color: #3996cc;
	padding: 1em 2em 1.25em;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: 760px;
	margin: 0 auto;
	box-shadow: 0 8px 8px rgba(120, 150, 150, .1);
	font-size: .9375em;
}
.stmc-a-icon{
	width: 130px;
}
.stmc-a-desc{
	width: calc(100% - 130px - 200px - 2em);
	padding: 0 1em;
	font-weight: bold;
	text-align: right;
}
.stmc-a-btn{
	width: 200px;
}
	@media (max-width:660px) {
		.sotomachi-linkbox{
			padding-left: 1.25em;
			padding-right: 1.25em;
		}
		.stmc-a-desc{
			width: calc(100% - 130px);
			padding: 0;
			position: relative;
			top: 3px;
		}
		.stmc-a-btn{
			width: 100%;
			margin-top: 1em;
		}
	}
	@media (max-width:400px) {
		.stmc-a-icon{
			width: 110px;
		}
		.stmc-a-desc{
			width: calc(100% - 110px);
		}
	}

.stmc-a-btn a{
	margin-left: auto;
	display: block;
	padding: .75em 0;
	background: #3996cc url(../images/common/icon-jump-link-white.png) no-repeat 1em center;
	background-size: 1em;
	color: #fff;
	font-weight: bold;
	border-radius: 3em;
	text-align: center;
}




/* web予約 12月までの方法ここから*/
.website-url{
	background: #9fb61b;
	color: #fff;
	font-size: 1.135em;
	padding: 1em 1em 1em 2em;
	border-radius: .75em;
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;
}
.website-url .url{
	width: calc(100% - 120px);
}
.website-url a{
	color: #fff;
	font-weight: bold;
}
.website-url img{
	width: 120px;
}
	@media (max-width:750px) {
		.website-url {
			font-size: 1em;
			padding: 1em;
			text-align: center;
		}
		.website-url .url{
			width: 100%;
		}
		.website-url img{
			display: block;
			margin: 1em auto 0;
		}
	}

#flowchart .txt{
	width: 55%;
	position: relative;
}
#flowchart .thumb{
	width: 40%;
	position: relative;
}
#flowchart .txt .card{
	max-width: 320px;
	width: 65%;
	margin-top: 2.5em;
}
	@media (max-width:750px) {
		#flowchart .txt,
		#flowchart .thumb{
			width: 100%;
		}
		#flowchart .txt{
			margin-bottom: 1.75em;
		}
		#flowchart .txt .card{
			display: block;
			margin: 1em auto;
		}
	}
.list-flex li{
	padding-right: 1em;
}
/* web予約 12月までの方法ここまで*/

/* 初めての方 */
.first-step1 .img {
	text-align: center;
	margin-bottom: 1em;
}
.first-step1 .img img{
	max-width: 110px;
	height: auto;
	padding: 0 .25em;
}
.first-step1 .box{
	padding: 1.25em 1em;
}
.first-step1 .onenyan{
	background: #fcefe2;
	padding: 1.25em;
}
.first-step1 .usahamu{
	background: #f3f6e4;
	padding: 1.25em;
}
.first-step1 .linebox-grey{
	margin: 2.75em auto 0;
}
.first-step1 .linebox-grey .icon-time{
	background-position: left center;
}
	@media (max-width:750px) {
		.first-step1 .img img{
			max-width: 90px;
		}
		.first-step1 .linebox-grey{
			margin-top: 2em;
		}
	}
.dl-print a{
	display: block;
	padding: 1em 1.25em;
	line-height: 1.2;
	border-radius: 6em;
	-moz-border-radius: 6em;
	-webkit-border-radius: 6em;
	background-size: 1.25em auto;
	background-position: calc(100% - 1em) center;
	background-repeat: no-repeat;
}
.dl-print a:hover{
	opacity: .7;
}
.dl-print .clm4:nth-child(1) a{
	background-color: #df7503;
	background-image: url(../images/common/icon-dl-white.png);
	color: #fff;
}
.dl-print .clm4:nth-child(2) a{
	background-color: #f7dec4;
	background-image: url(../images/common/icon-dl-orange.png);
	color: #df7503;
}
.dl-print .clm4:nth-child(3) a{
	background-color: #87a300;
	background-image: url(../images/common/icon-dl-white.png);
	color: #fff;
}
.dl-print .clm4:nth-child(4) a{
	background-color: #e6ecc6;
	background-image: url(../images/common/icon-dl-green.png);
	color: #87a300;
}
.dl-print a span.small{
	display:block;
}
.first-step3 .linebox-grey .waku{
	padding: 2rem 1.5rem 2rem 1.5rem;
}
	@media (max-width:1134px) {
		.first-step3 .clm2{
			width: 49%;
		}
		.first-step3 .linebox-grey .waku{
			padding: 2rem 1rem 2rem 1rem;
		}
	}

	@media (max-width:750px) {
		.dl-print a span{
			display: block;
		}
		.first-step3 .clm2:nth-child(1){
			margin-bottom: 3em;
		}
	}

.first-step3 .list-decimal li{
	padding: 1em 0;
	border-bottom: 1px solid #dedede;
}
.first-step3 .list-decimal li:last-child{
	padding-bottom: 0;
	border-bottom: 0;
}
.first-step3 .thumb{
	max-width: 320px;
	width: 80%;
	margin: 0 auto;
}
.first-step3 .fukidashi{
	position: relative;
	color: #5e5b4a;
	border: 3px solid #e9e8e6;
	padding: 1rem;
	border-radius: .75em;
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;
	max-width: 540px;
	margin: 1em auto 0;
}
.first-step3 .fukidashi:before{
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #e9e8e6;
}
.manner-list .clm4{
	background: #fff;
}
.manner-list .clm4 .inner{
	padding: 3em .75em 1.25em .75em;
	position: relative;
}
.manner-list .clm4 .point{
	position: absolute;
	top: -1em;
	left: 50%;
	margin-left: -1.75em;
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.manner-list .clm4 .dog .point{
	background: #df7503 url(../images/common/point-dog.png) no-repeat center;
	background-size: 2em auto;
}
.manner-list .clm4 .cat .point{
	background: #f7dec4 url(../images/common/point-cat.png) no-repeat center;
	background-size: 2.2em auto;
}
.manner-list .clm4 .usagi .point{
	background: #9fb61b url(../images/common/point-usagi.png) no-repeat center;
	background-size: 2.2em auto;
}
.manner-list .clm4 .hamstar .point{
	background: #e6ecc6 url(../images/common/point-hamstar.png) no-repeat center;
	background-size: 2em auto;
}



/*===================================
　アクセス
===================================*/
.access-flex .item:nth-child(1){
	width: 40%;
}
.access-flex .item:nth-child(2){
	width:  52%;
	position: relative;
}
.access-flex .position{
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 440px;
	width: 88%;
}
.access-info{
	margin-top: 5em;
	position: relative;
	background: #edf1d3;
	padding: 1.75em 0;
	border-radius: 10em;
	-moz-border-radius: 10em;
	-webkit-border-radius: 10em;
	color: #87a300;
}
.access-info a{
	color: #87a300;
}
	@media (max-width:750px) {
		.access-flex .item:nth-child(1){
			width: 75%;
			margin: 1em auto 3em;
		}
		.access-flex .item:nth-child(2){
			width: 100%;
		}
		.access-flex .position{
			position: relative;
			text-align: center;
			width: 100%;
			max-width: 100%;
			margin-top: 4em;
		}
		.access-info{
			margin-top: 0;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
	}

#parking .thumb {
	margin-top: 4em;
}
#parking .thumb img{
	width: 100%;
}
	@media (max-width:750px) {
		#parking .thumb{
			margin-top: 3.5em;
		}
		#parking .thumb img{
			height: 250px;
			object-fit: cover;
			object-position: right center;
		}
	}
/*===================================
　セミナー
===================================*/
.seminar-tabs {
	width: 100%;
	margin: 5em auto 0;
	background: #f0f0f0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
}
.tab-item {
	width: calc(100%/3);
	background: #d9d9d9;
	border-top: 3px solid #d9d9d9;
	text-align: center;
	color: #565656;
	display: block;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	padding: 1rem 0;
}
.tab-item:hover {
	opacity: 0.75;
}
input[name="tab-item"] {
	display: none;
}
.seminar-tab-content {
	display: none;
	padding: 2.5rem 1.5rem 2rem;
	clear: both;
	height: 590px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.seminar-tab-content::-webkit-scrollbar {
	width: 6px;
}
.seminar-tab-content::-webkit-scrollbar-track {
	background: #dedede;
}
.seminar-tab-content::-webkit-scrollbar-thumb {
	background: #aaa;
	border: none;
}
.seminar-tab-content::-webkit-scrollbar-thumb:hover {
	background: #999;
}
		@media (max-width:750px) {
			.seminar-tab-content{
				height: 540px;
				padding: 1.5rem .5rem;
			}
		}
#year2025:checked ~ #year2025_content,
#year2024:checked ~ #year2024_content,
#year2023:checked ~ #year2023_content,
#year2022:checked ~ #year2022_content,
#year2020:checked ~ #year2020_content,
#year2019:checked ~ #year2019_content {
	display: block;
}
.seminar-tabs input:checked + .tab-item {
	background-color: #f0f0f0;
	border-top: 3px solid #df7503;
}
.list-seminar li{
	position: relative;
	background: #fff;
	padding: 6em 2em 2.5em 2em;
	margin-bottom: 3em;
}
.list-seminar li .month{
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	padding: 1em 2em;
	font-weight: bold;
	background: #ccc;
}
	/* 募集中 */
	.list-seminar li.on .month{
		background: #df7503;
		color: #fff;
	}

.list-seminar li .tit{
	font-size: 1.25em;
	font-weight: bold;
	padding-bottom: .5em;
	margin-bottom: 1em;
	border-bottom: 1px solid #dedede;
}
.list-seminar .item:nth-child(1){
	width: 18%;
	text-align: center;
}
.list-seminar .item:nth-child(1) a{
	display: inline-block;
	color: #df7503;
	font-size: .875em;
}
.list-seminar .item:nth-child(2){
	width: 78%;
}
	@media (max-width:750px) {
		.list-seminar li{
			padding: 5em 1em 1em 1em;
		}
		.list-seminar .item:nth-child(1){
			width: 40%;
			margin: 0 auto;
		}
		.list-seminar .item:nth-child(2){
			width: 100%;
		}
	}
.list-seminar dl{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
}
.list-seminar dt{
	width: 5.5em;
	font-weight: bold;
	color: #df7503;
	padding: 1em 0;
	border-bottom: 1px dotted #dedede;
}
.list-seminar dd{
	width: calc(100% - 5.5em);
	padding: 1em 0;
	border-bottom: 1px dotted #dedede;
}



/*===================================
　メンバーシップ
===================================*/
.members-tokuten {
	margin-top: 3em;
}
.members-tokuten li{
	position: relative;
	background: #dee6b8;
	text-align: center;
	padding: 2em 0 1.5em;
	font-size: 1.25em;
	font-weight: bold;
}
.members-tokuten li .tit{
	background: #df7503;
	font-size: 1rem;
	color: #fff;
	width: 80%;
	position: absolute;
	top: -.75rem;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	text-align: center;
	font-weight: bold;
	border-radius: 5em;
	-moz-border-radius: 5em;
	-webkit-border-radius: 5em;
	padding: .125em 0;
}
	@media (max-width:1112px) {
		.members-tokuten li .tit{
			font-size: .875em;
		}
	}
.members-tokuten li .small{
	font-size: .875rem;
}
.members-price{
	margin-top: 3em;
}
.members-price li{
	background: #f1f1ef;
	position: relative;
	padding: 2em 0 1.5em;
}
.members-price li .tit{
	font-size: 1rem;
	color: #fff;
	width: 80%;
	position: absolute;
	top: -.75rem;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	text-align: center;
	font-weight: bold;
	border-radius: 5em;
	-moz-border-radius: 5em;
	-webkit-border-radius: 5em;
	padding: .125em 0;
}
	@media (max-width:1112px) {
		.members-price li .tit{
			width: 95%;
			font-size:1em;
		}
	}
.members-price li:nth-child(1) .tit{
	background: #9a9a9e;
}
.members-price li:nth-child(2) .tit{
	background: #8c821e;
}
.members-price dl{
	padding: 0 2rem;
}
.members-price dt{
	width: 8em;
	padding: 1em 0;
	border-bottom: 1px dotted #dedede;
}
.members-price dd{
	width: calc(100% - 8em);
	text-align: right;
	padding: 1em 0;
	border-bottom: 1px dotted #dedede;
}
/*===================================
　フードのお悩み、おまかせください
===================================*/
.advice-list {
	background: #edf1d3;
	padding: 1.5em;
	text-align: center;
	position: relative;
}
.advice-list-inner{
    border: dashed 3px #fff;
	padding: 2em;
}
	@media (max-width:567px) {
		.advice-list{
			padding: 1em;
		}
		.advice-list-inner{
			padding: 1.25em;
		}
	}

.advice-list ul {
	margin-top: 1.75em;
}
.advice-list li{
	background: #9fb61b;
	color: #fff;
	padding: .75em .25em;
	margin-bottom: 1em;
	font-weight: bold;
	letter-spacing: 1px;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
/*===================================
 保護猫保護犬　譲渡会
===================================*/
dl.dl-2clm-jyouto{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	flex-wrap: wrap;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #dedede;
}
dl.dl-2clm-jyouto dt{
	width: 7em;
	text-align: right;
	font-weight: bold;
	background: #efefef;
	padding: .5em 1em;
	border-top: 1px solid #dedede;
}
dl.dl-2clm-jyouto dd{
	width: calc(100% - 7em - 4em);
	padding: .5em 1em;
	border-top: 1px solid #dedede;
}
.thumb-jyouto{
	width: calc(33.333% - .75em);
	margin-bottom: .75em;
}
.jyouto-linkbox{
	background: #e9e8e6;
	position: relative;
}
.jyouto-linkbox-inner{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 1em;
}
.jyouto-ooizumi .txt{
	width: calc(100% - 250px);
}
.jyouto-ooizumi .thumb{
	width: 250px;
}

	@media (max-width:740px) {
		.thumb-jyouto{
			width: calc(50% - .75em);
		}
		.thumb-jyouto:last-child{
			width: 100%;
			text-align: center;
		}
		.jyouto-linkbox{
			margin-top: .75em;
		}
		.jyouto-linkbox-inner{
			position: relative;
			transform: none;
			top: 0;
			padding: 1em;
		}
		.jyouto-ooizumi .txt{
			width: 100%;
			text-align: center;
		}
		.jyouto-ooizumi .thumb{
			width: 100%;
			margin: 1.5em auto 0;
		}
	}
/*===================================
 FIP
===================================*/
.fip-thumbnailbox{
	max-width: 460px;
	width: 100%;
	margin: 2.5em auto 3em;
}

/* fip フロー */
.fip-flow li{
	margin-top: 2em;
	background: #edf4cc;
	padding: 1.5em 2em;
	position: relative;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}
.fip-flow li:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #edf4cc;
}
.fip-flow li:last-child:before{
	position: static;
	top: 0;
	left: 0;
	margin-left: 0;
	border: none;
}
.fip-flow-tit{
	width: 7em;
}
.fip-flow-txt{
	width: calc(100% - 7em);
}
	@media (max-width:740px) {
		.fip-flow-tit{
			width: 100%;
			margin-bottom: 1em;
		}
		.fip-flow-txt{
			width: 100%;
		}
	}

.fip-dl dt{
	width: 7.5em;
	background: #87a300;
	color: #fff;
	padding: .5em 1em;
	margin-bottom: 3px;
}
.fip-dl dd{
	width: calc(100% - 7.5em - 4em);
	background: #fff;
	padding: .5em 1em;
	margin-bottom: 3px;
}
.icon-kusuri {
	background: url(../pickup/fip/images/icon-kusuri.png) top left no-repeat;
	background-size: auto 1.25em;
	padding-left: 1.75em;
}
.icon-chusya {
	background: url(../pickup/fip/images/icon-chusya.png) top left no-repeat;
	background-size: auto 1.25em;
	padding-left: 1.75em;
}
	@media (max-width:567px) {
		.fip-flow li{
			padding: 1em 1.25em;
		}
		.fip-dl dt{
			width: 100%;
			padding: .25em 1em;
			margin-bottom: 0;
		}
		.fip-dl dd{
			width: 100%;
			padding: 1em;
			margin-bottom: 10px;
		}
	}
/* fip qanda */
.fip-qanda .sideline-grey{
	font-size: 1.5em;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 3px;
	color: #5e5b4a;
}
.fip-q{
	background: #5e5b4a;
	font-size: 1.08em;
	line-height: 1.3;
	color: #fff;
	padding: .5em 1em;
	font-weight: bold;
	margin-bottom: 1em;
}
.fip-q span{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.25em;
	margin-right: 1em;
}
/* fip 最下部 */
.fip-msg{
	position: relative;
	background: #87a300;
	color: #edf1d3;
	padding: 4rem 1.25rem 3.5rem;
}
.fip-msg:before{
	position: absolute;
	width: calc(100% - 2rem);
	height: calc(100% - 2rem);
	left: 50%;
	top: 50%;
	border: 4px solid #9fb61b;
	content: "";
	transform: translate(-50%,-50%);
}
.fip-serif{
	font-size: 1.1111em;
	font-weight: bold;
	color: #fff;
	line-height: 1.7;
	width: 90%;
	margin: 0 auto 1.5em;
	border-top: 1px solid #9fb61b;
}
.fip-serif div{
	padding: .5em 0;
	border-bottom: 1px solid #9fb61b;
}
	@media (max-width:567px) {
		.fip-msg{
			padding: 2.5rem 1.25rem 2rem;
		}
		.fip-msg:before{
			width: calc(100% - 1.5rem);
			height: calc(100% - 1.5rem);
		}
		.fip-serif{
			width: 100%;
			font-size: 16px;
		}
	}
/*===================================
 JAHAスタンダード認定
===================================*/
.jaha_logo{
	width: 280px;
	margin: 1.5em auto 2em;
	border: 2px solid #efefef;
}
.jaha-flex{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.clm2-jaha:nth-child(odd){
	width: calc(100% - 160px - 2em);
	margin-bottom: 2em;
}
.clm2-jaha:nth-child(even){
	width: 160px;
	margin-bottom: 2em;
}
.bgbox-jaha{
	background: #87a300;
	color: #fff;
	font-weight: 500;
	padding: 3em;
	margin-top: 2.5em;
	font-size: 1.08em;
}
	@media (max-width:567px) {
		.jaha_logo{
			width: 180px;
			margin-top: 2em;
		}
		.jaha-flex{
			margin-top: 2em;
		}
		.clm2-jaha:nth-child(odd){
			width: 100%;
			margin-bottom: 0;
			margin-top: 1em;
		}
		.clm2-jaha:nth-child(even){
			width: 150px;
			margin: .5em auto;
		}
		.bgbox-jaha{
			padding: 2em;
		}
	}


/*===================================
　獣医師出勤表
===================================*/

.schedule-box{
	max-width: 1080px;
	margin: 1em auto;
}
.schedule-box iframe{
	width: 100%;
}
	@media (max-width:567px) {
		.schedule-box{
			box-shadow: 0px 4px 8px -1px #dedede inset;
			max-width: 540px;
			overflow: auto;
			-webkit-overflow-scrolling: touch;
			padding: 1em;
		}
		.schedule-box iframe{
			width: 540px;
		}
	}
.schedule-box::-webkit-scrollbar {
	height: 4px;
	width: 4px;
}
.schedule-box::-webkit-scrollbar-track {
	background: #eee;
}
.schedule-box::-webkit-scrollbar-thumb {
	background: #aaa;
	border: none;
}
.schedule-box::-webkit-scrollbar-thumb:hover {
	background: #999;
}