@charset "UTF-8";
/* CSS Document */

/*共通========================================*/

#box{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.marker{
	background : -webkit-gradient(linear, left top, left bottom, from(#fff), to(#FFE897));
    background : -webkit-linear-gradient(top, #fff, #FFE897);
    background : linear-gradient(to bottom, #fff, #FFE897);
}
.red{
	font-size:100%;
	color:#CB0003;
}
.green{
	color:#85A52D;
}
.arrow{
	width:12%;
	padding:3%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5%;
}

/*769以上表示========================================*/

@media screen and (min-width: 641px){

/*ロゴ------------------------------*/
#logo-box{
	width:90%;
	position:relative;
	margin-top:3%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:16%;
}
#logo{
	width:35%;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	z-index:1;
}
.logo-back{
	width:30%;
	margin-top:-4%;
	margin-right:10%;
	position:absolute;
	right:0;
	z-index:0;
}
/*------------------------------*/
#box h2{
	padding-top:2%;
	padding-bottom:2%;
	padding-left:10%;
	font-size:220%;
	text-align:left;
	background-image:url(../img/back.jpg);
}
#box h3{
	clear:both;
	font-size:180%;
	margin-top:5%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5%;
	text-align:center;
}
.box-p{
	width:80%;
	font-size:120%;
	font-family:sans-serif;
	margin-bottom:20%;
	text-align:left;
}

/*ピンクバック------------------------------*/
#pink-back{
	clear:both;
	width:100%;
	padding-top:5%;
	padding-bottom:5%;
	background-image:url(../img/back-about.jpg);
}
#pink{
	width:70%;
	margin-top:1%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2%;
	border-radius:20px;
	background-color:#FFFFFF;
}
#pink p{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:8%;
	font-size:120%;
	font-family:sans-serif;
}

/*緑枠------------------------------*/
#box-green{
	width:60%;
	padding-bottom:3%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5%;
	border-radius:40px;
	background-color:#FFFFFF;
	border:#699404 solid 5px;
}
#box-green p{
	width:90%;
	font-size:120%;
	font-family:sans-serif;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3%;
	text-align:left;
}
#box-green,#box-green-b p{
	width:80%;
	font-size:120%;
	font-family:sans-serif;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3%;
	text-align:left;
}
#box-img{
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
}

/*640以下表示========================================*/

@media screen and (max-width:640px){
	
/*ロゴ------------------------------*/
#logo{
	width:60%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5%;
}

/*------------------------------*/
#box h2{
	padding-top:2%;
	padding-bottom:2%;
	font-size:300%;
	text-align:center;
	margin-bottom:5%;
	background-image:url(../img/back.jpg);
}
#box h3{
	clear:both;
	font-size:150%;
	margin-top:5%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5%;
	text-align:center;
}
.box-p{
	width:80%;
	font-size:140%;
	font-family:sans-serif;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10%;
	text-align:left;
}

/*ピンクバック------------------------------*/
#pink-back{
	width:100%;
	padding-top:5%;
	padding-bottom:5%;
	background-image:url(../img/back-about.jpg);
}
#pink{
	width:80%;
	margin-top:5%;
	margin-left:auto;
	margin-right:auto;
	border-radius:20px;
	background-color:#FFFFFF;
}
#pink p{
	width:80%;
	padding-top:8%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:5%;
	font-size:140%;
	font-family:sans-serif;
}

/*緑枠------------------------------*/
#box-green,#box-green-b{
	padding-bottom:3%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5%;
	border-radius:40px;
	background-color:#FFFFFF;
	border:#699404 solid 5px;
}
#box-green p{
	width:90%;
	font-size:120%;
	font-family:sans-serif;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3%;
	text-align:left;
}
#box-green-b p{
	width:80%;
	font-size:120%;
	font-family:sans-serif;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3%;
	text-align:left;
}
#box-img{
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
}