@charset "UTF-8";
/*
++++++++++++++++++++++++++++++++++
slider
++++++++++++++++++++++++++++++++++
*/
#slider-all{
	position: relative;
}
#slider-all .logo-eng{
	position: absolute;
	top: 7%;
	left: 2%;
	width: 235px;
	z-index: 10;
}
/* キャンペーン */
#slider-all .btn-campaign{
	position: absolute;
	bottom: 2em;
	right: 0;
	z-index: 10;
	color: #fff;
	width: 200px;
}
#slider-all .btn-campaign img{
	border-radius: .5em 0 0 .5em;
	-moz-border-radius: .5em 0 0 .5em;
	-webkit-border-radius: .5em 0 0 .5em;
}
#slider-all .btn-campaign a img{
	display: block;
	padding: 0;
	margin: 0;
	margin-top: .25em;
	line-height: 0;
	transition: filter .5s;
}
#slider-all .btn-campaign a img:hover{
	filter: brightness(.8);
}
	@media screen and (max-width:1112px) {
		#slider-all .logo-eng{
			display: none;
		}
		#slider-all .btn-campaign{
			width: 160px;
		}
	}
	@media only screen and (max-width:760px) and (orientation:landscape) {
		#slider-all .btn-campaign{
			width: 140px;
		}
	}
	@media only screen and (max-width:760px) and (orientation:portrait) {
		#slider-all .btn-campaign{
			position: relative;
			bottom: auto;
			right: auto;
			margin-top: -1px;
			width: 100%;
			display: flex;
		}
		#slider-all .btn-campaign img{
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		#slider-all .btn-campaign a img{
			margin-top: 0;
		}
	
		/* キャンペーン２個ある場合 */
		#slider-all .double a{
			width: 50%;
		}
		/* キャンペーン１個の場合 */
		#slider-all .single a{
			width: 55%;
			margin: 0 auto;
			border-right: 1px dotted rgba(255,255,255,.3);
			border-left: 1px dotted rgba(255,255,255,.3);
		}
		#slider-all .bg-orange{
			background: #df7503;
		}
		#slider-all .bg-midori{
			background: #4b7a3c;
		}
	}


#slider{
	width: 100%;
	height: 700px; /* #slider .bg-circle:after .slider img 3箇所*/
	margin: 0 auto;
	overflow: hidden;
}
.slider {
	text-align: center;
	line-height: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.bg-circle{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	pointer-events: none
}
.bg-circle:after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 700px; /* #slider .bg-circle:after .slider img 3箇所*/
	content: "";
	background-size: 1200px auto;
	background-position: center;
	background-repeat: no-repeat;
}
.slider a{
	display: inline-block;
}
.slider img{
	width: auto;
	height: 700px; /* #slider .bg-circle:after .slider img 3箇所*/
	display: inline-block;
	margin: 0 auto;
	position: relative;
	transition: filter 0.5s;
}
.slider a:hover img{
	filter: contrast(120%);
}
	@media screen and (max-width:1112px) {
		#slider{
			height: 580px;
		}
		.bg-circle:after{
			height: 580px;
			background-size: 1000px auto;
		}
		.slider img{
			height: 580px;
		}
	}
	@media only screen and (max-width:760px) and (orientation:landscape) {
		#slider{
			height: 410px;
		}
		.bg-circle:after{
			height: 410px;
			background-size: auto 100%;
		}
		.slider img{
			height: 410px;
		}
	}
	@media only screen and (max-width:760px) and (orientation:portrait) {
		#slider{
			height: auto;
		}
		.bg-circle:after{
			height: 0;
			width: 100%;
			padding-top: 123%;
			background-size:  auto 100%;
		}
		.slider img{
			width: 100%;
			height: auto;
		}
	}

/*各スライド設定 --------------------------------------------*/

/*丸玉背景 --------------------*/
.slider-01 .bg-circle:after{
	background-image: url("../images/index/slide-circle-01.png");
}
.slider-02 .bg-circle:after{
	background-image: url("../images/index/slide-circle-02.png");
}
.slider-03 .bg-circle:after{
	background-image: url("../images/index/slide-circle-03.png");
}

/* 背景画像 --------------------*/
.slider-01{
	background-image: url("../images/index/slide-bg01.jpg");
}
.slider-02{
	background-image: url("../images/index/slide-bg02.jpg");
}
.slider-03{
	background-image: url("../images/index/slide-bg03.jpg");
}

/*
++++++++++++++++++++++++++++++++++
index フォント
++++++++++++++++++++++++++++++++++
*/
.pagename{
	font-size: 1.625em;
}
.pagename-small{
	font-size: 1.5em;
}
.white{
	color: #fff;
}
.big{
	font-size: 1.0625em;
}

.eng{
	font-family: 'Roboto', sans-serif;
}

	@media screen and (max-width:567px) {
		.pagename{
			font-size: 1.42857em;
		}
		.pagename-small{
			font-size: 1.2857em;
		}
	}

/*
++++++++++++++++++++++++++++++++++
リンク
++++++++++++++++++++++++++++++++++
*/
a.link-btn{
	display: inline-block;
	background: #9fb61b;
	font-weight: 500;
	color: #fff;
	border-radius: 2.5em;
	-moz-border-radius: 2.5em;
	-webkit-border-radius: 2.5em;
	padding: .75em 0;
	position: relative;
	max-width: 90%;
	width: 265px;
	text-align: center;
}
a.link-btn:before{
	position: absolute;
	content: "";
	top: calc(50% - 5px);
	right: 1em;
	width: 6px;
	height: 6px;
	border: 2px solid;
	border-color: transparent transparent #FFF #FFF;
	transform: rotate(-135deg);
	transition: .3s;
}
a.link-btn:hover:before{
	right: .5em;
}
.link-btn-white{
	display: inline-block;
	border:1px solid #fff;
	font-weight: 500;
	color: #fff;
	border-radius: 2.5em;
	-moz-border-radius: 2.5em;
	-webkit-border-radius: 2.5em;
	padding: .375em 0;
	position: relative;
	max-width: 90%;
	width: 150px;
	text-align: center;
}
.link-btn-white:before{
	position: absolute;
	content: "";
	top: calc(50% - 5px);
	right: 1em;
	width: 6px;
	height: 6px;
	border: 2px solid;
	border-color: transparent transparent #FFF #FFF;
	transform: rotate(-135deg);
	transition: .3s;
}
.link-btn-white:hover:before{
	right: .5em;
}
.link-btn-green{
	display: inline-block;
	border:1px solid #508135;
	font-weight: 500;
	color: #508135;
	border-radius: 2.5em;
	-moz-border-radius: 2.5em;
	-webkit-border-radius: 2.5em;
	padding: .375em 0;
	position: relative;
	max-width: 90%;
	width: 150px;
	text-align: center;
}
.link-btn-green:before{
	position: absolute;
	content: "";
	top: calc(50% - 5px);
	right: 1em;
	width: 6px;
	height: 6px;
	border: 2px solid;
	border-color: transparent transparent #508135 #508135;
	transform: rotate(-135deg);
	transition: .3s;
}
.link-btn-green:hover:before{
	right: .5em;
}

	@media screen and (max-width:567px) {
		.link-btn-mini{
			padding: .375em 0;
			width: 120px;
		}
	}

/*
++++++++++++++++++++++++++++++++++
診療のご案内
++++++++++++++++++++++++++++++++++
*/
.shinryo-all{
	background: #9fb61b;
	overflow: hidden;
}
.shinryo-inner{
	width: 94%;
	max-width: 1366px;
	margin: 0 auto;
	padding: 2.75em 0 3em;
	position: relative;
}
.shinryo-flexbox{
	margin-top: .75em;
}
.shinryo-flexbox .item-clm2{
	width: 48.5%;
	position: relative;
	z-index: 1;
}
.shinryo-flexbox .bgbox-white{
	background: #fff;
	padding: 2em 1.75em 1.5em 1.75em;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	text-align: center;
}
.shinryo-flexbox .bgbox-white .shinryo-copy{
	font-size: 1.375em;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: .5em;
}
	@media screen and (max-width:760px) {
		.shinryo-inner{
			padding-top: 2em;
			padding-bottom: 9em;
		}
		.shinryo-inner .pagename{
			text-align: center;
		}
		.shinryo-flexbox .item-clm2{
			width: 100%;
		}
		.shinryo-flexbox .item-clm2:nth-child(even){
			margin-top: 1.5em;
		}
		.shinryo-flexbox .bgbox-white{
			padding: 2em 1.25em 1.25em 1.25em;
		}

	}
	@media screen and (max-width:500px) {
		.shinryo-inner{
			padding-bottom: 6em;
		}
	}
	@media screen and (max-width:374px) {
		.shinryo-flexbox .bgbox-white{
			padding: 1.75em 1em 1em 1em;
			
		}
	}

.shinryo-flexbox a.link-btn{
	margin-top: 1.125em;
	font-size: 1.0625em;
}
.shinryo-flexbox .stretch{
	margin-top: 2em;
}
/* 左リンクメニュー */
.shinryo-flexbox a.item-clm3{
	display: block;
	width: 31.5%;
	color: #726f60;
	font-size: .9375em;
	font-weight: bold;
	text-align: center;
	background: #e0e0e0;
	padding: 1.25em 0;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	transition: .3s;
}
.shinryo-flexbox a.item-clm3:hover{
	background: #efefef;
}
.shinryo-flexbox .item-clm3 img{
	display: block;
	width: 36px;
	height: auto;
	margin: 0 auto .5em;
}
.shinryo-flexbox ul.shinryo-link li{
	width: 48%;
	margin-bottom: 1.25em;
}
.shinryo-flexbox ul.shinryo-link li a{
	display: block;
	font-size: 1.125em;
	font-weight: 500;
	line-height: 1.4;
	padding: 1.125em 0 1.125em 1em;
	background: #fff;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	transition: .3s;
}
.shinryo-flexbox ul.shinryo-link li a:hover{
	background: #e0e0e0;
}
.shinryo-flexbox ul.shinryo-link li a span{
	background: url("../images/common/icon-arw-green.png")no-repeat left center;
	background-size: auto 1em;
	padding-left: 1.75em;
	transition: .3s;
}
.shinryo-flexbox ul.shinryo-link li a:hover span{
	background-position: .5em center;
}

.shinryo-all .position-illust img{
	position: absolute;
	bottom: 0;
	right: -2em;
	max-width: 400px;
	width: 45%;
	height: auto;
	z-index: 0;
}
	@media screen and (max-width:666px) {
		.shinryo-all .position-illust img{
			width: 65%;
		}
	}

/*
	@media screen and (max-width:1024px) {
		.shinryo-all .position-illust img{
			width: 390px;
		}
	}
	@media screen and (max-width:760px) {
		.shinryo-flexbox ul.shinryo-link li{
			margin-bottom: 1em;
		}
		.shinryo-all .position-illust img{
			width: 46%;
			right: -1em;
			
		}
	}
	@media screen and (max-width:666px) {
		.shinryo-all .position-illust img{
			width: 53%;
			bottom: -2.6em;
			
		
		}
	}
/*
++++++++++++++++++++++++++++++++++
cfc
++++++++++++++++++++++++++++++++++
*/

#cfc{
	text-align: center;
	line-height: 1.4;
}
/*グラデーションのライン
#cfc{
	border-bottom: 1px solid #eeeeee;
	box-shadow: 0 10px 10px 0  rgba(222,222,222,.3);
	text-align: center;
	line-height: 1.4;
}
*/

#cfc a{
	display: block;
	background-size: 1.125em auto;
	transition: .3s;
	color: #df7503;
	padding: 1em;
	width: 95%;
	margin: 0 auto;
}
#cfc div.icon{
	display: inline-block;
	background: url("../images/index/icon-cfc.jpg")no-repeat left center;
	background-size: auto 100%;
	padding-left: 2em;
	padding-top: .25em;
	padding-bottom: .25em;
}
#cfc div.arw{
	display: inline-block;
	background: url("../images/common/icon-arw-orange.png")no-repeat calc(100% - .5em) center;
	background-size: auto 1.25em;
	padding-right: 2.75em;
	transition: .5s all;
}
#cfc div.arw:hover{
	background-position: right center;
}

	@media screen and (max-width:760px) {
		#cfc{
			font-size:.92857em;
		}
		#cfc div.icon{
			padding-top: 0;
			padding-bottom: 0;
		}
	}
	@media screen and (max-width:413px) {
		#cfc a{
			width: 97%;
			letter-spacing: -.5px;
		}
		#cfc div.icon{
			background-size: auto 85%;
		}
	}
	@media screen and (max-width:350px) {
		#cfc a{
			letter-spacing: -1.5px;
		}
		#cfc div.icon{
			background-size: auto 75%;
		}
		#cfc div.arw{
			padding-right: 2em;
		}
	}
/*
++++++++++++++++++++++++++++++++++
donor
++++++++++++++++++++++++++++++++++
*/
#donor{
	border-bottom: 1px solid #eeeeee;
	box-shadow: 0 10px 10px 0  rgba(222,222,222,.3);
	text-align: center;
	line-height: 1.4;
	
}
#donor a{
	display: block;
	background-size: 1.125em auto;
	transition: .3s;
	color: #df7503;
	padding: 0 1em 1em 1em;
	width: 95%;
	margin: 0 auto;
}
#donor div.icon{
	display: inline-block;
	background: url("../images/index/icon-donor.png")no-repeat left center;
	background-size: auto 100%;
	padding-left: 2em;
	padding-top: .25em;
	padding-bottom: .25em;
}
#donor div.arw{
	display: inline-block;
	background: url("../images/common/icon-arw-orange.png")no-repeat calc(100% - .5em) center;
	background-size: auto 1.25em;
	padding-right: 2.75em;
	transition: .5s all;
}
#donor div.arw:hover{
	background-position: right center;
}

	@media screen and (max-width:760px) {
		#donor{
			font-size:.92857em;
		}
		#cfc div.icon{
			padding-top: 0;
			padding-bottom: 0;
		}
	}
	@media screen and (max-width:413px) {
		#donor a{
			width: 97%;
			letter-spacing: -.5px;
		}
		#donor div.icon{
			background-size: auto 85%;
		}
	}
	@media screen and (max-width:350px) {
		#donor a{
			letter-spacing: -1.5px;
		}
		#donor div.icon{
			background-size: auto 75%;
		}
		#donor div.arw{
			padding-right: 2em;
		}
	}


/*
++++++++++++++++++++++++++++++++++
おしらせ
++++++++++++++++++++++++++++++++++
*/
#oshirase{
	width: 94%;
	max-width: 1366px;
	margin: 3em auto 0 auto;
}
.table-oshirase{
	width: 100%;
	display: table;
	table-layout: fixed;
}
.item-oshirase{
	display: table-cell;
	width: 71%;
	padding: 2em;
	background: #F0EAE1;
	border-radius: .5em 0 0 .5em;
	-moz-border-radius: .5em 0 0 .5em;
	-webkit-border-radius: .5em 0 0 .5em;
}
.item-sns{
	display: table-cell;
	width: 29%;
	padding: 1em 0;
	vertical-align: middle;
	background: #65ACBD;
	color: #fff;
	border-radius: 0 .5em.5em 0;
	-moz-border-radius: 0 .5em.5em 0;
	-webkit-border-radius: 0 .5em.5em 0;
	font-size: .875em;
	text-align: center;
}
	@media screen and (max-width:760px) {
		#oshirase{
			width: 100%;
			margin: 0 auto;
		}
		.table-oshirase{
			display: block;
		}
		.item-oshirase{
			display: block;
			width: 100%;
			padding: 2em 1.5em;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		.item-sns{
			display: block;
			width: 100%;
			padding: 1em 1.5em;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
	}

.flex-oshirase-entry{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	flex-wrap: wrap;
}
.item-title-link{
	width: 170px;
}
.item-entry{
	width: calc(100% - 170px);
}
.item-title-link a{
	color: #65ACBD;
	font-size: .875em;
}
	@media screen and (max-width:1124px) {
		.item-title-link{
			width: 140px;
		}
		.item-entry{
			width: calc(100% - 140px);
		}
	}
	@media screen and (max-width:980px) {
		.item-title-link{
			width: 100%;
		}
		.item-entry{
			width: 100%;
		}
		.item-title-link{
			position: relative;
		}
		.item-title-link a{
			position: absolute;
			right: 0;
			top: .5em;
		}
	}
	@media screen and (max-width:560px) {
		.item-oshirase{
			position: relative;
			padding-bottom: 5.5em;
		}
		.item-title-link{
			text-align: center;
			position: static;
		}
		.item-title-link a{
			position: absolute;
			right: auto;
			top: auto;
			bottom: 2em;
			left: 50%;
			margin-left: -4.75em;
			display: block;
			text-align: center;
			padding: .5em 1em;
			border:1px solid #65ACBD;
		}

	}

.item-entry li{
	margin-top: .5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.item-entry a{
	text-decoration: underline;
	padding-left: .5em;
}
.item-entry span{
	font-size: .875em;
}

.item-sns img{
	width: 50px;
	height: auto;
	margin: 0 5px;
}

	@media screen and (max-width:560px) {
		.item-entry li{
			overflow: auto;
			white-space: normal;
		}
		.item-entry a{
			display: block;
			padding-left: 0;
		}
		.item-sns img{
			width: 35px;
			height: auto;
		}
	}

.widget-instagram{
	width: 100%;
	margin-top: 1em;
}
.widget-instagram .eng{
	padding: 0 1.5rem;
}
	@media screen and (max-width:760px) {
		.widget-instagram{
			width:94%;
			margin: 0 auto;
			text-align: center;
		}
		.widget-instagram .eng{
			padding: 0;
			margin: 1em auto .5em;
		}
	}

	@media screen and (max-width:560px) {
		.widget-instagram .eng{
			text-align: center;
		}
	}


/*
++++++++++++++++++++++++++++++++++
当院について
++++++++++++++++++++++++++++++++++
*/
#about{
	width: 100%;
	margin: 2.5em auto;
	background: url("../images/index/bg-about.jpg") repeat-x top left;
	background-size: cover;
}
.flex-about{
	width: 91%;
	max-width: 1366px;
	margin: 0 auto;
	padding: 4em 0;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
	color: #fff;
}
.flex-about-title{
	width: 48%;
}
.flex-about-nav{
	width: 48%;
}
.flex-about-title img{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 190px;
}
	@media screen and (max-width:760px) {
		#about{
			margin-top: 2em;
		}
		.flex-about{
			width: 94%;
		}
		.flex-about-title{
			width: 100%;
			margin-bottom: 1em;
		}
		.flex-about-nav{
			width: 100%;
		}
		.flex-about-title img{
			bottom: auto;
			left: auto;
			right: 0;
			top: 2em;
			width: 6.5em;
		}
	}


.flex-about-nav li a{
	color: #fff;
	font-size: 1.125em;
	font-weight: 500;
	position: relative;
	display: block;
	padding: 1rem 1.25em;
	background: #df7503;
	margin-bottom: 1.125em;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
.flex-about-nav li a:before{
	position: absolute;
	top: 50%;
	right: 1em;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .2s;
}
.flex-about-nav li a:hover:before{
	right: .5em;
}
.flex-about-nav li:last-child a{
	margin-bottom: 0;
}
/*
++++++++++++++++++++++++++++++++++
その他 2カラムナビ
++++++++++++++++++++++++++++++++++
*/
#other-nav{
	width: 94%;
	max-width: 1366px;
	margin: 2.5em auto;
}
.flex-other-nav{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.flex-other-nav a{
	transition: all .2s;
}
.flex-other-nav a:hover{
	opacity: .8;
}
.flex-other-nav .item{
	width: 48%;
	border:2px solid #e5e5e5;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
	@media screen and (max-width:760px) {
		#other-nav{
			margin: 2em auto;
		}
		.flex-other-nav .item{
			width: 100%;
			margin-bottom: 1.25em;
		}
		.flex-other-nav .item:last-child{
			margin-bottom: 0;
		}

	}


.btn-ohter{
	width: 100%;
	display: table;
	table-layout: fixed;
}
.btn-ohter div{
	display: table-cell;
	vertical-align: middle;
	padding: 2em;
	font-size: 1.18em;
	font-weight: 500;
}
.btn-ohter .thumbnail{
	width: 15em;
	height: 9em;
	border-radius: 0 .25em .25em 0;
	-moz-border-radius: 0 .25em .25em 0;
	-webkit-border-radius: 0 .25em .25em 0;

}
	@media screen and (max-width:1024px) {
		.btn-ohter div{
			padding: 1.5em 0 1.5em 1.5em;
		}
		.btn-ohter .thumbnail{
			width: 9em;
		}
	}

	@media screen and (max-width:760px) {
		.btn-ohter .thumbnail{
			width: 8.5em;
			height: 5em;
		}
	}


.btn-trimming{
	background: url("../images/index/btn-trimming.jpg") no-repeat center;
	background-size: cover;
}
.btn-pethotel{
	background: url("../images/index/btn-pethotel.jpg") no-repeat center;
	background-size: cover;
}


/*
++++++++++++++++++++++++++++++++++
保護猫サロン
++++++++++++++++++++++++++++++++++
*/

.wrap-video{
	position:relative;
	width: 94%;
	max-width: 1366px;
	margin: 2.5em auto;
	line-height: 0;
	position: relative;
}
.wrap-video video{
	width: 100%;
	height:100%;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	overflow: hidden;
}
.video-body{
	line-height: 1.6;
	font-size: 1.0625em;
	color: #9fb61b;
}
.video-body .pagename{
	color:#fff;
}
.wrap-video .text-position{
	position: absolute;
	top: calc(50% - 3.5em);
	left: 3.5em;
}

	@media screen and (max-width:760px) {
		.wrap-video{
			width: 100%;
			margin-bottom: 0;
		}
		.wrap-video video{
			height: 285px;
			-o-object-fit: cover;
			object-fit: cover;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		.wrap-video .text-position{
			width: 100%;
			left: auto;
			text-align: center;
			padding: 0 1em;
		}
	}

/*
++++++++++++++++++++++++++++++++++
Q & A
++++++++++++++++++++++++++++++++++
*/
#btn-qanda{
	width: 100%;
	margin: 3em auto;
}
#btn-qanda a{
	display: block;
	background: #eff8f5 url("../images/index/bg-qanda.png") center;
	background-size: cover;
	padding: 6.25em 2em;
	position: relative;
	text-align: center;
	font-size: 1.0625em;
	transition: all .2s;
}
	@media screen and (max-width:760px) {
		#btn-qanda{
			margin-top: 1em;
		}
		#btn-qanda a{
			padding: 5.25em 0;
		}
		#btn-qanda a .pagename{
			display: block;
		}
	}

/*
++++++++++++++++++++++++++++++++++
recruit
++++++++++++++++++++++++++++++++++
*/
#btn-recruit{
	width: 94%;
	max-width: 1366px;
	margin: 0 auto;
}
#btn-recruit a{
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	display: block;
	background: #65acbd;
	color: #fff;
	padding: 1.25em 1em;
	position: relative;
	text-align: center;
}
#btn-recruit a:before{
	position: absolute;
	top: 50%;
	right: 1.25em;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .2s;
}
#btn-recruit a:hover:before{
	right: .75em;
}
#btn-recruit a .mark{
	font-size: .875em;
	padding-left: 2.5em;
	display: inline-block;
	background: url("../images/common/icon-logomark.png") no-repeat left center;
	background-size: auto 1.25em;
}
#btn-recruit a .em{
	display: block;
	font-size: 1.125em;
}
	@media screen and (max-width:450px) {
		#btn-recruit a .em{
			padding-left: 0;
			display: block;
		}
	}

/*
++++++++++++++++++++++++++++++++++
スタッフ募集
++++++++++++++++++++++++++++++++++
*/
#btn-boshu{
	width: 94%;
	max-width: 1366px;
	margin: 1em auto;
}
#btn-boshu a{
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	display: block;
	background: #9fb61b;
	color: #fff;
	padding: 1.25em 1em;
	position: relative;
	text-align: center;
}
#btn-boshu a:before{
	position: absolute;
	top: 50%;
	right: 1.25em;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .2s;
}
#btn-boshu a:hover:before{
	right: .75em;
}
#btn-boshu a .mark{
	font-size: .875em;
	
	display: inline-block;
	
	
}
#btn-boshu a .em{
	display: block;
	font-size: 1.125em;
}
	@media screen and (max-width:450px) {
		#btn-boshu a .em{
			padding-left: 0;
			display: block;
		}
	}