@charset "UTF-8";
/* CSS Document */
body{
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	background-color:#F1F1F1;
}

h1{
	color:#444;
	text-align:center;
	font-size:3rem;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: bold;
}

h2{
	margin:20px;
}

.h2back{
	margin:10% 200px 5% 200px;
	padding:10px;
	background-color:#7FD1DE;
}

.tdbg1{
	margin:0 0 0 0;
	padding:10px;
	background-color:#e0e6f2;
	width:20%;
	border-color:#323232;
	border-top:1px solid;
	vertical-align: middle;
}

.tdbg2{
	margin:0 0 0 0;
	padding:10px;
	background-color:#fff;
	width:100%;
	border-color:#323232;
	border-top:1px solid;
	vertical-align: middle;
}

@media(max-width: 960px) {
#wrapper{
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	width:100%;

	}
	.maximg{
		margin:0 auto 0 auto;
		padding;0 0 0 0;
		width:100%;
		
	}
	
		.90img{
		margin:0 auto 0 auto;
		padding;0 0 0 0;
		width:90%;
		
	}
	
	.textpink{
		padding:40% 10%;
		width:80%;
		/*background-color:#F2AEAC;*/
	}
	
		.texth1{
		padding:10%;
		width:80%;
		/*background-color:#F2AEAC;*/
	}
	
			.texth12{
		padding:0% 10% 10% 10%;
		width:80%;
		/*background-color:#F2AEAC;*/
	}
	
		.textblue{
		padding:40% 10%;
		width:80%;
		/*background-color:#87E0E9;*/
	}
}

@media(min-width: 961px) {
#wrapper{
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	width:1000px;
}
	
	.maximg{
		margin:0 auto 0 auto;
		padding;0 0 0 0;
		width:1000px;
		
	}
	
			.90img{
		margin:0 auto 0 auto;
		padding;0 0 0 0;
		width:90%;
	}
	
		.textpink{
		padding:300px 50px;
		width:900px;
		/*background-color:#F2AEAC;*/
	;}
	
			.texth1{
		padding:50px;
		width:900px;
		/*background-color:#F2AEAC;*/
	}
				.texth12{
		padding:0px 50px 50px 50px;
		width:900px;
		/*background-color:#F2AEAC;*/
	}
			.textblue{
		padding:300px 50px;
		width:900px;
		/*background-color:#87E0E9;*/
	}
}

p{
	font-size:2.3rem;
	color:#444;
}

div.animation_box {
  opacity: 0;
  transform: translateY(50px);
  transition: 3s ease;
}

div.animation_box2 {
  opacity: 0;
  transform: translateY(30px);
  transition: 3.1s ease;
}

div.animation_box3 {
  opacity: 0;
  transform: translateY(30px);
  transition: 3.2s ease;
}

div.animation_box4 {
  opacity: 0;
  transform: translateY(30px);
  transition: 3.3s ease;
}

div.animation_box5 {
  opacity: 0;
  transform: translateY(30px);
  transition: 3.4s ease;
}