@charset "UTF-8";

/* live-animal-clinic
---------------------------------------------------------------------------*/
#head-imgslider .slick-track div:nth-of-type(1) {
	background-position: left 18% center !important;
}

#head-imgslider .slick-track div:nth-of-type(2) {
	background-position: left center !important;
}

#live-animal-clinicContents {
	overflow: hidden;
}

.container {
	margin-bottom: 65px;
}


/* idea-container
---------------------------------------------------------------------------*/
.idea-container {
	position: relative;
	background: url(../img/live-animal-clinic/bg_animal_sp.png) no-repeat center top / 100% 100%;
	margin: 80px 0 0;
	padding: 58px 0 80px;
	text-align: center;
}

.idea-container:before {
	display: block;
	content: '';
	position: absolute;
	top: -31px;
	left: 50%;
	transform: translateX(-50%);
	background: url(../img/share/pic-header.svg) no-repeat left top;
	width: 141px;
	height: 58px;
}

.idea-container .idea-message {
	position: relative;
	opacity: 0;
	top: -20px;
}

.idea-container .item {
	margin-bottom: 8px;
	color: #F49800;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.1em;
}

.idea-container .item:before {
	width:20px;
	display:inline-block;
	content:"　";
	background:url(../img/share/ico_line_orange.png) no-repeat 0 center / 11px auto;
}

.idea-container .item:after {
	width:19px;
	display:inline-block;
	content:"　";
	background:url(../img/share/ico_line_orange.png) no-repeat right center / 11px auto;
}

.idea-container .title {
	display: inline-block;
	margin: 0 0 18px;
	padding: 0 0 2px;
	color: #F49800;
	font-size: 20px;
	line-height: 1.7;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

.idea-container .txt {
	margin:0 0 16px;
	font-weight: 500;
	line-height:2.1;
	letter-spacing: 0.14em;
}

.idea-container span.character1 { display:block; position:absolute; top:48px; left:22px; }
.idea-container span.character2 { display:block; position:absolute; top:208px; right:-16px; }
.idea-container span.character3 { display:block; position:absolute; left:15px; bottom:158px; }
.idea-container span.character4 { display:block; position:absolute; right:14px; bottom:26px; }

.idea-container span.character img { position:relative; top:-10px; opacity:0; }

.idea-container span.character1 img { width: 37px; }
.idea-container span.character2 img { width: 71px; }
.idea-container span.character3 img { width: 43px; }
.idea-container span.character4 img { width: 65px; }


/* five-promise
---------------------------------------------------------------------------*/
.five-promise {
	position: relative;
	margin: 0 auto 80px;
	padding: 0 10%;
	z-index: 1;
}

.five-promise:before {
	display: block;
	content: '';
	position: absolute;
	top: -90px;
	left: -30px;
	background: url(../img/share/bg_leaf2.png) no-repeat left top / 100% auto;
	width: 93px;
	height: 48px;
	z-index: 0;
}

.five-promise:after {
	display: block;
	content: '';
	position: absolute;
	top: -4px;
	right: -26px;
	background: url(../img/share/bg_leaf2.png) no-repeat left top / 100% auto;
	width: 93px;
	height: 48px;
	z-index: 0;
}

.five-promise .title {
	position: relative;
	margin-bottom: 25px;
	z-index: 1;
}

.five-promise .title img {
	margin-left: -7px;
}

.five-promise .five-promise-box {
	position: relative;
	margin-bottom: 40px;
}

.five-promise .five-promise-box .number {
	position: absolute;
	top: 41.2vw;
	left: 0;
	width: 100%;
	margin: 0;
	text-align: center;
}

.five-promise .five-promise-box .number img {
	width: 40px;
}

.five-promise .five-promise-box figure {
	margin: 0 0 35px;
}

.five-promise .five-promise-box figure img {
	width: 100%;
	height: auto;
}

.five-promise .five-promise-box .txt {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.75;
	letter-spacing: 0.06em;
	text-align: justify;
}

.five-promise .five-promise-box .txt strong {
	color: #F39F0C;
	font-weight: 600;
}


/* f-activity
---------------------------------------------------------------------------*/
.f-activity {
	margin-bottom: 40px;
}

.f-activity:last-child {
	margin-bottom: 0;
}

.f-activity .activity-box {
	position: relative;
	margin: 0 0 45px;
}

.f-activity .activity-box:last-of-type {
	margin-bottom: 0;
}

.f-activity .activity-box:not(.activity-box-l) figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 85px;
}

.f-activity .activity-box.activity-box-l figure {
	margin-bottom: 28px;
}

.f-activity .activity-box figure img {
	width: 100%;
}

.f-activity .activity-box:not(.activity-box-l) .activity-box-right > div:first-of-type {
	min-height: 102px;
	margin-left: 106px;
}

.f-activity .activity-box .activity-box-right .item {
	margin-bottom: 3px;
	color: #f39800;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

.f-activity .activity-box .activity-box-right .item.line2 { padding-top: 18px; }
.f-activity .activity-box .activity-box-right .item.line3 { padding-top: 8px; }
.f-activity .activity-box .activity-box-right .item.line4 { padding-top: 0; }

.f-activity .activity-box .activity-box-right .tit {
	display: inline-block;
	margin-bottom: 22px;
	padding: 0 0 2px;
	color: #f39800;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.7;
	letter-spacing: 0.1em;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

.f-activity .activity-box.activity-box-l .activity-box-right .tit {
	margin-bottom: 12px;
}

.f-activity .activity-box .activity-box-right .item.line2 + .tit { margin-bottom: 36px; font-size: 15px; }
.f-activity .activity-box .activity-box-right .item.line3 + .tit { font-size: 14px; }
.f-activity .activity-box .activity-box-right .item.line4 + .tit { margin-bottom: 16px; font-size: 14px; }

.f-activity .activity-box .activity-box-right .txt {
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 1.85;
	letter-spacing: 0.04em;
	text-align: justify;
}

.f-activity .activity-box .activity-box-right .txt:last-child {
	margin-bottom:0;
}

.f-activity .activity-box .activity-box-right .link-btn {
	display: block;
	margin: 18px 0 0;
}

.f-activity .activity-box .activity-box-right .link-btn + .link-btn {
	margin-top: 10px;
}

.f-activity .activity-box .activity-box-right .link-btn a {
	display: block;
}

.f-activity .activity-box .activity-box-right .box {
	display: inline-block;
	background-color: #FDF9E0;
	border-radius: 9px;
	margin: 12px 0 4px;
	padding: 22px 18px 20px 22px;
}

.f-activity .activity-box .activity-box-right .box h3 {
	margin-bottom: 16px;
	color: #F39800;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.12em;
}

.f-activity .activity-box .activity-box-right .box li {
	line-height: 1.6;
}