/*全体的なこと*/
	body {
				min-width: 1200px;
				width: 100%;
				word-break: break-word;
				letter-spacing: .1em;
				font-weight: 400;
				font-size: 1.5rem;
				line-height: 1.5;
				overflow-wrap: break-word;
				-webkit-text-size-adjust: 100%;
				}
				.text_area {
			margin: 10px 0 20px;
				}
				p {
				font-size: 1rem;
				line-height: 1.5rem;
				}
				.sp {
				display: none;
				}
				header {
				position: fixed;
				z-index: 3;
				top: 0;
				width: 100%;
				height: 40px;
				background-color: #fff;
				padding: 10px;
				}
				.logo img {
				height: 45px;
				}
				footer {
				text-align: center;
				padding: 20px 0;
				background: linear-gradient(45deg, #a6e3f9, #ff9ad4);
				}
				.lp {
				max-width: 480px;
				margin: 0 auto;
				border: 1px solid #000;
				background: #fff;
				}
				.text_area p {
				text-align: left;
				}
	li{
	font-size: 1rem;
				line-height: 1.5;
				list-style:none;
	}
	ul{
		padding-left:0;
		}
		.br_pc{
		display: block;
		}
	.br_sp{
	display: none;
	}
	@media screen and (max-width:767px) {
	/*全体的なこと*/
	.pc {
	display: none;
	}
	.sp {
	display: block;
	}
	.lp {
				width: 100%;
				margin: 0 auto;
				border: 0px solid #000;
				}
				body {
				min-width: 100%;
				}
						.br_pc{
		display: none;
		}
				.br_sp{
	display: block;
	}
				}
				/*背景*/
				.lp-bg {
				position: fixed;
				width: 100%;
				height: 100vh;
				background: url(/lp/pet/img/lp-pet-bg.png) center top repeat-x;
				background-size: auto 100vh;
				animation: scroll-anim 90s linear infinite;
				z-index: -1;
				}
				@keyframes scroll-anim {
	100% {
		background-position: 300% 0;
	}
	}
	/*TOP画像*/
	.lpimg {
				width: 100%;
				text-align: center;
				height: auto;
				margin-top: 60px;
				}
				.lpimg img{
				width: 100%; 
				}
				
				/*ポイント*/
				.point_bg{
				position: relative;
				margin: 0 auto;
				padding: 20px;
				background-color: #ffe0e9;
				}
				.point{
				width: 100%; 
				text-align: center;
				height: auto;
				}
				.point img{
				width: 100%; 
				}
				h3.third_point {
				font-weight: bold;
				font-size: 1.5rem;
				line-height: 2rem;
				color: #FF861E;
				text-align: left;
				width: 85%;
				}
		.flame {
				text-align: center;
				background-color: #FFF;
				position: relative;
				padding: 30px 15px 10px 15px;
				margin-top: 25px;
				}
				.point_no {
				margin: 0 auto;
				max-width: 15%;
				height: 100%;
				}
				.point_img{
				margin: 0 auto;
				width: 100%;
				}
				.point-title {
				display: flex;
				margin-bottom: 10px;
				}
				h4 {
				position: relative;
				font-size: 23px;
				line-height: 1.5;
				}
				h4:before {
				content: '';
				position: absolute;
				bottom: -9px;
				display: inline-block;
				width: 60px;
				height: 5px;
				left: 50%;
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
				background: linear-gradient(to right, rgba(0, 165, 230, 0.7), rgba(146, 102, 216, 0.7));
				border-radius: 2px;
				}
				span{
				font-size: 1.8rem;
				}
				.small{
					font-size: 1rem;
				}
				.point_five {
				padding: 10px 0;
				}
				.point_five_img{
				display: flex;
				margin: 20px 0;
				}
				.point_five_img img{
				width: 50%;
				}
				/*資格*/
				.shikaku {
				margin-bottom: 20px;
				}
				.shikaku_title {
				padding: 0.5em 1em;
				margin: 2em 0 1em;
				color: #2c2c2f;
				background: #FFFFFF;
				font-size: 1.2rem;
				font-weight: bold;
				}
				.shikaku_p{
				padding-bottom: 10px;
				border-bottom: 1px solid #ccc;
				}
				.shikaku_ul{
				padding: 10px 10px 0;
				}
				/*OC*/
				.oc_bg{
				position: relative;
				margin: 0 auto;
			padding: 20px;
				background-color: #ffffb7;
				}
				.oc_title{
				width: 100%;
				text-align: center;
				margin: 10px 0 20px 0;
				}
				.oc_title img{
				width: 100%; 
				}
				.thumb_cont_list.column_2 {
				margin: 0 auto -20px;
				}
				.thumb_cont_list.column_2 > li {
				margin-bottom: 24px;
				}
				.oc_bg img {
				width: 100%;
				}
				/*ボタン*/
				.btn_bg{
				position: relative;
				margin: 0 auto;
				padding: 10px 4%;
				}
				.lp_btn {
				display: block;
				width: 70%;
				margin: 0 auto;
				}
				.lp_btn img {
				width: 100%;
				margin: 0 auto;
				padding: 10px 0;
				}
				/*ポップアップ*/
				.pop1 {
				width: 120px;
				position: absolute;
				bottom: -39px;
				right: 0px;
				z-index: 2;
				}
				.pop2 {
				width: 100px;
				position: absolute;
				bottom: -49px;
				left: 0px;
				z-index: 2;
				}
				.pop3 {
				width: 100px;
				position: absolute;
				bottom: -47px;
				right: 0px;
				z-index: 2;
				}
				.pop4 {
				width: 100px;
				position: absolute;
						bottom: -55px;
				left: 0px;
				z-index: 2;
				}
				.pop5 {
				width: 120px;
				position: absolute;
				bottom: -50px;
				right: 0px;
				z-index: 2;
				}
				@media screen and (max-width:767px) {
			
				}
				/*アニメーション*/
	.fadeUp{
	animation-name:fadeUpAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity:0;
	}
	
	@keyframes fadeUpAnime{
		from {
				opacity: 0;
		transform: translateY(100px);
		}
		to {
				opacity: 1;
		transform: translateY(0);
		}
		}
	.fadeUpTrigger{
				opacity: 0;
				}
				/*よくある質問*/
				.faq_bg{
				background-color: #84ccce;
				padding: 40px 0;
				text-align: center;
				}
								.faq_top img{
				width: 100%;
				}
				.accordion {
				width: 90%;
				margin: 0 auto;
				}
				.accordion-item {
				margin-bottom: 2rem;
				}
				.accordion-check {
				display: none;
				}
				.accordion-label {
				position: relative;
				display: block;
				cursor: pointer;
				padding: 15px;
				border-right: 40px solid #26798d;
				border-top: solid 3px #26798d;
				border-left: solid 3px #26798d;
				border-bottom: solid 3px #26798d;
				background-color: #fff;
				font-size: 16px;
				font-weight: bold;
				text-align: left;
				}
				.accordion-label::after {
				width: 20px;
				transform: translateY(-50%);
				color: #ffffff;
				font-size: 30px;
				content: '+';
				z-index: 2;
				position: absolute;
				right: -30px;
				top: 50%;
				}
				.accordion-box {
				height: 0;
				overflow: hidden;
				opacity: 0;
				background-color: #fff;
				transition: all .5s;
				}
				.accordion-check:checked~.accordion-box {
				height: auto;
				opacity: 1;
				padding: 1rem;
				text-align: left;
				}
				.accordion-check:checked+.accordion-label:after {
				content: '-';
				}
				.accordion-label span{
				color: #26798d;
				font-size: 1.8rem;
				}
				.accordion-box span{
				color: #ff7178;
				font-size: 1.8rem;
				}
				.accordion-box{
				font-size: 20px;
				}
				@media screen and (max-width:767px) {
				.accordion-label {
				padding: 10px;
				font-size: 15px;
				}
				.accordion-label span, .accordion-box span{
				font-size: 1.5rem;
				}
				}
				/*フッター*/
				footer {
				text-align: center;
				}
				}