@charset "UTF-8";

/* CSS Document */

/*===================================================
    各画面作成用CSS(スマホ)
===================================================*/
/*//////////////////////////////////////////////////
    トップページ(sp)
///////////////////////////////////////////////////*/
#top {
	margin-top: 20px;
}

/* --------------------------------------------------
    キービジュアル
-------------------------------------------------- */
#topKv {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url("../../image/common/pattern_ami.png");
}
#topKv .ttlBox {
	margin: -25px auto 0;
	padding: 0 0 10px;
}
	#topKv h1 {
		width: 280px;
		margin: 0 auto 10px;
	}
	#topKv h1 + p {
		margin: 0 auto;
		font-size: 14px;
		font-weight: bold;
		color: #755343;
	}
	#topKv .scroll {
		display: none;
	}
/* --------------------------------------------------
    メイン
-------------------------------------------------- */
#top h2 {
	margin-bottom: 20px;
	font-size: 20px;
}
	#top h2 span {
		font-size: 15px;
	}

/*	ペットプラスの想い 
-------------------------------------------------- */
#top .sec01 {
	padding: 55px 10px;
}
#top .sec01 h2 + div > img {
	display: block;
	margin: 0 auto 15px;
}
#top .sec01 h2 + div > p {
	padding: 0 10px;
}

/*	はじめに
-------------------------------------------------- */
#top .sec02:before {
    top: -8px;
    height: 16px;
    background-size: auto 16px;
}
#top .sec02:after {
	bottom: -8px;
    height: 16px;
    background-size: auto 16px;
}
	#top .sec02 .introBox {
		padding: 55px 0;
	}
	#top .sec02 .introBox:before {
		background-size: 48px auto;
	}
		#top .sec02 .introBox h2 + p {
			margin-bottom: 30px;
			padding: 0 10px;
		} 
		#top .sec02 .introBox ul {
			margin-bottom: 40px;
		}
			#top .sec02 .introBox ul li {
				padding: 145px 20px 20px;
			}
			#top .sec02 .introBox ul li + li {
				margin-top: 25px;
			}
			#top .sec02 .introBox ul li:first-child {
				background-position: center 25px;
				background-size: 240px auto;
			}
			#top .sec02 .introBox ul li:nth-child(2) {
				background-position: center 25px;
				background-size: 235px auto;
			}
			#top .sec02 .introBox ul li:nth-child(3) {
				background-position: center 25px;
				background-size: 210px auto;
			}
			#top .sec02 .introBox ul li dl dt {
				margin-bottom: 5px;
				font-size: 17px;
			}

/*	コンテンツメニュー
-------------------------------------------------- */
#top .topMenu .introList {
	width: 100%;
	margin: 0 auto;
	padding: 55px 0;
	background: #ffffff;
}
	#top .topMenu .introList ul li {
		padding: 115px 15px 15px;
		border-radius: 4px;
		border: 2px solid #fee6e9;
		background-position: center 20px;
		background-size: 280px auto;
	}
	#top .topMenu .introList ul li + li {
		margin-top: 20px;
	}
		#top .topMenu .introList ul li dl dt {
			font-size: 20px;
		}
		#top .topMenu .introList ul li dl dt + dd {
			margin-bottom: 20px;
		}
		#top .topMenu .introList ul li dl dt + dd + dd a {
			padding-right: 10px;
			background-size: 6px auto;
		}

/* --------------------------------------------------
    petplus公式サイトへ
-------------------------------------------------- */
#ohpLinkTop {
	padding: 50px 10px 90px;
}
	#ohpLinkTop .ohpBox {
		padding: 40px 10px;
	}
		#ohpLinkTop .ohpBox dd > p {
			margin-bottom: 20px;
		}
		#ohpLinkTop .ohpBox dd > div .linkBtn {
			
		}