/*-----------------------
SVG 
-----------------------*/

.vert-top{
	vertical-align:top;
	position: relative;
	top: -1px;
}
.vert-bottom{
	vertical-align:bottom;
	position: relative;
	bottom: -1px;
}
.svg-mask-top{
	position: absolute;
	top: -1px;
	left: 0;
}
.svg-mask-bottom{
	position: absolute;
	bottom: -1px;
	left: 0;
}
.beige{
	fill: #f2efe1;
}
.lightbeige{
	fill: #f8f6ee;
}
.white{
	fill: #fff;
}

/*-----------------------
アコーディオン 基本
-----------------------*/
details.acd {
	margin: 1.25em 0 2em;
}
	@media screen and (max-width:860px) {
		details.acd {
			margin: .5em 0 1em;
		}
	}

.acd-tit {
	display: block;
	list-style: none;
	cursor: pointer;
	position: relative;
	line-height: 1.5;
	border-radius: 2.25em;
}
	.acd-guide .acd-tit{
		background: #745e46;
		color: #fff;
		font-size: 1.25em;
		padding: 1.25em 2em 1.25em;
	}
	.acd-profile .acd-tit{
		background: #eae2d7;
		color: #745e46;
		padding: 1em 2em 1.25em;
		margin-top: 1.25em;
	}
 .acd-profile[open] .acd-tit {
		border-radius: 2.25em 2.25em 0 0;
 }
	@media screen and (max-width:860px) {
		.acd-guide .acd-tit,
		.acd-profile .acd-tit{
			padding: 1em;
		}
		.acd-profile .acd-tit{
			margin-top: 1em;
		}
	}
.acd-tit::-webkit-details-marker {
	display: none;
}
.acd-tit::after {
	content: "+";
	position: absolute;
	font-size: 1.5em;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
}
.acd[open] .acd-tit::after {
	content: "−";
}
.acd[open] .acd-body {
  animation: open .8s ease-out 0s 1 normal forwards;
}
.acd-body {
	margin: 1em 0 3em;
	border-radius: 2.25em;
}
	.acd-guide .acd-body {
		background: #fff;
		padding: 3em 2.5em;
	}
	.acd-profile .acd-body {
		background: #eae2d7;
		color: #745e46 ;
		border-top: 1px solid;
		border-radius: 0 0 3em 3em;
		padding:2em 2.5em;
		font-size: .9em;
	}
	.acd-profile[open] .acd-body {
		margin-top: 0;
	}

	@media screen and (max-width:860px) {
		details.acd-guide .acd-body {
			padding: 2em;
		}
	}

@keyframes open {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*-----------------------
fv 
-----------------------*/
.fv{
	background:url(../images/index/top.jpg) no-repeat 31%;
	background-size: cover;
	border-radius: 2.5em;
	aspect-ratio: 118 / 75;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.fv::before{
	animation: fv-img 1.2s cubic-bezier(0.5, 0, 0.2, 1) 0s 1 normal forwards;
	background: #fff;
	content: '';
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}
	@keyframes fv-img {
		100% {
			transform: translateX(100%);
		}
	}
	@media screen and (max-width:860px) {
		.fv{
			aspect-ratio: 36/35;
			border-radius: 1em;
		}
	}

.fv-copy-position{
	position: absolute;
	top: 46.5%;
	right: 9.75vw;
	transform: translate(0,-50%);
}
	@media screen and (max-width:860px) {
		.fv-copy-position{
			top: 48.5%;
			right: 7.75vw;
		}
	}

.fv-point{
	width: 6.875vw;
	position: relative;
	left: 2rem;
	margin-bottom: .75em;
}
.fv-copy{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 2.2vw;
	line-height: 1.75;
	letter-spacing: 2px;
	color: #a98c5f;
	font-family: "Noto Serif JP", serif;
	white-space: nowrap
}
	@media screen and (max-width:860px) {
		.fv-point{
			width: 17.5vw;
			left: 0;
			margin-bottom: .25em;
		}
		.fv-copy{
			font-size: 4vw;
			letter-spacing: 0;
		}
	}
	@media screen and (max-width:600px) {
		.fv-copy{
			font-size: 5vw;
		}

	}

/* information
-----------------------*/
#loop-eng{
	width: 100%;
	overflow: hidden;
	margin-top: -4vw;
	position: relative;
	z-index: 0;
	animation: fv-fade-up 1s ease 1.5s 1 normal forwards;
	opacity: 0;
}
.loop-area {
	width: 100%;
	display: flex;
	overflow: hidden;
}
.loop-area div{
	color: #b8a658;
	white-space: nowrap;
	padding-right: 1.5rem;
	font-size: 8.625vw;
	font-family: "Montserrat", sans-serif;
	font-weight: 100;
	line-height: 1;
	animation: loop 20s linear 2.4s infinite normal both;
}

	@media screen and (max-width:860px) {
		#loop-eng{
			margin-top: -5.25vw;
		}
		.loop-area div{
			font-size: 10vw;
		}
	}
	@media screen and (max-width:600px) {
		.loop-area div{
			font-size: 15vw;
		}
	}
	@keyframes loop {
		from {
			transform: translateX(0);
		}
		to {
			transform: translateX(-100%);
		}
	}

#information{
	background: #f2efe1;
	padding: 3em 0 1.5em;
	margin-top: -2.5vw;
}
.info-flex {
	width: 100%;
}
.info-flex .sect-tit{
	width: 100px;
}
.info-flex .body{
	width: 79%;
}
.calendar-wrap{
	padding-top: 0!important;
}

	@media screen and (max-width:860px) {
		#information{
			padding-top: 1em;
			padding-bottom: 0;
			margin-top: -.75em;
		}
		#information .sect-std{
			padding-bottom: 1.75em;
		}
		.info-flex .sect-tit{
			width: 100%;
			text-align: center;
			margin-bottom: 1em;
		}
		.info-flex .body{
			width: 100%;
		}
	}

.oshirase ul li{
	padding: 1.75em 0;
	line-height: 1.625;
	border-bottom: 1px solid #eae2d7;
}
.oshirase ul li:first-child{
	padding-top: 0;
}
.oshirase ul li span{
	color: #a98c5f;
	font-weight: bold;
	margin: 0 2.5em 0 2em;
}
	@media screen and (max-width:860px) {
		.oshirase ul li{
			padding: 1em 0;
		}
		.oshirase ul li span{
			display: block;
			margin: 0;
			margin-left: .75em;
		}
		.oshirase ul li a{
			display: block;
			margin-left: .75em;
		}
	}
.sns{
	font-size: .875em;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: #b8a658;
	margin-top: 1.25em;
}
.sns span{
	display: inline-block;
	margin-right: .625em;
	position: relative;
	top: -4px;
}
.sns img{
	width: calc(38px + 1em);
	padding: 0.25em;
	margin: 0 .25em;
}
	@media screen and (max-width:860px) {
		.sns img{
			width: calc(30px + 1em);
			margin: 0 .125em;
		}
	}

/* link
-----------------------*/
a.link-line{
	color: #256281;
	border-bottom: 1px solid;
	padding: 0 .5em .25em;
	transition: .2s all;
	position: relative;
	top: 0;
}
a.link-line:hover{
	top: .25em;
}
.seikei a.link-line{
	color: #fff;
}
.geka a.link-line{
	color: #496357;
}

/* guide
-----------------------*/
#guide {
	position: relative;
}
#guide .sticky{
	position: sticky;
	top: 0;
	height: 100vh;
	width: 26vw;
	padding-left: 6%;
}
#guide .tit-point{
	display: block;
	width: 188px;
	height: auto;
	aspect-ratio: 190 / 300;
	margin: 0 auto 1em;
}
#guide .body{
	width: calc(100% - 26vw);
	background: #f8f6ee;
	border-radius: 5em 0 0 0;
	margin-top: 6em;
	padding-top: 3em;
}
	@media screen and (max-width:1200px) {
		#guide .sticky{
			width: 22vw;
			padding-left: 0;
		}
		#guide .tit-point{
			width: 140px;
		}
		#guide .body{
			width: calc(100% - 22vw);
		}
	}
	@media screen and (max-width:860px) {
		#guide .sticky{
			position: relative;
			top: auto;
			height: auto;
			width: 94%;
			padding-left: 6%;
			padding-top: 2em;
		}
		#guide .tit-point{
			width: 122px;
			height: auto;
			position: absolute;
			right: 2%;
			top: 0;
		}
		#guide .body{
			width: 100%;
			margin-top: 2em;
			padding-top: 2em;
		}
	}
	@media screen and (max-width:600px) {
		#guide .tit-point{
			width: 110px;
			right: 0;
		}
	}

#guide .sticky .sect-tit{
	margin: 0 auto;
}
.sect-guide{
	padding: 2.5em 15.5% 3.5em 9.5%;
}
	@media screen and (max-width:1200px) {
		.sect-guide{
			padding-left: 9%;
			padding-right: 9%;
		}
	}
	@media screen and (max-width:860px) {
		.sect-guide{
			padding-top: 1.75em;
			padding-bottom: 2em;
			padding-left: 6%;
			padding-right: 6%;
		}
	}
.shinryo-txtlink{
	text-align: right;
	margin-top: .25em;
	margin-bottom: 2em;
}
	@media screen and (max-width:860px) {
		.shinryo-txtlink{
			text-align: center;
			margin-top: .5em;
		}
	}

.clm2-shinryo:nth-child(odd){
	width: 54%;
}
.clm2-shinryo:nth-child(even){
	width: 45%;
}
.shinryo-table{
	color: #745e46;
	width: 100%;
}
.shinryo-table td{
	width: 12%;
}
.shinryo-table th,
.shinryo-table td{
	padding: .5em 0;
	border-bottom: 1px solid;
	text-align: center;
}
.shinryo-table tr:first-child th,
.shinryo-table tr:first-child td{
	font-weight: bold;
	border-top: 1px solid;
}
	@media screen and (max-width:600px) {
		.clm2-shinryo:nth-child(odd),
		.clm2-shinryo:nth-child(even){
			width: 100%;
		}
		.clm2-shinryo:nth-child(odd){
			margin-bottom: .75em;
		}
		.shinryo-table{
			font-size: .9em;
		}
		.shinryo-table th,
		.shinryo-table td{
			padding: .5em 0;
		}
	}
.clm2-online:nth-child(odd){
	width: 150px;
}
.clm2-online:nth-child(even){
	width: calc(100% - 150px);
}
.online-box{
	background: #f1f1f1;
	padding: 1em .75em;
	border-radius: 1em;
	align-items: center;
	transition: .2s all;
	border:1px solid #efefef;
	position: relative;
	top: 0;
}
.online-box:hover{
	background: #f7f7f7;
	top: 5px;
}
.online-box .item{
	width: 50%;
	text-align: center;
}
	@media screen and (max-width:860px) {
		.clm2-online .sp-txt-c{
			text-align: left;
		}
	}
	@media screen and (max-width:600px) {
		.clm2-online .sp-txt-c{
			text-align: center;
		}
		.clm2-online:nth-child(odd){
			width: 80px;
			margin: 0 auto;
		}
		.clm2-online:nth-child(even){
			width: 100%;
		}
		.online-box .item{
			width: 100%;
		}
	}

.online-box .item img.bnr {
	max-width: 300px;
	width: 100%;
	height: auto;
}
.youtube{
	text-align: right;
	line-height: 1.5;
}
.youtube span{
	padding-left: 2em;
	background: url(../images/index/youtube.png) no-repeat left .25em;
	background-size: 1.5em auto;
}
	@media screen and (max-width:860px) {
		.youtube{
			text-align: center;
		}
	}

#message .sect-guide{
	background: #f2efe1;
	padding-bottom: 0;
}
.flex-msg{
	padding-left: 6%;
	padding-right: 2%;
}
.flex-msg .msg{
	width: calc(92% - 190px);
	max-width: 475px;
	font-size: 1.0625em;
	font-weight: 500;
	line-height: 3.2;
}
.flex-msg .thumb{
	width: 195px;
}
.flex-msg .thumb img{
	border-radius: 40%;
}
	@media screen and (min-width:1700px) {
		.flex-msg .msg{
			width: calc(92% - 11.71875vw);
		}
		.flex-msg .thumb{
			width: 11.71875vw;
		}
	}
	@media screen and (max-width:860px) {
		.flex-msg .msg{
			width: 100%;
			line-height: 2.5;
		}
		.flex-msg .thumb{
			width: 160px;
			margin: 1.5em auto 0;
		}
	}

.first-icon{
	padding-left: 1.75em;
	background: url(../images/index/first.png) no-repeat left center;
	background-size: auto 100%;
}

.flex-card{
	max-width: 700px;
	margin: 2.5em auto 0;
}
.flex-card div:nth-child(1) {
	width: 50%;
}
.flex-card div:nth-child(2) {
	width: 44%;
}
.flex-card div:nth-child(1) img{
	height: 110px;
	margin: 0 .1em;
}
	@media screen and (max-width:1200px) {
		.flex-card div:nth-child(1) img{
			height: 100px;
		}
	}
	@media screen and (max-width:860px) {
		.flex-card div:nth-child(1),
		.flex-card div:nth-child(2) {
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}
		.flex-card div:nth-child(1) img{
			height: 100px;
		}
		.flex-card div:nth-child(2) img{
			width: 75%;
			max-width: 320px;
			display: block;
			margin: 0 auto 2em;
		}
		.flex-card div:nth-child(2){
			margin-top: 2em;
		}
	}

/* About
-----------------------*/
#about{
	position: relative;
}
#about .about-position{
	margin-top: -9vw;
}
.about-body{
	margin-top: 1.75em;
}
.komidashi-about{
	color: #745e46;
	font-size: 1.5625em;
	font-weight: bold;
	line-height: 1.5;
	padding-left: 2em;
	background: url(../images/index/icon-paws.png) no-repeat left .25em;
	background-size: auto 1em;
	margin-bottom: .25em;
}
.about-position .mtxl{
	margin-top: 2.75em!important;
}

	@media screen and (max-width:1000px) {
		.komidashi-about{
			font-size: 1.333333em;
		}
	}
.list-feature{
	margin-top: 1em;
}
.list-feature li{
	width: 48%;
	opacity: 0;
}
.list-feature.scrollin li{
  animation: inorder 1.2s linear .4s 1 normal forwards;
}
.list-feature.scrollin li:nth-child(1){
	animation-delay: .5s;
}
.list-feature.scrollin li:nth-child(2){
	animation-delay: 1.0s;
}
.list-feature.scrollin li:nth-child(3){
	animation-delay: 1.5s;
}
.list-feature.scrollin li:nth-child(4){
	animation-delay: 2s;
}
	@keyframes inorder {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
.list-feature li:nth-child(even){
	margin-top: 2.5em;
}
.list-feature li .item{
	border-radius: 0 3.5em;
	padding: 4.5em 3em 4.5em 11%;
	position: relative;
	font-weight: 500;
	color: #745e46;
}
.list-feature li .no{
	position: absolute;
	top: 0;
	left: 0;
	padding: .375em .5em;
	border-radius: 0 0 .5em 0;
	line-height: 1.25;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 1.875em;
	color: #fff;
}
	@media screen and (max-width:860px) {
		.list-feature li{
			width: 94%;
			margin-top: .5em;
		}
		.list-feature li:first-child{
			margin-top: 0;
		}
		.list-feature li:nth-child(even){
			margin-top: .5em;
			margin-left: auto;
		}
		.list-feature li .item{
			padding: 2em 1.75em 1.75em 11%;
		}
		.list-feature li .no{
			font-size: 1em;
		}
	}

.list-feature li:nth-child(3n+1) .item{
	background: #f4f2e6;
}
.list-feature li:nth-child(3n+2) .item{
	background: #eae7e3;
}
.list-feature li:nth-child(3n+3) .item{
	background: #f2eee7;
}
.list-feature li:nth-child(3n+1) .no{
	background: #b8a658;
}
.list-feature li:nth-child(3n+2) .no{
	background: #745e46;
}
.list-feature li:nth-child(3n+3) .no{
	background: #a98c5f;
}

/*スタッフ紹介*/
.staff-bg{
	position: relative;
}
.staff-bg:after{
	background: #f9f7f0;
	width: 98%;
	height: 100%;
	max-width: 1493px;
	border-radius: 5em 0 0 5em;
	content: "";
	position: absolute;
	top: 1em;
	right: 0;
	z-index: 0;
}
	@media screen and (min-width:1700px) {
		.staff-bg:after{
			max-width: 96%;
			border-radius: 9em 0 0 0;
		}
	}
	@media screen and (max-width:860px) {
		.staff-bg:after{
			width: 100%;
		}
	}

.staff-bg .komidashi-about{
	position: relative;
	z-index: 1;
	max-width: 1160px;
	width: 88%;
	margin: 0 auto;
}
.sect-staff{
	position: relative;
	z-index: 1;
	max-width: 1160px;
	width: 88%;
	margin: 0 auto;
	padding: 4.5em 0;
}
	@media screen and (min-width:1700px) {
		.staff-bg .komidashi-about,
		.sect-staff{
			max-width: 1366px;
		}
	}
	@media screen and (max-width:860px) {
		.sect-staff{
			padding: 3em 0;
		}
	}

.vet-flex .thumb{
	width: 27vw;
	padding-left: 3%;
}
.vet-list{
	width: calc(100% - 27vw - 3%);
	max-width: 630px;
}

.vet-list li{
	margin-bottom: 3.5vw;
}
.vet-list li:last-child{
	margin-bottom: 0;
}
	@media screen and (min-width:1700px) {
		.vet-flex .thumb{
			padding-left: 0;
		}
	}
	@media screen and (max-width:1400px) {
		.vet-flex .thumb{
			width: 33vw;
		}
		.vet-list{
			width: calc(100% - 33vw - 4em);
			max-width: 530px;
		}
	}
	@media screen and (max-width:860px) {
		.vet-flex .thumb{
			width: 100%;
			margin-bottom: 1.5em;
			text-align: center;
		}
		.vet-flex .thumb img{
			max-width: 360px;
			width: 65%;
		}
		.vet-list{
			max-width: 98%;
			width: 98%;
			margin: 0 auto;
		}
		.vet-list li{
			margin-bottom: 2em;
		}
	}

.namae {
	margin-bottom: .75em;
}
.namae span.brown{
	font-size: .9375em;
	display: inline-block;
}
.namae span.em{
	padding-left: .375em;
	display: inline-block;
}
.vet-list .namae span.em{
	font-size: 1.5em;
}
.staff-list .namae span.em{
	font-size: 1.25em;
}
.prof-thumb{
	max-width: 300px;
	width: 88%;
	margin: 0 auto 1.25em;
}
.prof-thumb img{
	border-radius: 1.25em;
}
.acd-profile .flex dt{
	width: 8em;
}
.acd-profile .flex dd{
	width: calc(100% - 8em);
}
.staff-list{
	margin-top: 5em;
}
.staff-list li{
	width: calc(100% / 4);
	text-align: center;
}
	@media screen and (max-width:860px) {
		.namae {
			line-height: 1.75;
		}
		.namae span.brown{
			display: block;
		}
		.namae span.em{
			padding-left: 0;
		}
		.vet-box .namae span.em{
			font-size: 1.3333333em;
		}
		.staff-list{
			margin-top: 3em;
		}
		.staff-list li{
			text-align: left;
			padding-left: 4%;
			width: calc(50% - 4%);
		}
	}

/* 施設紹介 new */
.about-flex{
	position: relative;
	align-items: center;
	padding: 2em 0;
}
.about-flex .body{
	width: 50%;
}
.about-flex .img{
	width: calc(50% - 2.5em);
}
	@media screen and (max-width:860px) {
		.about-flex{
			padding-bottom: 0;
		}
		.about-flex .body,
		.about-flex .img{
			width: 100%;
		}
		.about-flex .img{
			margin-top: 1.5em;
		}
	}
.about-flex .komidashi-about{
	margin-bottom: .5em;
}
a.btn-facility{
	display: inline-block;
	margin-top: 1.5em;
	padding: 1em 3.5em 1em 1.5em;
	border-radius: 5em;
	font-weight: bold;
	color: #745e46;
	background: #cdc18a url(../images/index/icon-arw.png) no-repeat calc(100% - 1em) center;
	background-size: 1.5em;
	transition: .5s all;
	transform: scale(1.0);
}
a.btn-facility:hover{
	background-color: #c3b472;
	transform: scale(1.1);
}
	@media screen and (max-width:860px) {
		a.btn-facility{
			margin-top: 1.25em;
		}
	}

.point-movie{
	position: absolute;
	left: -6%;
	bottom: -.25em;
	width: 180px;
}
	@media screen and (max-width:600px) {
		.point-movie{
			width: 130px;
		}
	}


/*	surgry
-----------------------*/
#surgry{
	background: #496357;
	padding: 5em 0 11em;
	position: relative;
	justify-content: flex-end;
	overflow: hidden;
}
#surgry .surgry-tit{
	width: 26vw;
	padding-left: 6%;
	z-index: 1;
	display: flex;
	justify-content: center;
}
#surgry .body{
	width: calc(100% - 26vw);
	position: relative;
	z-index: 1;
	margin-top: 1.5em;
}
.sugry-section{
	max-width: 580px;
	color: #fff;
}
#surgry .img-position{
	position: absolute;
	top: 0;
	right: 0;
	aspect-ratio: 9/14;
	width: auto;
	height: 75%;
	z-index: 0;
	border-radius: 0 0 0 5em;
}
a.btn-seikei{
	display: inline-block;
	padding: 1em 2em 1em 5em;
	border-radius: 5em;
	color: #496357;
	font-weight: bold;
	background:url(../images/index/icon-surgry.png) no-repeat 1.5em center;
	background-color: #b8a658;
	background-size: auto 1.75em;
	transition: .5s all;
}
a.btn-seikei:hover{
	background-color: #b09c45;
	transform: scale(1.1);
}
	@media screen and (max-width:1400px) {
		.sugry-section{
			max-width: 460px;
		}
		#surgry .img-position{
			height: 65%;
		}
	}
	@media screen and (max-width:1200px) {
		#surgry{
			padding-top: 3em;
			padding-bottom: 7em;
		}
		#surgry .surgry-tit{
			width: 22vw;
			padding-left: 0;
		}
		#surgry .body{
			width: calc(100% - 22vw);
		}
	}
	@media screen and (max-width:860px) {
		#surgry{
			display: block;
		}
		#surgry .surgry-tit{
			display: block;
			width: 88%;
			margin: 0 auto;
		}
		#surgry .body{
			width: 88%;
			margin: 2.5em auto 0;
		}
		.sugry-section{
			max-width: 100%;
		}
		#surgry .img-position{
			height: auto;
			width: 33.3333%;
			max-width: 560px;
		}
	}


/*	checkup
-----------------------*/
.checkup-bg{
	background: #f2efe1;
}
.checkup-bg .sect-std{
	position: relative;
	padding-top: .5em;
}
.checkup-thumb{
	max-width: 320px;
	position: absolute;
	bottom: -1em;
	right: -5%;
}
	@media screen and (min-width:1700px) {
		.checkup-thumb{
			max-width: 380px;
		}
	}
	@media screen and (max-width:860px) {
		.checkup-bg .mtxl{
			margin-top: 3em;
		}
		.checkup-bg .sect-std{
			padding-top: 2.5em;
		}
		.checkup-thumb{
			position: relative;
			width: 58%;
			display: block;
			margin:-1em auto 0;
			left: -1em;
		}
	}

.checkbox-clm2{
	width: 48%;
}
	@media screen and (max-width:860px) {
		.checkbox-clm2{
			width: 100%;
		}
		.checkbox-clm2:last-child{
			margin-top: 2.5em;
		}
	}
.checkup-item{
	background: #fff;
	padding: 4em 3em 3.75em 3em;
	border-radius: 2.25em;
	position: relative;
}
.checkup-item:before{
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 1em);
	height: calc(100% - 1em);
	border: 2px solid #f2efe1;
	transform: translate(-50%,-50%);
	content: "";
	border-radius: 2em;
}
	@media screen and (max-width:860px) {
		.checkup-item{
			padding-right: 2em;
			padding-left: 2em;
			padding-bottom: 3.25em;
		}
	}
.checkup-item div.tit{
	position: absolute;
	top: -1em;
	left: 50%;
	background: #745e46;
	font-size: 1.375em;
	line-height: 1.5;
	color: #fff;
	padding: .25em 1rem;
	transform: translateX(-50%);
	border-radius: 2.25em;
	letter-spacing: 3px;
	text-align: center;
}

.checkup-list li{
	width: calc(50% - .5em);
	margin-bottom: 1em;
	text-align: center;
	padding: .75em 0;
	border-radius: .5em;
}
.checkup-list li:nth-child(4n + 1){
	background: #e9eff2;
}
.checkup-list li:nth-child(4n + 2){
	background: #e3dfda;
}
.checkup-list li:nth-child(4n + 3){
	background: #f2ddd1;
}
.checkup-list li:nth-child(4n + 4){
	background: #f4ead7;
}


/*	recruit
-----------------------*/
#recruit {
	background:#f8f6ee;
}
#recruit .sect-std{
	padding-bottom: 0;
}
.recruit-wrap{
	border: 1px solid #a98c5f;
	background: #fff;
	padding: 3.5em 2.5em 5.5em 10%;
	border-radius: 2.25em;
	position: relative;
	overflow: hidden;
}
#recruit .sect-tit{
	position: absolute;
	top: -.25em;
	left: -1em;
	z-index: 0;
}
#recruit .sect-tit .eng-large{
	color: #ece6dc;
}
.recruit-wrap .txt{
	width: 52%;
}
.job-apply{
	width: 45%;
	background: #745e46;
	color: #fff;
	padding: 2.5em;
	border-radius: 2.25em;
}
	@media screen and (max-width:860px) {
		.recruit-wrap{
			padding: 0;
		}
		#recruit .sect-tit{
			left: auto;
			right: 0;
		}
		.recruit-wrap .txt{
			width: 100%;
			padding: 2.5em;
		}
		.job-apply{
			width: 100%;
			border-radius: 0;
		}
	}
	@media screen and (max-width:860px) {
		#recruit .sect-tit{
			font-size: 1.266666666em;
		}
		.recruit-wrap .txt{
			padding: 1.75em 2em 2.5em;
		}
		.job-apply{
			padding-left: 2em;
			padding-right: 2em;
		}
	}

.recruit-wrap .tit{
	font-size: 1.5625em;
	margin-bottom: .5em;
}
.job-desc{
	font-size: 1.5em;
	padding-left: .75em;
	margin-bottom: .5em;
	position: relative;
}
.job-desc:before{
	position: absolute;
	top: .75em;
	left: 0;
	width: .5em;
	height: .5em;
	background: #b8a658;
	border-radius: 50%;
	content: "";
}
	@media screen and (max-width:860px) {
		.job-desc{
			font-size: 1.3333333em;
		}
	}

/*	access
-----------------------*/
#access{
	position: relative;
	padding-bottom: 1em;
}
#access .sect-small{
	padding-top: 0em;
}
#access .eng-large{
	text-align: center;
	line-height: .75;
}
.thumb-gaikan{
	margin: 3em 0 2em;
}
.thumb-gaikan img{
	border-radius: 1.5em;
}
#access .txt{
	width: 46%;
}
#access .thumb{
	width: 48%;
}
.logo-ja{
	margin-bottom: .25em;
}
.logo-ja img{
	max-width: 200px;
	height: auto;
}
.area{
	background: #a98c5f;
	font-size: .875em;
	font-weight: 500;
	line-height: 1.0;
	color: #fff;
	border-radius: 5em;
	padding: .625em 1em;
	margin-left: .5em;
	display: inline-block;
	position: relative;
	top: -.625em;
}
.telephone{
	line-height: 1.5;
}
.telephone a{
	font-size: 1.75em;
	margin-left: .25em;
}
.googlemap{
	padding-left: 1.25em;
	background: url(../images/common/location.png) no-repeat left .25em;
	background-size: auto 1em;
}
.list-access{
	margin-top: 1.5em;
	border-top: 1px solid #dedede;
}
.list-access li{
	padding: 1em 0 1em 3.25em;
	border-bottom: 1px solid #dedede;
}
.list-access li.bus{
	background: url(../images/index/bus.png) no-repeat left 1.25em;
	background-size: 31px auto;
}
.list-access li.car{
	background: url(../images/index/car.png) no-repeat left 1.25em;
	background-size: 33px auto;
}
.list-access li.car .icon{
	position: relative;
	font-family: "Roboto", sans-serif;
	padding-left: 1.375em;
}
.list-access li.car .icon:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	background: #3f3f3f;
	font-size: .75em;
	color: #fff;
	line-height: 1.5;
	text-align: center;
	content: "P";
}
	@media screen and (max-width:860px) {
		#access .eng-large{
			line-height: 1.7;
		}
		.thumb-gaikan{
			margin: 1em 0 1.5em;
		}
		#access .txt,
		#access .thumb{
			width: 100%;
		}
		#access .txt{
			text-align: center;
		}
		#access .thumb {
			margin-top: 1.75em;
		}
		#access .thumb img{
			max-width: 500px;
			width: 95%;
			height: auto;
			display: block;
			margin: 0 auto;
		}
		.list-access{
			width: 95%;
			margin-left: auto;
			margin-right: auto;
			text-align: left;
		}
	}