@charset "utf-8";

header{
	z-index:1;
}

main{
	padding-top:109px;
}

h1{
	font-size: 4rem;
	color: #fff;
	text-shadow: 1px 2px 3px #808080;
	background: url("../images/activation/h1-1.jpg") no-repeat center / cover;
	text-align: center;
	height:300px;
	padding-top:100px;
	box-sizing: border-box;
}
h2,.concept{
	text-align: center;
	margin-top: 50px;
}

.concept img{
	margin: 50px auto;
}
.ex {
	font-size:1.75rem;
	text-align: center;
}
.type {
	margin:50px auto;
	width:1010px;
}
.type ul{
	display: flex;
	flex-wrap: wrap;
	}
.example{
	width: 320px;
	height: 320px;
	color:#FFF;
	margin-right: 5px;
	margin-bottom:5px;
	box-sizing:border-box;
	display:inline-block;
	opacity: 0;
	transform : translate(0, 100px);
	transition : all 1500ms;
	z-index:0;
}
.example.scrollin{
	opacity: 1;
	transform: translate(0, 0);
}
	
.example em{
	padding-top:30px;
	padding-left:20px;
	line-height:1.8;
}
.example p{
	padding-left:20px;
	line-height:1.2;
}
.example.pets {
	background: url(../images/activation/pets.jpg) no-repeat center / cover ;
}
.example.baby {
	background: url(../images/activation/baby.jpg) no-repeat center / cover;
}
.example.music {
	background: url(../images/activation/music.jpg) no-repeat center / cover;
}
.example.outdoor {
	background: url(../images/activation/outdoor.jpg) no-repeat center / cover;
}
.example.education {
	background: url(../images/activation/education.jpg) no-repeat center/ cover;
}
.example.senior {
	background: url(../images/activation/senior.jpg) no-repeat center / cover;
}
.button_wrapper{
	text-align: center;
	margin-top:100px;
	margin-bottom: 100px;
}
.contact{
	text-align:center;
}

/*----------------------------
	media query
-----------------------------*/
@media (min-width: 641px) {
.br_sp{
	display: none;
}
	
}
@media only screen and (max-width:640px){
h1{
	font-size: 3rem;
	height:200px;
	padding-top:70px;
}
main{
	padding-top:70px;
}
.concept img{
	width:100%;
	height:auto;
	margin: 20px auto;
}
.concept p {
	text-align:left;
	}

.type{
	width:100%;
	margin:0 auto;
}
.button_wrapper{
	margin-top: 40px;
}
.example{
	display:block;
	margin:0 0 20px;
	height:192px;
}
.example.pets {
	background: url(../images/activation/pets_sp.jpg) no-repeat center / cover;
}
.example.baby {
	background: url(../images/activation/baby_sp.jpg) no-repeat center / cover;
}
.example.music {
	background: url(../images/activation/music_sp.jpg) no-repeat center / cover;
}
.example.outdoor {
	background: url(../images/activation/outdoor_sp.jpg) no-repeat center / cover;
}
.example.education {
	background: url(../images/activation/education_sp.jpg) no-repeat center / cover;
}
.example.senior {
	background: url(../images/activation/senior_sp.jpg) no-repeat center / cover;
}
.example em{
	padding-top:20px;
	padding-left:15px;
	line-height:1.5;
}
.example p{
	padding-left:15px;
	line-height:1.15;
}
.type{
	margin:30px auto;
}
.ex {
	font-size:1.3rem;
}
h2,.concept{
	margin-top: 20px;
}
}