.information-style .header-flex{
	background: rgb(69,71,67,.2);
}
.information{
	max-width: 1080px;
	width:100%;
	margin: 0 auto 4em;
	padding-top: calc(41px + 3.25% + 3.25%);
}
.z-index-1{
	position: relative;
	z-index: 1;
}
	@media screen and (max-width: 979px) {
		.information-style .header-flex{
			padding-bottom: 1.25rem;
		}
		.information{
			padding-top: 6.5em;
			margin-bottom: 0;
		}
	}
	@media screen and (max-width: 767px) {
		.information-style .header-flex{
			padding-bottom: 2.25rem;
		}
	}

.information-body-white{
	background: #fff;
	box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, .05);
	position: relative;
}

/* 各配所 */
.bg-midori{
	background: #e1f4f0 url(../images/common/ptn-midori.jpg);
	background-size: 320px auto;
}
.bg-whitegrey{
	background: #f4f4f2 url(../images/common/ptn-02.jpg);
	background-size: 320px auto;
}
.bg-yellow{
	background: #fffde5 url(../images/common/ptn-yellow.jpg);
	background-size: 320px auto;
}


/* 春の予防 
-----------------------------------*/
.spring{
	padding: 5em 0 7.5em;
	position: relative;
}
.spring:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px;
	background: url(../information/spring/images/top.png) no-repeat top left;
	background-size: contain;
	content: "";
	z-index: 0;
}
.spring:after{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 300px;
	background: url(../information/spring/images/top.png) no-repeat top left;
	background-size: contain;
	content: "";
	transform: scale(-1);
	z-index: 0;
}
.spring .info-head{
	text-align: center;
}
.spring img.top-txt{
	max-width: 422px;
	width: 70%;
}
.spring img.top-thumb{
	max-width: 300px;
	width: 65%;
}
.spring-yobo{
	background: #e5f6e2;
	padding: 2.75em 6%;
}
.spring-yobo-tit{
	background: #a2df98;
	text-align: center;
	color: #443424;
	font-size: 1.125em;
	font-family: 'Zen Maru Gothic', serif;
	font-weight: 600;
	padding: .5em 0;
	margin-bottom: 1em;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
}
.price-txt{
	color: #94253f;
	text-align: right;
	padding-left: 1.25em;
	position: relative;
	margin-top: .25em;
}
.price-txt span.em{
	font-weight: 600;
	font-size: 1.0625em;
}
.price-txt span.marker{
	padding: 0 .5em;
}
.spring-yobo dt{
	width: 60%;
	padding: 1em 0;
	border-bottom: 1px solid #ccc;
}
.spring-yobo dd{
	width: 40%;
	padding: 1em 0;
	border-bottom: 1px solid #ccc;
	text-align: right;
	color: #94253f;
}
	@media screen and (max-width: 767px) {
		.spring-yobo dt{
			width: 100%;
			border-bottom: 0;
			padding: .5em 0 0 0;
		}
		.spring-yobo dd{
			width: 100%;
			padding: 0 0 1em 0;
		}
	}

.spring-yobo dd span.em{
	font-weight: 600;
	font-size: 1.0625em;
}
.spring-yobo dd span.marker{
	padding: 0 .5em;
}


.kenshin-desc{
	padding: 3em 2%;
	position: relative;
	z-index: 1;
}
.kenshin-desc li{
	width: calc(100% / 4);
	padding: 3em 1.25em 2.5em;
	text-align: center;
	position: relative;
	font-size: .9375em;
}
	@media screen and (max-width: 979px) {
		.kenshin-desc li{
			width: calc((100% - 1em) / 2);
			margin-bottom: 1em;
			border-radius: .5em;
			-moz-border-radius: .5em;
			-webkit-border-radius: .5em;
			box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .05);
		}
	}
	@media screen and (max-width: 767px) {
		.kenshin-desc{
			padding: 3em 6%;
		}
		.kenshin-desc li{
			width:100%;
			margin: 0 auto 1em;
			padding: 3em 2.5em 1.75em;
			border-radius: .5em;
			-moz-border-radius: .5em;
			-webkit-border-radius: .5em;
			font-size: .9375rem;
		}
	}

.kenshin-desc li:nth-child(odd){
	background: #cdede6;
}
.kenshin-desc li:nth-child(even){
	background: #e5f6e2;
}
.kenshin-desc li:nth-child(1){
	border-radius: .5em 0 0 .5em;
	-moz-border-radius: .5em 0 0 .5em;
	-webkit-border-radius: .5em 0 0 .5em;
}
.kenshin-desc li:nth-child(4){
	border-radius: 0 .5em .5em 0;
	-moz-border-radius: 0 .5em .5em 0;
	-webkit-border-radius: 0 .5em .5em 0;
}
.kenshin-desc li .tit{
	color: #443424;
	font-size: 1.625em;
	font-weight: bold;
	margin-bottom: 1.75em;
	z-index: 1;
	position: relative;
}
.kenshin-desc li img{
	position: absolute;
	top: 2em;
	left: calc(50% - 45px);
	z-index: 0;
	width: 90px;
}

/* 春の予防 キャンペーン
-----------------------------------*/
.spring-campaign-fv{
	padding-top: 5em;
	background: #fff;
	position: relative;
	aspect-ratio: 1080/600;
}
	@media screen and (max-width: 767px) {
		.spring-campaign-fv{
			aspect-ratio: 1/1;
		}
	}

.spring-campaign-fv .info-head{
	text-align: center;
	position: relative;
	z-index: 1;
}
.spring-campaign-fv .top-txt{
	max-width: 360px;
	width: 60%;
}
.spring-campaign-fv .top-thumb{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
}
.spring-campaign-bg{
	background: #b2d37f;
	padding: 2em 5%;
}
.midori{
	color: #00a83e;
}
.spring-campaign-nenrei{
	font-size: 1.75em;
}
.spring-campaign-dl{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 1px);
	border-right: 1px solid #afa9a1;
	border-bottom: 1px solid #afa9a1;
}
.spring-campaign-dl .tit,
.spring-campaign-dl .price,
.spring-campaign-dl .desc,
.spring-campaign-dl .body{
	padding: 1.5em .75em;
	border-top: 1px solid #afa9a1;
	border-left: 1px solid #afa9a1;
}
.spring-campaign-dl .tit{
	width: 15%;
	text-align: center;
}
.spring-campaign-dl .desc{
	width: 27%;
	text-align: center;
}
.spring-campaign-dl .body{
	width: 40%;
	background: #fff;
}
.spring-campaign-dl .price{
	width: 18%;
	text-align: center;
	background: #ececea;
}
	@media screen and (max-width: 767px) {
		.spring-campaign-dl{
			border-bottom: 0;
			border-right: 0;
		}
		.spring-campaign-dl .first{
			display: none;
		}
		.spring-campaign-dl .tit{
			width: 100%;
			line-height: 1.3;
			padding: 1.25em 0 .75em;
			border-right: 1px solid #afa9a1;
		}
		.spring-campaign-dl .desc{
			width: 100%;
			line-height: 1.3;
			padding: .5em 0;
			border-top: 1px solid #afa9a1;
			border-right: 1px solid #afa9a1;
		}
		.spring-campaign-dl .body{
			background: #fff;
		}
		.spring-campaign-dl .price{
			width: 40%;
			border-right: 1px solid #afa9a1;
			border-bottom: 1px solid #afa9a1;
			margin-bottom: 1em;
		}
		.spring-campaign-dl .body{
			width: 60%;
			border-bottom: 1px solid #afa9a1;
			margin-bottom: 1em;
		}
	}

.spring-campaign-dl .tit div,
.spring-campaign-dl .price div{
	position: relative;
	top: -3px;
}
.spring-campaign-dl .tit div{
	font-family: 'Zen Maru Gothic', serif;
}

.spring-campaign-dl .first{
	background: #443424;
	color: #fff;
	padding: .25em .5em;
	text-align: center;
}
.spring-campaign-dl .bronze{
	background: #f0e9e0;
	color: #443424;
	font-weight: bold;
}
.spring-campaign-dl .silver{
	background: #e9e9e6;
	color: #443424;
	font-weight: bold;
}
.spring-campaign-dl .gold{
	background: #f1edca;
	color: #443424;
	font-weight: bold;
}

.spring-campaign-foot-thumb{
	text-align: center;
}
.spring-campaign-foot-thumb img{
	max-width: 400px;
	width: 60%;
}
/* FIP
-----------------------------------*/
.fip .info-head{
	line-height: 0;
}
.fip-bg{
	background: #ebe4d8;
	padding: 3em 0 5em;
	position: relative;
}
.fip-tit{
	text-align: center;
	margin-top: -6em;
}
.fip-tit img{
	max-width: 300px;
	width: 60%;
	height: auto;
}
.point-cat01,
.point-cat02,
.point-cat03{
	max-width: 270px;
	height: auto;
	width: 33%;
	position: relative;
	margin: 1em 0 .25em;
}
.point-cat02{
	margin-left: auto;
}
	@media screen and (max-width: 767px) {
		.point-cat01,
		.point-cat02,
		.point-cat03{
			margin-top: 2.5em;
			margin-bottom: 1em;
		}
	}

.fip-desc-wrap {
	margin: auto;
	max-width: 750px;
	width: 90%;
}
.fip-midashi {
	text-align: center;
	margin-bottom: 1.25em;
}
.fip-midashi  img{
	max-width: 380px;
	width: 65%;
	height: auto;
}
.fip-matome{
	padding: 3em 0 4em;
	width: 77%;
	margin: 0 auto;
}
.fip-matome .fukidashi{
	position: relative;
	background: #94253f;
	padding: 1.75em 10%;
	font-size: 1.25em;
	color: #fff;
	text-align: center;
	border-radius: .75em;
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;
}
	@media screen and (max-width: 767px) {
		.fip-matome{
			width: 85%;
		}
		.fip-matome .fukidashi{
			padding-left: 6%;
			padding-right: 6%;
		}
	}

.fip-matome .fukidashi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #94253f;
}
.fip-matome .fukidashi div{
	padding: .5em 0;
	border-bottom: 1px dashed #cc95a2;
}
.fip-matome .fukidashi div:nth-child(1){
	border-top: 1px dashed #cc95a2;
}

/* ノミマダニ予防してますか？
-----------------------------------*/
.nomi-madani{
	position: relative;
	background: #30a1c1 url(../information/nomi-madani/images/point-top.jpg) no-repeat left top;
	background-size: 26% auto;
	padding-bottom: 6em;
}
.nomi-madani .info-head{
	background: url(../information/nomi-madani/images/point-dog.jpg) no-repeat right bottom;
	background-size: 26% auto;
	padding: 10em 0 5em;
}
.nomi-madani .top-txt{
	max-width: 430px;
	width: 55%;
	display: block;
	margin: 0 auto;
}
.nomi-madani-copy{
	color: #fff;
	font-size: 1.25em;
	font-weight: 600;
	font-family: 'Zen Maru Gothic', serif;
	line-height: 2;
	margin-top: 1.75em;
}
	@media screen and (max-width: 767px) {
		.nomi-madani .info-head{
			padding: 6em 0 6.5em;
			background-position: 108% bottom;
		}
	}
	@media screen and (max-width: 470px) {
		.nomi-madani .info-head{
				background-size: 35% auto;
		}
		.nomi-madani .top-txt{
			width: 75%;
			margin-bottom: 0 auto;
		}
		.nomi-madani-copy {
			font-size: 1.125em;
		}
		.nomi-madani-copy span{
			display: block;
		}
	}
.nomi-madani-wrap{
	background: #fff;
	border-radius: 1.5em;
	max-width: 900px;
	width: 92%;
	margin: 6.75em auto 0;
	padding: 3em 5.75em 5em 5.75em;
}
.nomi-madani-first-wrap{
	margin-top: 0;
}
	@media screen and (max-width: 767px) {
		.nomi-madani-wrap{
				padding: 3em 3em 5em 3em;
		}
	}
	@media screen and (max-width: 470px) {
		.nomi-madani-wrap{
				padding: 2em 1.5em 5em;
		}
	}

.nomi-madani-wrap .tit{
	background-color: #735b47;
	font-size: 1.5em;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: bold;
	color: #fff;
	padding: .125em 1em;
	text-align: center;
	border-radius: 3em;
	margin-bottom: 1.5em;
}
.point-nomi{
	background-image: url(../information/nomi-madani/images/point-nomi.png);
	background-position: 1em center;
	background-repeat: no-repeat;
	background-size: 1.25em;
}
.point-madani{
	background-image: url(../information/nomi-madani/images/point-madani.png);
	background-position: 1em center;
	background-repeat: no-repeat;
	background-size: 1.25em;
}

.nomi-madani-point{
	font-size: 1.125em;
	color: #318b33;
	font-weight: 600;
	font-family: "M PLUS 1p", sans-serif;
	text-align: center;
	margin-top: 3em;
}
.nomi-madani-wrap{
	position: relative;
}
.point-tree-left{
	position: absolute;
	bottom: -5em;
	left: -1em;
	max-width: 300px;
	width: 65%;
}
.point-tree-right{
	position: absolute;
	bottom: -5em;
	right: -.25em;
	max-width: 300px;
	width: 65%;
}
.nomi-madani-wrap ul{
	font-family: 'Zen Maru Gothic', serif;
	color: #735b47;
	border-top: 1px dashed;
	margin-top: 1.5em;
}
.nomi-madani-wrap li{
	position: relative;
	font-size: 1.125em;
	font-weight: 600;
	padding: .75em 0 .75em 4em;
	border-bottom: 1px dashed;
	line-height: 1.5;
}
	@media screen and (max-width: 470px) {
		.nomi-madani-point{
			margin-top: 2em;
		}
		.nomi-madani-wrap li{
			font-size: 1.08em;
		}
	}

.nomi-madani-wrap li span{
	border: 2px solid;
	width: 1em;
	height: 1em;
	display: block;
	position: absolute;
	top: 1em;
	left: 1.25em;
}
.nomi-madani-wrap li span:before{
  content: '';
  width: 12px;
  height: 6px;
  border-left: 3px solid #735b47;
  border-bottom: 3px solid #735b47;
  transform: rotate(-45deg);
	position: absolute;
	top: 0;
	left: 0;
}

/* ノミマダニ予防してますか？
-----------------------------------*/
.filaria{
	position: relative;
	background: #ffe82e url(../information/filaria/images/bg.png) repeat-y center -15%;
	background-size: 100% auto;
	padding: 6em 0;
}
.filaria .info-head{
	max-width: 700px;
	width: 88%;
	display: block;
	margin:  0 auto;
}
.filaria .thumb{
	max-width: 700px;
	width: 80%;
	margin: 3em auto 0;
}
.filaria-txt{
	text-align: center;
	margin-top: 3em;
	padding: 0 1.5%;
}
	@media screen and (max-width: 620px) {
		.filaria .info-head{
			width: 100%;
		}
		.filaria .thumb{
			width: 93%;
		}
		.filaria-txt{
			text-align: left;
			padding: 0 10%;
		}
	}


