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

　fv animation

============================*/
.fv-thumbnail{
	width: 86.5%;
	margin: 0 auto;
	padding-top: 4.75rem;
	position: relative;
}
.fv-aspect{
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}
	@media screen and (max-width: 979px) {
		.fv-thumbnail{
			width: 93%;
			margin-right: 0;
		}
	}
	@media screen and (max-width: 767px) {
		.fv-thumbnail{
			padding-top: 3rem;
		}
		.fv-aspect{
			aspect-ratio: 1 / 1;
		}
	}

/* animation 設定
--------------------------*/
.change{
	animation: change 10s;
	animation-fill-mode:forwards;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}
.change:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: url(../images/index/bg-dots.png) repeat left top;
	background-size: 4px auto;
	z-index: 1;
}
.fv-txt{
	position: absolute;
	animation: change 10s;
	animation-fill-mode: forwards;
	opacity: 0;
	z-index: 1;
}
	@keyframes change {
		0%{opacity: 0;}
		20%{opacity: 1;}
		100%{opacity: 1; z-index: 0}
	}

.fv-bgimg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	animation: zoom 10s;
	z-index: 0;
}
.fv-bgimg img{
	width: 100%;
	height: 100%;
}
	@media screen and (max-width: 1200px) {
		.fv-bgimg img{
			width: auto;
			height: auto;
		}
	}
	@media screen and (max-width: 767px) {
		.fv-bgimg{
			width: 180%;
			height: 180%;
			left: -50%;
		}
	}

	@keyframes zoom {
		0% {transform:scale(1.1)} 
		100% {transform:scale(1.0)} 
	}

/*遅延設定*/
.item1,
.item1 .fv-bgimg,
.item1 .fv-txt{
	animation-delay: 0s;
}
.item2,
.item2 .fv-bgimg,
.item2 .fv-txt{
	animation-delay: 5s;
}
.item3,
.item3 .fv-bgimg,
.item3 .fv-txt{
	animation-delay: 10s;
}
.item4,
.item4 .fv-bgimg,
.item4 .fv-txt{
	animation-delay: 15s;
}

/*テキスト center*/
.fv-txt-posi-c {
	display: -webkit-box;
	display: flex;
	justify-content: center;
	-webkit-box-pack: center;
	align-items: center;
	-webkit-box-align: center;
}
.fv-txt-posi-c .fv-txt img {
	width: 75%;
	height: auto;
	display: block;
	margin: 0 auto;
	z-index: 0;
}

/*テキスト left*/
.fv-txt-posi-l {
	display: -webkit-box;
	display: flex;
	align-items: center;
	-webkit-box-align: center;
}
.fv-txt-posi-l .fv-txt {
	margin-left: 13%;
}
.fv-txt-posi-l .fv-txt img {
	width: 55%;
	height: auto;
	display: block;
	z-index: 0;
}
	@media screen and (max-width: 767px) {
		.fv-txt-posi-l .fv-txt img{
			width: 85%;
		}
	}

/*============================
　電話予約
============================*/
.yoyaku-tel-wrap{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 5;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: -webkit-box;
	display: flex;
}
.yoyaku-tel-wrap a{
	display: block;
	height: 212px;
	padding: 0 .75em;
	text-align: center;
	color: #fff;
	font-weight: bold;
	box-shadow: -3px -3px 10px rgba(0, 0, 0, .2);
	-webkit-transition: .6s all;
	transition: .6s all;
}
.yoyaku-tel-wrap a span{
	padding-top: 2em;
}

	@media screen and (max-width: 979px) {
		.yoyaku-tel-wrap{
			bottom: -62px;
			right: auto;
			-ms-writing-mode: horizontal-tb;
			writing-mode: horizontal-tb;
			width: 100%;
		}
		.yoyaku-tel-wrap a{
			width: 50%;
			height: 62px;
			line-height: calc(62px + 24px);
			padding: 0;
			box-shadow: none;
		}
		.yoyaku-tel-wrap a span{
			padding-top: 24px;
		}
	}

.yoyaku-tel-wrap a.yoyaku{
	background: #1d538f;
}
.yoyaku-tel-wrap a.tel{
	background: #747a76;
}
.yoyaku-tel-wrap a.yoyaku span{
	background: url(../images/common/icon-yoyaku-white.png) no-repeat center top;
	background-size: 1em auto;
}
.yoyaku-tel-wrap a.tel span{
	background: url(../images/common/icon-tel-white.png) no-repeat center top;
	background-size: 1.5em auto;
}
.yoyaku-tel-wrap a.yoyaku:hover{
	background: #013e81;
}
.yoyaku-tel-wrap a.tel:hover{
	background: #4d544f;
}

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

　news

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

.rss-wrap{
	line-height: 1.5;
}
.rss-flex{
	display: flex;
	flex-wrap: wrap;
}
.rss-flex .tit{
	font-weight: bold;
	font-family: "M PLUS 1p", sans-serif;
	margin-top: 1em;
}
.rss-flex li{
	border-bottom: 1px solid #cfcfcf;
	padding: 1em 0;
}
.rss-flex li:last-child{
	border-bottom: none;
	padding-bottom: .25em;
}

.oshirase{
	width: calc(100% - 360px - 10%);
	max-width: 840px;
	margin-left: 10%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	top: -3px;
	font-size: .9375em;
	padding: .5em 0 1em;
}
.sns{
	margin-left: auto;
	width: 360px;
	background: #eee;
	display: flex;
	flex-wrap: wrap;
	font-size: .875em;
	padding: .5em 2em 1em 1.25em;
}
	@media screen and (max-width: 1280px) {
		.oshirase{
			width: calc(100% - 300px - 10%);
		}
		.sns{
			width: 300px;
		}
	}
	@media screen and (max-width: 979px) {
		.rss-flex .tit{
			margin-top: .75em;
		}
		.oshirase{
			width: 100%;
			margin-left: 0;
			padding: .5em 5.5% .75em;
		}
		.sns{
			width: 100%;
			padding: .5em 4%;
			margin-bottom: 1px;
		}
		.rss-flex li{
			padding: .75em 0;
		}

	}
	@media screen and (max-width: 666px) {
		.oshirase{
			padding-top: .5em;
		}
		.sns{
			padding: .25em 1em;
		}
	}

.oshirase .tit{
	width: 6.5em;
}
ul.entry{
	width: calc(100% - 6.5em);
	padding-right: 2em;
}
ul.entry li{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
ul.entry .em{
	color: #942530;
	font-weight: 500;
	margin-right: 1em;
}
	@media screen and (max-width: 666px) {
		.oshirase .tit{
			width: 100%;
			font-size: 14.5px;
		}
		ul.entry{
			width: 100%;
			padding-right: 0;
		}
		ul.entry li{
			display: flex;
			flex-wrap: wrap;
			overflow: auto;
			white-space: normal;
			text-overflow: clip;
		}
		ul.entry li span{
			width: 5em;
		}
		ul.entry li a{
			display: block;
			width: calc(100% - 5em - 1em);
		}

	}

.sns .tit{
	width: 5em;
}
.sns ul{
	width: calc(100% - 5em);
}
	@media screen and (max-width: 979px) {
		.sns .tit{
			display: none;
		}
		.sns ul{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
		}
		.sns ul li{
			width: 33.333%;
			border-bottom: none;
			text-align: center;
		}
	}
.sns a{
	display: inline-block;
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: .5em;
	font-family: "M PLUS 1p", sans-serif;
	padding: .1em 0 .1em 2.25em;;
}
	@media screen and (max-width: 666px) {
		.sns a{
			padding-left: 0;
			padding-top: 25px;
			background-size: 22px auto;
			background-position: center top;
		}
	}
	@media screen and (max-width: 400px) {
		.sns a{
			font-size: 11px;
		}
	}
.sns a.icon-shitsuke{
	background-image: url(../images/index/icon-shitsuke.png) ;
}
.sns a.icon-trimmer{
	background-image: url(../images/index/icon-trimmer.png) ;
}
.sns a.icon-shorei{
	background-image: url(../images/index/icon-shorei.png) ;
}
.sns a.icon-instagram{
	background-image: url(../images/index/icon-instagram.png) ;
}

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

　shinryo/jyunkan

============================*/
.shinryo-jyunkan {
	display:-webkit-box;
	display:flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.wrap--shinryo{
	background: #dce4e9;
}
.wrap--jyunkan{
	background: #d8cfd0;
	margin-top: 1.25em;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.shinryo-jyunkan .thumbnail{
	width: 44%;
	position: relative;
}
.wrap--shinryo .thumbnail{
	aspect-ratio: 4 / 3;
}
.wrap--jyunkan .thumbnail{
	aspect-ratio: 400 / 325;
}
.shinryo-jyunkan .pagelink-btn{
	width: calc(100% - 44%);
}
.pagelink-inner{
	width: 77%;
	margin:  auto;
}
.pagelink-midashi{
	font-size: 2.25em;
	line-height: 1.3;
	letter-spacing: 3px;
}
.wrap--shinryo .pagelink-midashi a:hover{
	color: #1d538f;
}
.wrap--jyunkan .pagelink-midashi a:hover{
	color: #94253f;
}

	@media screen and (max-width: 1200px) {
		.wrap--shinryo .thumbnail{
			aspect-ratio: 400 / 330;
		}
		.wrap--jyunkan .thumbnail{
			aspect-ratio: 400 / 340;
		}
		.pagelink-inner{
			width: 88%;
		}
		.pagelink-midashi{
			font-size: 1.75em;
		}
		.link-arw-large{
			padding-right: 3.5rem;
		}
		.link-arw-large:after{
			width: 2.75rem;
			height: 2.75rem;
			line-height: 2.75rem;
		}
	}
	@media screen and (max-width: 767px) {
		.shinryo-jyunkan .thumbnail,
		.shinryo-jyunkan .pagelink-btn{
			width: 100%;
		}
		.shinryo-jyunkan .thumbnail{
			aspect-ratio: 300 / 175;
			overflow: hidden;
		}
		.pagelink-inner{
			width: 92%;
			padding: 2.5em 0 3em;
		}
	}


/* リンクボタン一覧 */
ul.pagelink {
	display:-webkit-box;
	display:flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-top: 1em;
}
ul.pagelink li{
	width: 49%;
	margin-top: 1em;
}
ul.pagelink li a{
	display: block;
	padding: 1em 0;
	font-size: 1.0625em;
	font-weight: 500;
	text-align: center;
	border-radius: 10em;
	-moz-border-radius: 10em;
	-webkit-border-radius: 10em;
}
ul.pagelink li a:hover{
	background-color: #f2f0f5;
}
	@media screen and (max-width: 1200px) {
		ul.pagelink li a{
			font-size: 1em;
			padding: .75em 0;
		}
	}

/*　診療 */
.wrap--shinryo img.thumb-posi{
	width: 48%;
	position: absolute;
	bottom: 0;
	left: 6%;
}
.wrap--shinryo img.copy-posi{
	width: 28%;
	position: absolute;
	top: 3em;
	right: 5%;
}
	@media screen and (max-width: 979px) {
		.wrap--shinryo img.copy-posi{
			top: 2em;
		}
	}
	@media screen and (max-width: 767px) {
		.wrap--shinryo img.copy-posi{
			width: 25%;
		}
	}

.wrap--shinryo li a{
	color: #1d538f;
	background: #fff;
	border: 1px solid #1d538f;
}
.wrap--shinryo li:nth-child(1) a,
.wrap--shinryo li:nth-child(2) a{
	color: #fff;
	background-color: #1d538f;
	background-position: 1.25em center;
	background-repeat: no-repeat;
	background-size: .9em auto;
}
.wrap--shinryo li:nth-child(1) a{
	background-image: url(../images/common/icon-first-white.png) ;
}
.wrap--shinryo li:nth-child(2) a{
	background-image: url(../images/common/icon-yoyaku-white.png) ;
}
.wrap--shinryo li:nth-child(1) a:hover,
.wrap--shinryo li:nth-child(2) a:hover{
	background-color: #013e81;
}
	@media screen and (max-width: 979px) {
		.wrap--shinryo li:nth-child(1) a,
		.wrap--shinryo li:nth-child(2) a{
			background-position: .75em center;
			background-size: .75em auto;
		}

	}

/* 循環器科 */
.wrap--jyunkan img.thumb-posi{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.wrap--jyunkan img.copy-posi{
	width: 18%;
	position: absolute;
	top: 3em;
	right: 7%;
}
.wrap--jyunkan li a{
	color: #942530;
	background: #fff;
	border: 1px solid #942530;
}
.jyunkan-hospital{
	position: relative;
	font-weight: 500;
	font-family: 'Zen Maru Gothic', serif;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 3px;
	margin-bottom: 2.5em;
}
.jyunkan-hospital:before{
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	top: 0;
	left: 0;
	border: 1px solid #942530;
	border-bottom: 0;
	border-right: 0;
	content: "";
}
.jyunkan-hospital:after{
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	bottom: 0;
	right: 0;
	border: 1px solid #942530;
	border-top: 0;
	border-left: 0;
	content: "";
}
.jyunkan-hospital .hospital{
	font-size: 2em;
	color: #942530;
}
	@media screen and (max-width: 1200px) {
		.jyunkan-hospital .hospital{
			font-size: 1.75em;
		}
	}
	@media screen and (max-width: 979px) {
		.wrap--jyunkan img.copy-posi{
			top: 2em;
		}
		.jyunkan-hospital{
			margin-bottom: 1.75em;
		}
		.jyunkan-hospital .hospital{
			font-size: 22px;
		}
		.jyunkan-hospital .neme{
			font-size: 12px;
		}

	}
	@media screen and (max-width: 767px) {
		.wrap--jyunkan img.copy-posi{
			width: 17%;
		}
		.jyunkan-hospital{
			letter-spacing: 2px;
		}
		.jyunkan-hospital .hospital{
			font-size: 20px;
		}
	}

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

　information

============================*/
.information{
	padding: 2.5em 0;
	text-align: center;
	background: linear-gradient(180deg, #fff 0%, #fff 50%, #f5eee0 50%, #f5eee0 100%);
}
.tit-information{
	font-size: 2.25em;
	font-family: 'Zen Maru Gothic', serif;
	font-weight: bold;
	color: #6e301d;
}

.item-information{
	padding-bottom: 0;
	margin: 0 auto;
}
.item-information img{
	-webkit-border-radius: .5em;
	border-radius: .5em;
	-moz-border-radius: .5em;
	box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, .2);
	-webkit-transition: .5s all;
	transition: .5s all;
}
.item-information a:hover img{
	transform: scale(1.05);
}

/* slider */
.slider-info .item-information{
	max-width: 1200px;
}
.slider-info .item-information a,
.slider-info .item-information span{
	display: block;
	margin: 1.5em 2em;
}
	@media screen and (max-width: 1000px) {
		.slider-info .item-information a,
		.slider-info .item-information span{
			margin: 1em 1.25em 2em;
		}
	}

/* flex */
.flex-info .item-information{
	max-width: 800px;
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex-info .item-information a,
.flex-info .item-information span{
	width: calc(50% - 3em);
	margin: 1.5em;
}
	@media screen and (max-width: 770px) {
		.flex-info .item-information{
			width: 95%;
		}
		.flex-info .item-information a,
		.flex-info .item-information span{
			width: calc(50% - 1em);
			margin: 1.5em .5em;
		}
	}



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

　grooming/training

============================*/
.grooming-training-bg{
	position: relative;
	padding: 2.5em 0;
	background: linear-gradient(180deg, #f5eee0 0%, #f5eee0 75%, #fff 100%);
}
.grooming-training-bg:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
	background: url(../images/common/bg-stripe-cha.png) repeat left top;
	background-size: 6px auto;
	content: "";
}
.grooming-training{
	width: 94%;
	margin: 0 auto;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
/* 各アイテム */
.grooming-training .item{
	width: 50%;
	line-height: 0;
}
.grooming-training .item a{
	display: block;
	position: relative;
}
.grooming-training .grooming{
	background: #d76471;
	position: relative;
}
.grooming-training .training{
	background: #cd9733;
	position: relative;
	margin-top: 4em;
}
.grooming-training .thumb{
	width: 55.5%;
	overflow: hidden;
}
.grooming-training a .thumb img{
	-webkit-transition: .3s all;
	transition: .3s all;
}
.grooming-training a:hover .thumb img{
	transform:scale(1.1)
}
.grooming-training .txt{
	width: 48%;
	height: auto;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translate(0,-50%);
	padding: 1.25em .5em 1.5em 1em;
	background: #fff;
	border: 1px solid;
	line-height: 1.5;
}
.grooming-training .pagelink-midashi{
	letter-spacing: -2px;
	font-size: 2em;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: .375em;
}
.grooming-training .break{
	display: block;
}

	@media screen and (max-width: 1200px) {
		.grooming-training .pagelink-midashi{
			font-size: 1.75em;
		}
		.grooming-training .txt{
			padding-top: 1em;
			padding-bottom: 1em;
			font-size: 15px;
		}
	}
	@media screen and (max-width: 1100px) {
		.grooming-training{
			padding: 0 8%;
		}
		.grooming-training a{
			padding-bottom: 1.5em;
		}
		.grooming-training .thumb{
			width: 100%;
		}
		.grooming .thumb{
			background: #edbabf;
		}
		.training .thumb{
			background: #fff;
		}
		.grooming-training .thumb img{
			object-fit: cover;
			width: 100%;
			height: 210px;
			display: block;
			width: 85%;
			margin: 0 auto;
		}
		.grooming-training .txt{
			width: 86%;
			height: auto;
			position: relative;
			top: auto;
			right: auto;
			transform: none;
			margin: -1em auto 0;
		}
	}
	@media screen and (max-width: 969px) {
		.grooming-training{
			padding: 0 5%;
		}
	}
	@media screen and (max-width: 767px) {
		.grooming-training-bg{
			padding-bottom: 4em;
		}
		.grooming-training .training{
			margin-top: 2em;
		}
		.grooming-training .item{
			width: 100%;
		}
		.grooming-training .thumb img{
			object-fit: contain;
			height: 230px;
			aspect-ratio: 16 / 9;
		}
		.grooming-training .txt{
			font-size: 13px;
			padding: 1.5em 1em 2em;
		}
	}

/*copy*/
.grooming-training .item a img.copy-position{
	position: absolute;
	width: auto;
}
.grooming img.copy-position {
	bottom: -2em;
	left: -2em;
	transform: rotate(10deg);
	height: 49px;
}
.training img.copy-position {
	top: -1em;
	right: -1.25em;
	transform: rotate(10deg);
	height: 44px;
}
	@media screen and (max-width: 767px) {
		.grooming img.copy-position{
			bottom: auto;
			left: auto;
			top: 0;
			right: -1em;
			height: 36px;
		}
		.training img.copy-position{
			right: auto;
			left: -1em;
			transform: rotate(-10deg);
			height: 36px;
		}
	}


/*icon*/
.grooming-training .icon-position{
	position: relative;
}
.grooming-training .icon-position img{
	position: absolute;
	width: 58px;
	height: auto;
}
.grooming-training .icon-position img{
	bottom: -3.25em;
	right: -.5em;
	-webkit-transition: .2s all;
	transition: .2s all;
}
.grooming-training a:hover .icon-position img{
	transform: rotate(15deg);
}
	@media screen and (max-width: 1200px) {
		.grooming-training .icon-position img{
			bottom: -2.5em;
			right: -1.5em;
		}
		.grooming-training .icon-position img{
			width: 50px;
		}
	}



.grooming .txt{
	border-color: #d76471;
	color: #d76471;
}
.training .txt{
	border-color: #cd9733;
	color: #cd9733;
}


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

　CLINIC

============================*/
.about-clinic-bg{
	background: url(../images/index/bg-hospital.jpg) no-repeat center bottom;
	background-size: cover;
	color: #443424;
}
.about-clinic{
	width: 87%;
	margin: 0 auto;
	padding: 6em 0 5em;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.about-clinic .item-title{
	font-size: 2em;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 3px;
}
.item-cliniclink{
	width: 48%;
	margin-left: auto;
	font-family: 'Zen Maru Gothic', serif;
}
.item-cliniclink ul{
	width: 100%;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.item-cliniclink ul li{
	width: calc(100% / 3);
}

.item-cliniclink ul li a{
	display: block;
	padding: 1em;
	margin: .5em;
	font-weight: 500;
	color: #443424;
	border-bottom: 1px solid;
	position: relative;
}
.item-cliniclink ul li a:after{
	position: absolute;
	right: 1em;
	top: 1em;
	font-weight: 300;
	content: "→";
	font-family: "M PLUS 1p", sans-serif;
	-webkit-transition: .3s right;
	transition: .3s right;
}
.item-cliniclink ul li a:hover:after{
	right: 0;
}
	@media screen and (max-width: 1200px) {
		.item-cliniclink{
			width: 65%;
			display: block;
		}
	}
	@media screen and (max-width: 767px) {
		.about-clinic{
			padding: 4em 0 2em;
		}
		.item-cliniclink{
			width: 100%;
			margin: 0 auto;
		}
		.item-cliniclink ul li{
			width: calc(100% / 2);
		}
		.item-cliniclink ul li a{
			margin: 0;
		}
	}
/*============================

 RECRUIT

============================*/
.recruit{
	padding-bottom: 4em;
}
a.item-recruit{
	position: relative;
	color: #1d538f;
	border: 3px solid #1d538f;
	width: 87%;
	margin: 0 auto;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
a.item-recruit:hover{
	background: #f2f0f5;
}
.thumb-recruit{
	width: 30%;
}
.thumb-recruit img{
	margin-top: -1em;
}
.recruit .item-title{
	width: 70%;
	padding-left: 7%;
	padding-right: 2%;
	line-height: 1.0;
}
.recruit .item-title div{
	width: 100%;
	font-size: 4.25vw;
	font-weight: 600;
	font-family: 'Zen Maru Gothic', serif;
}
.recruit .item-title span{
	font-size: 1.375vw;
	letter-spacing: 3px;
	padding-left: 5%;
}
	@media screen and (max-width: 1200px) {
		.recruit .item-title{
			padding-left: 5%;
		}
		.recruit .item-title span{
			padding-left: 3%;
			letter-spacing: 2px;
		}
	}
	@media screen and (max-width: 979px) {
		.recruit .item-title{
			padding-left: 3%;
		}
		.recruit .item-title span{
			padding-left: 0;
			letter-spacing: 0;
		}
	}
	@media screen and (max-width: 767px) {
		a.item-recruit{
			display: block;
		}
		.thumb-recruit{
			margin: 0 auto;
			width: 80%;
		}
		.thumb-recruit img{
			margin-top: -2em;
		}
		.recruit .item-title{
			padding: 1.75em;
			width: 100%;
		}
		.recruit .item-title div{
			font-size: 3rem;
		}
		.recruit .item-title span{
			font-size: 1rem;
			display: block;
			margin: 1em 0 1.5em;
		}
	}

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

　矢印リンク

============================*/
.link-arw-large{
	position: relative;
	display: inline-block;
	padding-right: calc(60px + 1.5rem);
}
.link-arw-large:after{
	position: absolute;
	right: 0;
	top: -10px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 1.25rem;
	font-weight: 300;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	content: "→";
	font-family: "M PLUS 1p", sans-serif;
	-webkit-transition: .5s all;
	transition: .5s all;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .2);
}
.link-arw-large:hover:after{
	right: -.75em;
}
/* recruit */
a.item-recruit:hover .link-arw-large:after{
	right: -.75em;
}
	@media screen and (max-width: 980px) {
		.link-arw-large{
			padding-right: calc(44px + 1rem);
		}
		.link-arw-large:after{
			top: -6px;
			width: 44px;
			height: 44px;
			line-height: 44px;
		}
	}
.link-arw-medium{
	position: relative;
	display: inline-block;
	padding-right: calc(32px + 1rem);
}
.link-arw-medium:after{
	position: absolute;
	right: 0;
	bottom: 4px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	font-size: 1rem;
	font-weight: 300;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	content: "→";
	font-family: "M PLUS 1p", sans-serif;
	-webkit-transition: .3s right;
	transition: .3s right;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .2);
}
	@media screen and (max-width: 980px) {
		.link-arw-medium:after{
			bottom: 0;
		}
	}
/* trimming/training */
a.grooming:hover .link-arw-medium:after,
a.training:hover .link-arw-medium:after{
	right: -.75em;
}

/* color */
.arw-color-ao:after{
	background: #1d538f;
}
.arw-color-aka:after{
	background: #94253f;
}
.arw-color-pink:after{
	background: #d76471;
}
.arw-color-gold:after{
	background: #cd9733;
}