@charset "utf-8";

@import "setting";

#body_pp{
	.pp{
		margin: 80px auto;
		
		.container{
			width: 760px;
			
			h3{
				@include fs(16,2,.1);
				text-align: center;
				border-bottom: solid 1px #e50012;
				padding-bottom: 40px;
				@include transition(all 0.4s ease 0s);
				@include translateY(40px);
				@include opacity(0);
			}
			
			h4{
				@include fs(22,2,.1);
				margin-bottom: 40px;
				padding-bottom: 20px;
				border-bottom: solid 1px #ccc;
				@include transition(all 0.4s ease 0s);
				@include translateY(40px);
				@include opacity(0);
			}
			
			p{
				@include fs(16,2,.1);
				padding: 0 15px;
				@include transition(all 0.4s ease 0.1s);
				@include translateY(30px);
				@include opacity(0);
			}
		}

		&.active{
			.container{
				h3,h4,p{
					@include translateY(0);
					@include opacity(1);

				}
			}
		}
	}
}

@media screen and (max-width : $pc-width+px){

}

// tablet
@media screen and (min-width : $tablet-width+px) and (max-width : $pc-width+px) {

}

// smartphone
@media screen and (max-width : $tablet-width+px){
#body_pp{
	.pp{
		
		.container{
			width: 84%;
		}

	}
}


}