/*
 1600px　↑ min-width
 1200px　↓ max-width
  990px　↓ max-width（nav消す）
  767px　↓ max-width

------------
header	高さ:76px 990px↓ で62px
枠				max-with:1180px width:90%（もしくは88%）

*/

/*
----------------------------------
	page head
----------------------------------
*/
.pagehead-title{
	position: relative;
	padding-top: calc(76px + 2em);
}
	@media screen and (max-width: 990px){
		.pagehead-title{
			padding-top: calc(62px + 2em);
		}
	}

.cnt-pagehead{
	max-width:1180px;
	width:88%;
	margin: 0 auto;
}


/* 	アイキャッチ有り ----------------*/
.body-pagehead{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-family: "M PLUS 1p", sans-serif;
	padding: 4.75em 0;
}
	@media screen and (max-width: 767px){
		.body-pagehead{
			padding: 3.75em 0 2.25em;
		}
	}

h2.pagetitle-txt{
	width: 10%;
	font-size: clamp(36px, 3.63636364vw, 50px);
	/*clamp  (36 / 990 *100)vw */
	line-height: 1.4;
	font-weight: 500;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	white-space: nowrap;
}
.pagetitle-desc{
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	flex-direction: row-reverse;
}
.eyecatch{
	width: 37.5%;
}
.lead{
	font-weight: normal;
	font-size: clamp(14px, 1.1414141vw, 18px);
	/*clamp  (14 / 990 *100)vw */
	width: calc(100% - 37.5%);
}
.upright{
	text-orientation: upright;
}
	@media screen and (max-width: 767px){
		h2.pagetitle-txt{
			width: 25%;
			writing-mode: vertical-lr;
			-ms-writing-mode: tb-lr;
			line-height: 0.875;
		}
		.pagetitle-desc{
			width: 75%;
		}
		.lead{
			width: 100%;
			margin-bottom: 0;
			margin-top: .75em;
		}
		.eyecatch{
			width: 100%;
			max-width: 400px;
			margin-right: auto;
		}
	}

/* 	アイキャッチなし  ----------------*/
.body-pagehead-normal{
	font-family: "M PLUS 1p", sans-serif;
	padding: 3.75em 0;
}
h2.pagetitle-txt-normal{
	font-size: clamp(32px, 3.23232323232vw, 46px);
	/*clamp  (32 / 990 *100)vw */
	line-height: 1.4;
	font-weight: 400;
}
/*----------------------------------
	section layout
----------------------------------
*/
.section,
.section-2clm{
	max-width: 1180px;
	margin: 0 auto;
	width: 88%;
	padding: 5.25em 0 4.75em;
}
	@media screen and (max-width: 767px){
		.section,
		.section-2clm{
			padding: 3em 0 4em;
		}
		.section-2clm{
			width: calc(100% - 1.5em);
		}
	}
.section-slide{
	width: 100vw;
	margin-left: calc(50% - 50vw);
}
.inner-normal{
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}
.inner-small{
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

/* SVG-----------------*/
.svg--round{
	position: relative;
	z-index: 3;
}
.svg-round-left svg,
.svg-round-right svg{
	position: absolute;
	width: 8em;
	height: 8em;
	bottom: -8em;
}
	@media screen and (max-width: 767px){
		.svg-round-left svg,
		.svg-round-right svg{
			width: 3.75em;
			height: 3.75em;
			bottom: calc(-3.75em + 2px);
		}
	}
.svg-round-left svg{
	left: 0;
}
.svg-round-right svg{
	right: 0;
}

/* 2clm section*/
.sidetoc{
	width: 200px;
}
.sidecont{
	width: calc(100% - 200px - .75em);
	padding-left: .75em;
}
	@media screen and (max-width: 1200px){
		.sidetoc{
			width: 150px;
		}
		.sidecont{
			width: calc(100% - 150px - .5em);
			padding-left: .5em;
		}
	}
	@media screen and (max-width: 767px){
		.sub-section-side{
			width: calc(100%);
			margin: 3em auto 1em;
		}
		.sidetoc{
			width: 82%;
			max-width: 450px;
			margin: 0 auto 2em;
			border-radius: 1.25em;
		}
		.sidecont{
			width: 100%;
			padding-left:0
		}
	}
/*　目次 */
.sticky{
	position: sticky;
	top: 7em;
	left: 0;
	padding-bottom: 5em;
}
.toc-font{
	font-weight: bold;
	letter-spacing: 3px;
	padding: 1em 0 1em 2.75em;
	background: url(../images/common/icon-book.png) no-repeat left 1.25em;
	background-size: auto 1.5em;
}
.toc-menu ul{
	padding-left: 1em;
	padding-top: .25em;
	padding-bottom: .25em;
	border-left: 1px solid #e7e4e1;
}
.toc-menu li a{
	display: block;
	padding: .5em 0 .5em 1em;
	font-size: .9375em;
	font-family: "M PLUS 1p", sans-serif;
	background: url(../images/common/icon-maru.png) no-repeat left 1em;
	background-size: .625em auto;
}
	@media screen and (max-width: 767px){
		.sticky{
			position: relative;
			top: 0;
			padding-bottom: 0;
		}
		.toc-font{
			display: block;
			width: 80px;
			margin: 0 auto;
			position: relative;
			z-index: 1;
			margin-bottom: 0;
		}
		.toc-menu ul{
			display: flex;
			flex-wrap: wrap;
			border-radius:2em;
			margin-top: .5em;
			padding: 1.5em;
			border-left: 0;
			background: #fff url(../ptn.png) repeat top left;
			margin-top: -24px;
		}
		.toc-menu li{
			width: 50%;
		}
		.toc-menu li a{
			padding-top: .5em;
			padding-bottom: .5em;
			background-position: left 1em;
		}
	}
.side-sect-bg{
	background: var(--white);
	border-radius: .75em;
}
.sidecont-title{
	padding: 1.5em 1.25em 1.5em 1.5em;
	border-style: solid;
	border-width: 0 0 2px 0;
	border-color: var(--cream);
	border-radius: .75em .75em 0 0;
}
.side-sect-wrap{
	padding: 2.5em 3.25em 2.75em;
	margin-bottom: 2.5em;
}
	@media screen and (max-width: 990px){
		.side-sect-wrap{
			padding-left: 2em;
			padding-right: 2em;
		}
	}

	@media screen and (max-width: 767px){
		.side-sect-wrap{
			width: 88%;
			padding: 0 0 2.25em 0;
			margin: 1.75em auto 2em;
		}
	}


/*
----------------------------------
	hr
----------------------------------
*/
.hr-line{
	background: url(../images/common/hr-line.png) repeat-x left top;
	background-size: auto 5px;
	width: 100%;
	height: 5px;
	position: relative;
}
.hr-line img{
	position: absolute;
	top: -2.75em;
	width: 4em;
	height: auto;
}
.hr-line img.p-right{
	right: 2.25em;
}
.hr-line img.p-left{
	left: 2.25em;
}
	@media screen and (max-width: 767px){
		.hr-line img{
			top: -2em;
			width: 3em;
		}
	}

/*
----------------------------------
	dl
----------------------------------*/
.dl-2clm dt{
	width: 15%;
	padding: 1em 0;
}
.dl-2clm dd{
	width: 85%;
	padding: 1em 0;
}
.dl-2clm-grid dt{
	width: 8em;
	padding: 1em 0;
}
.dl-2clm-grid dd{
	width: calc(100% - 8em);
	padding: 1em 0;
}
.dl-2clm-grid-small dt{
	width: 8em;
	padding: .25em 0;
}
.dl-2clm-grid-small dd{
	width: calc(100% - 8em);
	padding: .25em 0;
}
	.bb--beigecream dt,
	.bb--beigecream dd{
		border-bottom: 1px solid var(--beigecream);
	}
	.bb--lightgray dt,
	.bb--lightgray dd{
		border-bottom: 1px solid var(--lightgray);
	}
	@media screen and (max-width: 767px){
		.dl-2clm dt{
			width: 100%;
			padding: 0 0 .25em 0;
		}
		.dl-2clm dd{
			width: 100%;
			border-bottom: none;
		}
	}
/*
----------------------------------
	list
----------------------------------*/
.list-hr li{
	padding: 1em 0;
}
	.list-hr-beigecream li{
		border-bottom: 1px solid var(--beigecream);
	}
	.list-hr-cream li{
		border-bottom: 1px solid var(--cream);
	}
	.list-hr-lightgreen li{
		border-bottom: 1px solid var(--lightgreen);
	}

/*
----------------------------------
	box
----------------------------------*/
/* 通常ボックス */
.bgbox{
	position: relative;
	padding: 1.5em 2.25em;
}
.bgbox-large{
	position: relative;
	padding: 3em 2.25em 2.25em;
}
.bgbox-small{
	position: relative;
	padding: 1em 1.5em;
}

/* 折り返し装飾 box */
.box-corner{
	position: relative;
	padding: 1.5em 2.25em;
}
.box-corner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1.75em;
	height: 1.75em;
	clip-path: polygon(0 0, 100% 0, 0 100%);
}
	.before-cream::before{
		background-color: var(--cream);
	}
	.before-white::before{
		background-color: var(--white);
	}
.box-corner::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1.75em;
	height: 1.75em;
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
}
	.after-green::after {background-color: var(--green);}
	.after-beigecream::after {background-color: var(--beigecream);}
	.after-beige::after {background-color: var(--beige);}


/* bordebox */
.bordebox{
	position: relative;
	padding: 1.5em 2.25em;
	border-style: solid;
	border-width: 3px;
}
	.border-cream{
		border-color: var(--cream);
	}

/* ２重線ボックス * コラム */
.box-doble{
	position: relative;
	padding: 1.75em 2.5em 2em;
}
.box-doble::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 1.5em);
	height: calc(100% - 1.5em);
	transform: translate(-50%,-50%);
	border-style: solid;
	border-width: 2px;
	border-radius: 1em;
	pointer-events: none;
}
	.dobleline-white::before{border-color: var(--white);}
	.dobleline-cream::before{border-color: var(--cream);}
	.dobleline-beigecream::before{border-color: var(--beigecream);}

.box-column{
	position: relative;
	padding: 1.75em 1.5em 2em;
	background-color: var(--yellow);;
}
	.box-column img,
	.box-doble img{
		position: absolute;
		top: -1.5em;
	}
	.box-column img{
		width: 5.75em;
		height: auto;
	}
	.box-doble img{
		width: 4em;
		height: auto;
	}
	.box-column img.p-right,
	.box-doble img.p-right {
		right: .5em;
	}
	@media screen and (max-width: 767px){
		.box-column{
			padding-top: 2.25em;
		}
		.box-column img{
			width: 5em;
		}
		.box-doble img{
			width: 3em;
		}
	}

/* お問い合わせボックス */
.otoiawase-box {
	position: relative;
	top: 1em;
	margin-left: auto;
	margin-right: auto;
}
.otoiawase-box .tit{
	position: absolute;
	top: -1em;
	left: 50%;
	transform: translateX(-50%);
	font-size: .9375em;
	font-weight: 500;
	display: inline-block;
	padding: .5em 2em;
	border-radius: 5em;
	background-color: var(--vividgreen);
	color: var(--white);
	white-space: nowrap;
}
.otoiawase-box .box-tel-left,
.otoiawase-box .box-tel-center{
	padding: 2.25em 2.25em 1.5em;
}
	@media screen and (max-width: 767px){
		.otoiawase-box .box-tel-left{
			padding-left: 1.5em;
			padding-right: 1.5em;
			text-align: left;
		}
	}
/* 張り紙box */
.poster-box{
	position: relative;
}
.poster-box:before,
.poster-box:after{
	position: absolute;
	width: 1em;
	height: 1em;
	top: .5em;
	content: "";
	background-color: var(--ivory);
	border-radius: 50%;
}
.poster-box:before{
	left: .5em;
}
.poster-box:after{
	right: .5em;
}
.poster-wrap{
	padding: 1.5em;
}


/*
----------------------------------
	icon
----------------------------------*/
.icon{
	padding-left: 1.5em;
	background-size: 1em auto;
	background-repeat: no-repeat;
	background-position: left .35em;
	line-height: 1.5;
}
.icon-medium{
	padding: .25em 0 .25em 1.75em;
	background-size: 1.25em auto;
	background-repeat: no-repeat;
	background-position: left .35em;
}
.icon-large{
	padding: 1em 0 1em 2.25em;
	background-size: 2em auto;
	background-repeat: no-repeat;
	background-position: left .35em;
}
.icon-right{
	padding-right: 1.5em;
	background-size: 1em auto;
	background-repeat: no-repeat;
	background-position: right .35em;
}

.icon-large-right{
	padding: .75em 2.25em .75em 0;
	background-size: 2em auto;
	background-repeat: no-repeat;
	background-position: right .35em;
}

.icon-calendar{
	background-image: url(../images/common/icon-calendar.png);
}
.icon-medicine{
	background-image: url(../images/common/icon-medicine.png);
}
.icon-time{
	background-image: url(../images/common/icon-time.png);
}
.icon-point{
	background-image: url(../images/common/icon-point.png);
}
.icon-dog{
	background-image: url(../images/common/icon-dog.png);
}
.icon-cat{
	background-image: url(../images/common/icon-cat.png);
}
.icon-usagi{
	background-image: url(../images/common/icon-usagi.png);
}
.icon-hamster{
	background-image: url(../images/common/icon-hamster.png);
}
.icon-dogcat{
	background-image: url(../images/common/icon-dogcat.png);
}
.icon-flag{
	background-image: url(../images/common/icon-flag.png);
}



.icon-line{
	background-image: url(../images/common/line.png);
}
.icon-excl{
	background-image: url(../images/common/icon-excl.png);
}
/* 診療について */
.icon-instruction{
	background-image: url(../images/shinryo/icon-instruction.png);
}
.icon-bag{
	background-image: url(../images/shinryo/icon-bag.png);
}
.icon-monshin{
	background-image: url(../images/shinryo/icon-monshin.png);
}
.icon-car{
	background-image: url(../images/shinryo/icon-car.png);
}

/* ケア */
.icon-check{
	background-image: url(../images/common/icon-check.png);
}
.icon-shampoo{
	background-image: url(../images/care/icon-shampoo.png);
}
.icon-cut{
	background-image: url(../images/care/icon-cut.png);
}
.icon-glass{
	background-image: url(../images/care/icon-glass.png);
}
.icon-firstvaccine{
	background-image: url(../images/care/icon-vaccine.png);
}
.icon-onecoin{
	background-image: url(../images/care/icon-onecoin.png);
}

/*シルエット*/
.icon-s-dog-small{
	background-image: url(../images/care/icon-s-dog-small.png);
}
.icon-s-dog-medium{
	background-image: url(../images/care/icon-s-dog-medium.png);
}
.icon-s-dog-large{
	background-image: url(../images/care/icon-s-dog-large.png);
}
.icon-s-cat{
	background-image: url(../images/care/icon-s-cat.png);
}
/* 教室 */
.icon-speak{
	background-image: url(../images/lesson/icon-speak.png);
}
.icon-mask{
	background-image: url(../images/lesson/icon-mask.png);
}


/* img画像で載せる場合 */
.img-point-right{
	padding-right: 3.5em;
}
.img-rightbottom-icon{
	position: absolute;
	right: 0;
	bottom: 0;
}
.img-width-normal{
	width: 3em;
	height: auto;
}
/*
----------------------------------
	下矢印
----------------------------------*/
.flow-arw-green {
	margin: 0 auto;
	width: 1.5em;
	height: 1em;
	background-color: var(--vividgreen);
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	margin: .75em auto;
}

/*
----------------------------------
	faqガイド
----------------------------------*/
.bg-faq-guide{
	border-top: 1px solid #eaeadb;
	padding-bottom: 1em;
}
.faq-guide {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.faq-guide .sub-midashi-normal{
	width: 20%;
}
.faq-guide-box {
	width: 75%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: .75em;
	padding: 1.25em 1.5em;
	background: var(--white);
	border: 1px solid var(--beigecream);
	border-radius: .5em;
	line-height: 1.4;
	font-size: clamp(13px, 1.313131vw, 15px);
	/*clamp  (13 / 990 *100)vw */
}
.faq-guide-arrow {
	font-size: 1.2rem;
}
	@media screen and (max-width: 767px){
		.faq-guide .sub-midashi-normal{
			width: 100%;
		}
		.faq-guide-box {
			width: 100%;
			margin-top: .75em;
		}
	}


/*----------------------------------
	shinryo
----------------------------------*/
.shinryo-intro .bnr{
	width: 40%;
}
.hyphen{
	position: relative;
	padding-right: 1.5em;
}
.hyphen:before{
	position: absolute;
	right: 0;
	top: 50%;
	width: 1.25em;
	height: 1px;
	background: #444;
	content: "";
}
a.bnr-wellness{
	display: block;
	background-color: var(--yellow);
	background-image: url(../images/shinryo/thumb-wellness.png);
	background-size: auto 92%;
	background-position: calc(100% - 1em) center;
	background-repeat: no-repeat;
	padding: 1em 1.25em;
	border-radius: 1em;
	font-weight: 500;
	font-size: clamp(12px, 1.16666666667vw, 15px);
	/*clamp  (14 / 1200px *100)vw */
}
	@media screen and (max-width: 990px){
		.shinryo-intro .txt{
			width: 100%;
		}
		.shinryo-intro .bnr{
			width: 320px;
			margin-top: 2em;
			margin-left: auto;
			margin-right: auto;
		}
	}
.box-shinryo-rinen .midashi-normal span{
	padding: 3px 6px;
	border-radius: 5em;
}
.box-shinryo-rinen{
	position: relative;
	background: url(../images/shinryo/bg-shinryo.jpg) center 70% no-repeat;
	background-size:cover;
	margin: 3.25em auto;
	padding: 2.75em 1.25em;
}
.box-shinryo-rinen::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 3em;
	height: 3em;
	clip-path: polygon(0 0, 100% 0, 0 100%);
}
.box-shinryo-rinen::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 3em;
	height: 3em;
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.box-shinryo-rinen .flex{
	justify-content: center;
	margin-top: 1em;
}
.box-shinryo-rinen .flex div{
	padding: 0 .15em;
	max-width: 200px;
	width: 47.5%;
	line-height: 0;
}

/* 診療テーブル*/
.shinryo-table{
	width: 100%;
	border-top: 1px solid #ccc;
}
.shinryo-table th,
.shinryo-table td{
	width: calc(100% / 8);
	border-bottom: 1px solid #ccc;
	padding: .25em;
	text-align: center;
}
.shinryo-table tr:first-child td{
	font-weight: 500;
	color: var(--vividgreen);
}
/* 夜間 */
.yakan-list {
	border-top: 1px solid var(--beigecream);
}
.yakan-list > li{
	padding: 1em 0;
	border-bottom: 1px solid var(--beigecream);
}

/* アイコン */
.icon-visit-today{
	background: url(../images/shinryo/icon-visit-today.png) no-repeat 0 0;
	background-size: auto 1.375em;
}
.icon-visit-future{
	background: url(../images/shinryo/icon-visit-future.png) no-repeat 0 0;
	background-size: auto 1.375em;
}
.icon-med-refill{
	background: url(../images/shinryo/icon-med-refill.png) no-repeat 0 0;
	background-size: auto 1.375em;
}
.icoon-visit-first{
	background: url(../images/shinryo/icon-visit-first.png) no-repeat 0 0;
	background-size: auto 1.375em;
}

/* 受付方法 */
.visit-list{
	position: relative;
	background: var(--cream);
	padding: 2em 2.25em;
	border-radius: 1.375em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-family: "M PLUS 1p", sans-serif;
}
	.online-radius{
		border-radius: 1.375em 1.375em 0 0;
	}

.visit-list .no{
	background: var(--limegreen);
	color: var(--white);
	font-size: .875em;
	font-weight: 600;
	width: 2.25em;
	height: 2.25em;
	line-height: 2.25em;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	top: -.25em;
	left: -.25em;
}
.visit-list .tit-box{
	width: 30%;
}
.visit-list .boby-box{
	width: 65%;
}
.machijunban-flex{
	justify-content: space-between;
	align-items: center;
}
.icon-bench{
	font-weight: bold;
	background: url(../images/shinryo/icon-bench.png) no-repeat left center;
	background-size: 48px auto;
	padding: .75em 0 0 calc(48px + .25em);
	margin-bottom: .25em;
}
	@media screen and (max-width: 767px){
		.visit-list .tit-box{
			width: 100%;
			text-align: center;
		}
		.visit-list .boby-box{
			width: 100%;
			margin-top: 1.25em;
		}
		.machijunban-flex{
			justify-content: space-around;
		}
	}
.flow-order {
	display: flex;
	gap: 2.5%;
}
.flow-order-box{
	padding: 1.5em 1.25em;
	background: var(--cream);
	border-radius: 1em;
}
.flow-order-item {
	flex: 1;
	display: flex;
	align-items: center; 
}
.flow-order-flex{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.flow-order-item .body{
	width: calc(100% - 35%);
}
.flow-order-item .thumb{
	background-color: var(--white);
	margin-top: 1.25em;
	padding: 1em 1em .5em 1em;
}
.flow-order-item .thumb img{
	line-height: 0;
}

a.btn-line-link{
	background: #00B900;
	color: var(--white);
}
	@media screen and (max-width: 990px){
		.flow-order-item {
			align-items: start;
		}
		.flow-order-item .large{
			width: 100%;
			margin-bottom: .5em;
		}
		.flow-order-item .body{
			width: 100%;
		}
	}
	@media screen and (max-width: 767px){
		.flow-order {
			display: block;
		}
		.flow-order-box{
			padding: 1.25em 2em;
		}
		.flow-order-item {
			align-items: start;
			margin-bottom: .5em;
		}
		.flow-order-flex{
			justify-content: center;
			text-align: center;
		}
		.flow-order-item .large{
			text-align: center;
		}
		.flow-order-item .body{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			text-align: center;
			margin-top: .75em;
		}
		.flow-order-item .thumb{
			padding: 1em 25% .5em 25%;
			text-align: center;
			margin-top: 1.25em;
		}
	}
	@media screen and (max-width: 500px){
		.flow-order-item .thumb{
			padding-left: 15%;
			padding-right: 15%;
		}
	}
.yoyaku-flow{
	display: flex;
	flex-wrap: wrap;
}
.yoyaku-flow > li{
	width: calc(100% / 3);
	margin-bottom: 1.5em;
	font-size: .75em;
}
.yoyaku-flow > li:nth-child(3n + 1){
	padding-right: 1.25em;
}
.yoyaku-flow > li:nth-child(3n + 2){
	padding: 0 calc(1.25em / 2);
}
.yoyaku-flow > li:nth-child(3n + 3){
	padding-left: 1.25em;
}
	@media screen and (max-width: 767px){
		.yoyaku-flow{
			justify-content: space-between;
		}
		.yoyaku-flow > li{
			width: calc(100% / 2 - 1em);
		}
		.yoyaku-flow > li:nth-child(3n + 1){
			padding-right: 0;
		}
		.yoyaku-flow > li:nth-child(3n + 2){
			padding: 0;
		}
		.yoyaku-flow > li:nth-child(3n + 3){
			padding-left: 0;
		}
	}

.yoyaku-flow > li .no{
	text-align: center;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	padding: .25em 0;
}
.yoyaku-ab-flex .thumb{
	width: calc(33.3333% - 1.25em);
}
.yoyaku-ab-flex .body{
	width: calc(100% - 33.3333%);
	font-size: .75em;
}
	@media screen and (max-width: 767px){
		.yoyaku-ab-flex .thumb{
			width: 50%;
			margin: 0 auto;
		}
		.yoyaku-ab-flex .body{
			width: 100%;
		}
	}


.clm2-monshi{
	width: 70%;
}
.clm2-monshin-thumb{
	width: 25%;
}
	@media screen and (max-width: 767px){
		.clm2-monshi{
			width: 100%;
		}
		.clm2-monshin-thumb{
			display: none;
		}
	}
.rules-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.rules-list li{
	width: calc(50% - .25em);
	background-color: var(--cream);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: .5em;
	padding: 1.125em 1.25em 1.125em 0;
}
.rules-list li .flex {
	align-items: center;
}
.rules-list li .anml-name{
	width: 100px;
	font-weight: bold;
	text-align: center;
}
.rules-list li .anml-instruction{
	width: calc(100% - 100px);
	line-height: 1.5;
}
	@media screen and (max-width: 767px){
		.rules-list li{
			width: 100%;
		}
	}

.first-msg{
	line-height: 1.5;
	padding: 1em 2em;
	text-align: center;
	border-radius: 1em;
	margin-top: 1.25em;
}
/* 検査 */
.list-kensa {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.list-kensa li{
	width: calc(33.3333% - 1em);
	background-color: var(--cream);
	border-radius: 1em;
	padding: 1.25em 1.5em;
	margin-bottom: 1.25em;
}
.list-kensa li .tit{
	padding: .5em 0 1em 3.75em;
	font-weight: bold;
	background-size: 2.75em auto;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: .25em;
}
	@media screen and (max-width: 767px){
		.list-kensa li{
			width: calc(50% - .25em);
			margin-bottom: .5em;
			font-size: .9375em;
		}
		.list-kensa li .tit{
			padding-left: 2.5em;
			background-size: 2em auto;
		}
	}


.list-kensa li:nth-child(1) .tit{
	background-image: url(../images/shinryo/icon-kensa1.png);
}
.list-kensa li:nth-child(2) .tit{
	background-image: url(../images/shinryo/icon-kensa2.png);
}
.list-kensa li:nth-child(3) .tit{
	background-image: url(../images/shinryo/icon-kensa3.png);
}
.list-kensa li:nth-child(4) .tit{
	background-image: url(../images/shinryo/icon-kensa4.png);
}
.list-kensa li:nth-child(5) .tit{
	background-image: url(../images/shinryo/icon-kensa5.png);
}
.list-kensa li:nth-child(6) .tit{
	background-image: url(../images/shinryo/icon-kensa6.png);
}
/* 手術 */
.list-opeflow{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.list-opeflow:before{
	position: absolute;
	top: 50%;
	left: 0;
	width: calc(100% - 5px);
	height: 5px;
	background: var(--vividgreen);
	content: "";
}
.list-opeflow li{
	position: relative;
	width: calc(100% / 6 - .75em);
	background-color: var(--beigecream);
	padding: 1em .75em;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.list-opeflow li .no{
	background: var(--skyblue);
	color: var(--white);
	font-size: .875em;
	font-weight: 600;
	width: 2.25em;
	height: 2.25em;
	line-height: 2.25em;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	top: -.5em;
	left: -.5em;
}
.list-opeflow li .vividgreen{
	width: 100%;
}
	@media screen and (max-width: 767px){
		.list-opeflow {
			max-width: 420px;
			margin-left: auto;
			margin-right: auto;
		}
		.list-opeflow:before{
			position: absolute;
			top: 0;
			left: 50%;
			width: 5px;
			height: 100%;
		}
		.list-opeflow li .no{
			display: none;
		}
		.list-opeflow li{
			width: 100%;
			margin-bottom: .75em;
			padding: .25em 1em;
		}
		.list-opeflow li:last-child{
			margin-bottom: 0;
		}
	}
.ope-list-wrap{
	background: var(--white);
	padding: 1em 1.25em;
}
.ope-list-wrap li{
	width: calc(100% / 3 - 1em);
	border-bottom: 1px solid var(--lightgray);
	padding: .25em 0;
}
.ope-list-wrap li:nth-child(3n + 1){
	margin-right: 1em;
}
.ope-list-wrap li:nth-child(3n + 2){
	margin: 0 .5em;
}
.ope-list-wrap li:nth-child(3n + 3){
	margin-left: 1em;
}
	@media screen and (max-width: 767px){
		.ope-list-wrap ul.flex{
			justify-content: space-between;
		}
		.ope-list-wrap li{
			width: calc(100% / 2 - 1em);
		}
		.ope-list-wrap li:nth-child(3n + 1){
			margin-right: 0;
		}
		.ope-list-wrap li:nth-child(3n + 2){
			margin: 0;
		}
		.ope-list-wrap li:nth-child(3n + 3){
			margin-left: 0;
		}

	}

/*----------------------------------
	yobou
----------------------------------*/
/* 予防カレンダー */
.calendar li{
	padding: .5em .25%;
}
.calendar li:nth-child(odd){
	margin-top: 2.5em;
}
.calendar li:nth-child(3n + 1){
	transform: rotate(5deg);
}
.calendar li:nth-child(3n + 2){
	transform: rotate(0deg);
}
.calendar li:nth-child(3n + 3){
	transform: rotate(-5deg);
}
	@media screen and (max-width: 767px){
		.calendar li{
			padding-left: .15%;
			padding-right: .15%;
		}
	}
.icon-filaria{
	background: url(../images/yobou/icon-filaria.png) no-repeat 0 0;
	background-size: auto 1.375em;
}
.icon-vaccine{
	background: url(../images/yobou/icon-vaccine.png) no-repeat 0 0;
	background-size: auto 1.375em;
}
.icon-fleatick{
	background: url(../images/yobou/icon-fleatick.png) no-repeat 0 0;
	background-size: auto 1.375em;
}
.icon-rabies{
	background: url(../images/yobou/icon-rabies.png) no-repeat 0 0;
	background-size: auto 1.375em;
}
.icon-worms{
	background: url(../images/yobou/icon-worms.png) no-repeat 0 0;
	background-size: auto 1.375em;
}
.icon-checkup{
	background: url(../images/yobou/icon-checkup.png) no-repeat 0 0;
	background-size: auto 1.375em;
}
.icon-spayneuter{
	background: url(../images/yobou/icon-spayneuter.png) no-repeat 0 0;
	background-size: auto 1.375em;
}

/* question */
.box-question{
	max-width: 768px;
	width: 100%;
	margin: 2.5em auto auto auto;
}
.tit-q{
	position: relative;
	border-radius: 1em 1em 0 0;
	font-weight: 600;
	line-height: 1.5;
	background-color: var(--green);
	color: var(--white);
	padding: 1.125em 1em 1.125em 2.75em;
}
.tit-q:before{
	content: "Q";
	position: absolute;
	top: 1.125em;
	left: 1.25em;
}
.body-a{
	position: relative;
	border-radius: 0 0 1em 1em;
	background-color: var(--ivory);
	padding: 1.75em 1.5em;
}
.body-a .thumb{
	position: absolute;
	top: 1.625em;
	left: 1.375em;
	width: 62px;
	z-index: 1;
}
.body-a .answer{
	width: 88%;
	padding: 2em 1.75em;
	margin-left: auto;
	border-radius: .5em;
	background-color: var(--white);
	position: relative;
}
.body-a .answer:before{
	position: absolute;
	top: -.5em;
	left: -.5em;
	width: 1.75em;
	height: 1.75em;
	line-height: 1.75em;
	font-size: .875em;
	font-weight: 600;
	text-align: center;
	border-radius: 50%;
	background-color: var(--green);
	color: var(--white);
	content: "A";
}
	@media screen and (max-width: 990px){
		.body-a .thumb{
			width: 48px;
		}
	}

	@media screen and (max-width: 767px){
		.body-a .thumb{
			width: 3em;
			left: auto;
			right: .75em;
			top: .5em;
		}
		.body-a .answer{
			width: 100%;
		}
	}
.table-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #c8d2b7;
	border-radius: 4px;
}
	.table-scroll::-webkit-scrollbar {
		height: 6px;
	}
	.table-scroll::-webkit-scrollbar-thumb {
		background: #bbb;
		border-radius: 3px;
	}
.vaccine-table {
	border-collapse: collapse;
	min-width: 800px;
	width: 100%;
	font-size: clamp(12px, 1.21212121vw, 15px);
	/*clamp  (12 / 990px*100)vw */
}
.vaccine-table th,
.vaccine-table td {
	border: 1px solid #bfc3b0;
	padding: 1em;
	text-align: left;
	vertical-align: top;
	line-height: 1.5;
}
.vaccine-table th {
	background: var(--green)!important;
	color: var(--white);
	font-weight: bold;
	white-space: nowrap;
	padding: .25em 1em;
}
.vaccine-table td:nth-child(1),
.vaccine-table td:nth-child(2),
.vaccine-table th:nth-child(1),
.vaccine-table th:nth-child(2) {
	background-color: var(--vividgreen);
	color: var(--white);
	text-align: center;
	font-weight: bold;
	width: 60px;
}
.vaccine-table td:nth-child(3){
	background-color: var(--cream);
}
.td-maru-icon{
	text-indent: -9999px;
	background: url(../images/common/icon-paw-white.png) no-repeat center;
	background-size: 20px auto;
}
.rabies-box img.p-right{
	position: absolute;
	top: -1em;
	right: .5em;
	width: 8.5em;
}
	@media screen and (max-width: 767px){
		.rabies-box img.p-right{
			top: -.5em;
			width: 6em;
		}
	}
.note-line{
	line-height: 27px;
	background: repeating-linear-gradient(to bottom,transparent 0,transparent 28px,#ccc 29px);
	padding-top: 2px;
	padding-bottom: 1em;
}
.checkup-tit{
	font-weight: 600;
	font-size: clamp(18px, 1.81818182vw, 20px);
	/*clamp  (18 / 990px*100)vw */
	color: var(--vividgreen);
	line-height: 1.5;
	margin-top: .25em;
}
.flex-checkup {
	margin-top: .75em;
	align-items: end;
}
.flex-checkup .body{
	width: 70%;
}
.flex-checkup .price{
	width: 25%;
	background-color: var(--white);
	text-align: center;
	padding: 2em 0;
}
	@media screen and (max-width: 767px){
		.flex-checkup .body{
			width: 100%;
		}
		.flex-checkup .price{
			width: 100%;
			max-width: 300px;
			padding: .5em;
			margin: 0 auto;
		}
	}

.flowchart-sn > li{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	position: relative;
	margin-bottom: 2.5em;
}
.flowchart-sn > li:before{
	content: "";
	position: absolute;
	width: 1.5em;
	height: 1em;
	left: calc(10% - .75em);
	bottom: -1.75em;
	background-color: var(--vividgreen);
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.flowchart-sn > li .step{
	width: 20%;
	padding: 1em;
	font-weight: 600;
	background-color: var(--mint);
	color: var(--vividgreen);
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	border-radius: .75em;
}
.flowchart-sn > li .body{
	width: 75%;
	padding: 1em 0;
}
	@media screen and (max-width: 767px){
		.flowchart-sn > li{
			margin-bottom: 1.5em;
		}
		.flowchart-sn > li:before{
			left: calc(50% - .5em);
			bottom: -1em;
		}
		.flowchart-sn > li .step{
			width: 100%;
			display: block;
			padding: .5em 0;
			border-radius: .75em .75em 0 0;
		}
		.flowchart-sn > li .body{
			width: 100%;
			margin: 0 auto;
			padding: 1.25em 1.25em 1.75em 1.25em;
			border: 1px solid var(--mint);
			border-radius: 0 0 .75em .75em;
		}
	}

.flowchart-sn > li:last-child{
	margin-bottom: 0;
}
.flowchart-sn > li:last-child:before{
	width: auto;
	height: auto;
	left: 0;
	bottom: 0;
	background-color: none;
}
/*----------------------------------
	about
----------------------------------*/
.about-intro .bnr{
	width: 30%;
}
.bnr-100year{
	display: block;
	background: url(../images/about/bnr-100year.png) no-repeat center;
	background-size: cover;
	aspect-ratio: 31 / 13;
	line-height: 1.5;
	padding: 1.5em 0;
	font-weight: 500;
	text-align: center;
}
	@media screen and (max-width: 990px){
		.about-intro .txt{
			width: 100%;
		}
		.about-intro .bnr{
			width: 320px;
			margin-top: 2em;
			margin-left: auto;
			margin-right: auto;
		}
	}
.grid-about {
	margin-top: 3.25em;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto; 
	gap: 0 5%;
	grid-template-areas: 
	"a-copy a-mission"
	"a-summary a-mission";
}
	.a-copy { 
		grid-area: a-copy; 
	}
	.a-mission { 
		grid-area: a-mission;
	}
	.a-summary { 
		grid-area: a-summary;
		align-self: end;
	}
	@media screen and (max-width: 767px){
		.grid-about {
			grid-template-columns: 1fr;
			grid-template-rows: auto auto auto;
			gap: 1.25em 0;
			grid-template-areas:
			"a-copy"
			"a-mission"
			"a-summary";
		}
		.a-copy { 
			text-align: center;
		}
	}
.a-copy-large{
	font-size: clamp(22px, 2.22222222222vw, 32px);
	/*clamp  (22 / 990px *100)vw */
	line-height: 1.5;
	position: relative;
	left: -3px;
}
.a-copy-large span{
	font-size: 1.21875em;
	font-weight: 500;
}
.history{
	display: flex;
	flex-wrap: wrap;
}
.history dt{
	width: 20%;
	text-align: center;
	font-weight: bold;
	padding: 1em 0;
	border-bottom: 1px solid var(--beigecream);
}
.history dd{
	width: 80%;
	padding: 1em 0;
	border-bottom: 1px solid var(--beigecream);
}

/* プロフィール */
.profile-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5em;
}
.prof-card {
	display: flex;
	flex-direction: column;
	padding: 1.25em;
	border-radius: 1em;
	height: 100%;
}
.prof-header {
	display: flex; 
	align-items: center;
	margin-bottom: .75em;
}
.prof-name {
	flex: 1;
	line-height: 1.5;
}
.prof-photo img {
	border-radius: 0.5em;
	width: 4.75em;
	height: auto;
	margin-left: 1em;
}
	@media screen and (max-width: 990px){
		.profile-list {
			gap: 1em;
		}
	}
	@media screen and (max-width: 767px){
		.profile-list {
			grid-template-columns: repeat(1, 1fr);
			gap: .5em;
		}
	}
.prof-info {
	flex-grow: 1;
	font-size: clamp(11px, 1.11111111111vw, 13px);
	/*clamp  (11 / 990 *100)vw */
	line-height: 1.5;
}
.prof-comment {
	font-size: clamp(11px, 1.11111111111vw, 13px);
	margin-top: 1.25em;
}
.namae{
	font-size: 1.25em;
	font-weight: bold;
	color: var(--blue);
}
.prof-name .kana{
	font-size: clamp(11px, 1.11111111111vw, 12px);
}
.namae{
	font-size: 1.125em;
	font-weight: bold;
	color: var(--blue);
}
.prof-name .xsmall{
	font-size: clamp(11px, 1.11111111111vw, 12px);
	margin-bottom: .5em;
}
/*しっぽ*/
.shippo-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5em;
}
.shippo-list .prof-photo img{
	border-radius: 50%;
}
	@media screen and (max-width: 990px){
		.shippo-list {
			gap: 1em;
		}
	}
	@media screen and (max-width: 767px){
		.shippo-list {
			grid-template-columns: repeat(2, 1fr);
			gap: .5em;
		}
		.shippo-list .prof-card {
			padding: 1em;
		}
		.shippo-list .prof-photo img{
			width: 4em;
		}
	}


/*施設紹介*/
.shisetsu-desc{
	position: relative;
	display: flex;
}
.shisetsu-desc .txt{
	max-width: 42em;
	margin-left: auto;
}
.floor-info .floor{
	width: 2em;
	font-weight: bold;
	border-right: 1px solid var(--brown);
	margin-bottom: 1.5em;
}
.floor-info .floor-area{
	width: calc(100% - 3em);
	padding-left: 1em;
	margin-bottom: 1.5em;
}
.floor-info .floor-area dt{
	width: 9em;
	font-weight: bold;
	padding: .25em 0;
}
.floor-info .floor-area dd{
	width: calc(100% - 9em);
	padding: .25em 0;
}
.p-shisetsuillust{
	display: block;
	max-width: 100px;
	margin-left: auto;
	position: absolute;
	bottom: 0;
	right: 0;
}
	@media screen and (max-width: 767px){
		.shisetsu-desc .txt{
			max-width: 30em;
		}
		.floor-info .floor-area dt{
			width: 100%;
		}
		.floor-info .floor-area dd{
			width: 100%;
		}
		.p-shisetsuillust{
			max-width: 88px;
			bottom: -1em;
		}
		.shisetsu-desc .tomato{
			width: calc(100% - 88px - .5em);
		}
	}
/*ふれあい活動*/
.capp-profbox{
	padding: 1.25em;
	margin-top: .75em;
}
.capp-prof{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.capp-prof .txt{
	width: 55%;
}
.capp-prof .img{
	width: 40%;
	text-align: right;
}
.capp-prof .img img{
	width: 100px;
	height: 100px;
	object-fit: cover;
	object-position: top;
}


/*----------------------------------
	care
----------------------------------*/
.staff-point{
	width: 4em;
	height: auto;
	line-height: 1.0;
}
.trim-intro .bnr{
	width: 25%;
}
.att-trim{
	display: block;
	background: var(--vividgreen) url(../images/care/bnr-att-trim.png) no-repeat calc(100% - .5em); center;
	background-size: contain;
	line-height: 1.5;
	padding: 1em;
	font-weight: 500;
}
	@media screen and (max-width: 990px){
		.trim-intro .bnr{
			width: 100%;
		}
		.trim-intro .bnr{
			width: 360px;
			margin-top: 2em;
			margin-left: auto;
			margin-right: auto;
		}
	}
.triming-point ul{
	justify-content: center;
	gap: 0 1em;
}
.triming-point li{
	width: 12.5em;
	height: 12.5em;
	text-align: center;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-size: clamp(12px, 1.56453715776vw, 17px);
	/*clamp  (12 / 767 *100)vw */
	font-weight: 500;
	line-height: 1.5;
}
	@media screen and (max-width: 767px){
		.triming-point li{
			width: 115px;
			height: 115px;
		}
	}
.triming-point li:nth-child(1){
	background-image: url(../images/care/bg-circle-green.png);
}
.triming-point li:nth-child(2){
	background-image: url(../images/care/bg-circle-white.png);
}
.triming-point li:nth-child(3){
	background-image: url(../images/care/bg-circle-yellow.png);
}


.speech-bubble-line {
	position: relative;
	padding: 0 1em;
	display: block;
	max-width: 400px;
	width: 88%;
	margin: .5em auto 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	line-height: 1.5;
}
.speech-bubble-line::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 75%;
	transform: translateY(-50%) rotate(25deg);
	background: var(--gray);
}
.speech-bubble-line::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 75%;
	transform: translateY(-50%) rotate(-25deg); 
	background: var(--gray);
}
	@media screen and (max-width: 767px){
		.speech-bubble-line {
			text-align: center;
			margin: .25em auto 0;
		}
	}

.speech-bubble-line .staff-point{
	margin: 0 1em;
}
.aging-signs{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 3em;
}
.aging-signs-box:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: url(../images/care/point-paw.png) no-repeat 2.5% 2.5%;
	background-size: 6em auto;
}
.aging-signs-box .p-right{
	width: 180px;
	height: auto;
	position: absolute;
	bottom: -2em;
	right: 0;
}
.aging-signs > li{
	width: calc(33.333% - 2em);
	border-radius: 1em;
	position: relative;
}
.aging-signs .poster-box{
	padding: 1.25em 1.75em;
}
	@media screen and (max-width: 767px){
		.aging-signs > li{
			width: 100%;
			margin-bottom: 1em;
		}
	}

.aging-signs > li .tit{
	text-align: center;
	margin-bottom: 1em;
}
.aging-signs > li .tit span{
	display: inline-block;
	font-weight: bold;
	padding: .25em 2em;
	border-radius: 5em;
	position: relative;
}
.aging-signs > li .tit span:before{
	position: absolute;
	left: calc(50% - (1.5em / 2));
	bottom: -.75em;
	width: 1.5em;
	height: .75em;
	content: "";
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.aging-signs > li:nth-child(1) .tit span,
.aging-signs > li:nth-child(1) .tit span:before{
	background-color: var(--vividgreen);
}
.aging-signs > li:nth-child(2) .tit span,
.aging-signs > li:nth-child(2) .tit span:before{
	background-color: var(--yellow);
}
.aging-signs > li:nth-child(3) .tit span,
.aging-signs > li:nth-child(3) .tit span:before{
	background-color: var(--orange);
}
.aging-signs .poster-box  li{
	border-bottom: 1px solid var(--lightgray);
	padding: .5em 0;
	line-height: 1.5;
}
.senior-age{
	border-top: 1px solid var(--lightgray);
}
.senior-age li{
	padding: .75em 0;
	border-bottom: 1px solid var(--lightgray);
}
.senior-box{
	position: relative;
	padding: 3.5em 2.25em 2.25em;
	margin-top: 3.25em;
}
.food-tag li{
	padding: .25em 1em .3em;
	border-radius: 3em;
	margin-right: .5em;
	margin-bottom: .5em;
}
.food-question .tit{
	background-color: var(--vividgreen);
	background-image: url(../images/common/icon-user.png);
	background-size: 3.5em;
	background-position: calc(100% - .5em) bottom;
	background-repeat: no-repeat;
	padding: 1em 4em 1em 1em;
	border-radius: .5em;
}
.food-question .thumb img{
	max-width: 340px;
	width: 100%;
	display: block;
	margin: 0 auto;
}
.puppy-clm2-txt-btn .left{
	width: calc(100% - 220px);
}
.puppy-clm2-txt-btn .right{
	width: 220px;
	text-align: right;
}
	@media screen and (max-width: 767px){
		.puppy-clm2-txt-btn .left{
			width: 100%;
		}
		.puppy-clm2-txt-btn .right{
			width: 100%;
			margin-top: .75em;
			text-align: center;
		}
	}

.senior-box .p-right,
.family-box .p-right{
	position: absolute;
	right: -6px;
}
.senior-box .p-right{
	top: -2em;
	width: 135px;
}
.family-box .p-right{
	top: -1em;
	width: 120px;
}
	@media screen and (max-width: 767px){
		.senior-box .p-right{
			width: 5.5em;
		}
		.family-box .p-right{
			top: -1em;
			width: 5.75em;
		}
	}
/*----------------------------------
	lesson
----------------------------------*/
.puppy-teacher {
	display: block;
	position: relative;
	padding-right: 5em;
	padding: 1.25em 4em 1em 0;
}
.puppy-teacher .thumb{
	width: 3.5em;
	height: 3.5em;
	position: absolute;
	top: 0;
	right: 0;
}
.puppy-teacher .thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	border-radius: 10em;
}
.lesson-onegai li{
	margin-right: 1em;
}
#contact .otoiawase-box{
	top: 0;
}
/*----------------------------------
	access
----------------------------------*/
.googlemap-iframe iframe{
	width: 100%;
	aspect-ratio: 2/1;
}
	@media screen and (max-width: 767px){
		.googlemap-iframe iframe{
			aspect-ratio: 4/3;
		}
	}
/*----------------------------------
	schedule
----------------------------------*/
.schedule-iframe iframe{
	width: 100%;
	aspect-ratio: 4/3;
}
	@media screen and (max-width: 767px){
		.schedule-iframe iframe{
			aspect-ratio: 3/4;
		}
	}
.schedule-img{
	display: block;
	max-width: 640px;
	margin: 1em auto;
}
/*----------------------------------
	Q & A
----------------------------------*/
.icon-qanda-skyblue{
	background: url(../images/qanda/icon-qanda-skyblue.png) no-repeat 0 0;
	background-size: auto 1.375em;
}
.icon-qanda-yellow{
	background: url(../images/qanda/icon-qanda-yellow.png) no-repeat 0 0;
	background-size: auto 1.375em;
}
.icon-qanda-orange{
	background: url(../images/qanda/icon-qanda-orange.png) no-repeat 0 0;
	background-size: auto 1.375em;
}
.icon-qanda-beige{
	background: url(../images/qanda/icon-qanda-beige.png) no-repeat 0 0;
	background-size: auto 1.375em;
}
.icon-qanda-beigecream{
	background: url(../images/qanda/icon-qanda-beigecream.png) no-repeat 0 0;
	background-size: auto 1.375em;
}
.icon-qanda-olive{
	background: url(../images/qanda/icon-qanda-olive.png) no-repeat 0 0;
	background-size: auto 1.375em;
}
.img-faq{
	max-width: 700px;
}

.question-tit{
	display: flex;
	flex-wrap: wrap;
	padding: 1rem 1rem 1rem 1.375rem;
	background-color: var(--ivory);
	color: var(--darkbrown);
}
.question-txt{
	font-family: "M PLUS 1p", sans-serif;
	font-size: clamp(15px, 1.51515151515vw, 18px);
}
.font-q,
.font-a{
	font-family: "M PLUS 1p", sans-serif;
	width: 2.5rem;
	font-size: 1.25em;
	font-weight: 800;
	line-height: 1.25;
}
.question-txt,
.answer-txt{
	width: calc(100% - 2.5rem);
}
.font-q{
	color: var(--deepgreen);
}
.font-a{
	color: var(--tomato);
}
.answer-flex{
	display: flex;
	flex-wrap: wrap;
	padding: 1.5rem 0 1.5rem 1.375rem;
}
	@media screen and (max-width: 767px){
		.question-tit,
		.answer-flex{
			padding-left: 1rem;
		}
		.question-tit{
			padding-right: .5em;
		}
		.font-q{
			width: 1.75rem;
		}
		.question-txt{
			width: calc(100% - 1.75rem);
		}
		.answer-txt{
			width: 100%;
			margin-top: .25em;
		}
		.answer-flex{
			padding-top: 1rem;
		}
	}