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

body{
	line-height: 1.3;
}

/*header
--------------------------------*/
header{
	background: url(../images/bg_header.png) 0 0 repeat-y;
	-webkit-background-size:contain;
	background-size: contain;
}

header #logoArea {
	background-color: #fff;
	line-height: 1;
}

header #logoArea h1{
	margin: 0 auto;
	width: 240px;
}

header h2{
}

/*info01
--------------------------------*/
#info01{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F74A71),color-stop(1, #F96C8C));
	background:linear-gradient(#F74A71 0%, #F96C8C 100%);
	margin-bottom: 20px;
}

#info01 ul{
	width: 96.9%;
	margin: 0 auto;
	padding: 10px 0 2px;
}

#info01 ul li{
	width: 50%;
	float: left;
}

#info01 dl{
	width: 95%;
	margin: 0 auto;
}

#info01 dt{
	width: 43.1%;
	margin: 0 auto;
	border-top: 1px solid #F9849E;
	border-bottom: 1px solid #F53863;
	-webkit-box-shadow:0 -1px #F53863,0 1px #F9849E;
	box-shadow:0 -1px #F53863,0 1px #F9849E;
	padding: 0 28.45% 0;
}

/*block01
--------------------------------*/
#block01{
	width: 95%;
	margin: 0 auto 25px;
	border: 1px solid #FCD3D3;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius:10px;
	border-radius:10px;
	}

#block01 .box{
	margin-bottom: 20px;
}

#block01 .tit{
	background-color:#FDE3E3;
	-webkit-border-top-left-radius:9px;
	border-top-left-radius:9px;
	-webkit-border-top-right-radius:9px;
	border-top-right-radius:9px;
}

#block01 h3{
	width: 97%;
	margin: 0 auto 20px;
	padding:1.5% 1.5% ;
}

#block01 h4{
	margin: 0 auto;
	width: 95%;
	margin-bottom: 12px;
}

#block01 p{
	margin: 0 auto;
	width: 95%;
	margin-bottom: 8px;
	font-size: 1.4rem;
	line-height: 1.5;
}

#block01 .btn{
	margin: 0 auto;
	width: 95%;
}

/*info02
--------------------------------*/
#info02{
	margin:0 auto 14px;
	width: 95%;
}

#info02 .box{
	background-color: #FDE3E3;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
	padding-bottom: 12px;
}

#info02 .left{
  width: 47.4%;
  float: left;
  padding:0  2.8% 0 2.8%;
}

#info02 .right{
	width: 44.7%;
	float: left;
}

/*block02
--------------------------------*/
#block02{
	background-color: #F7F5F4;
	margin-bottom: 20px;
}

#block02 h4{
	margin-bottom: 15px;
}

#block02 h4 + P{
	width: 97%;
	margin:0 auto 20px;
	font-size: 1.4rem;
	line-height: 1.5;
}

#block02 p span{
	color: #D80000;
}

#block02 p:nth-child(6) span{
	color: #DF4B8C;
}

#block02 p:nth-child(9) span{
	color: #B24CAB;
}

#block02 dt{
	margin-bottom: 12px;
}

#block02 dd{
	margin-bottom: 20px;
}

#block02 div{
	margin-bottom: 20px;
}

/*block03
--------------------------------*/
#block03{
	margin-bottom: 20px;
	background-color: #F7F5F4;
}


/*block04
--------------------------------*/
#block04{
	position: relative;
}

#block04 h3{
	margin-bottom: 20px;
}

#block04 div{
	position: absolute;
	left:2.3%;
	bottom:0.8%;
	width: 95%;
	}
/*footer
--------------------------------*/
footer{
	padding-top: 8px;
	background: url(../images/bg_header.png) 0 0 repeat-y;
	-webkit-background-size:contain;
	background-size: contain;
}

footer .logo{
	background-color: #fff;
	margin-bottom: 17px;
	box-shadow:0 1px 2px rgba(64,0,0,0.22);
}

footer .logo p{
	width:240px;
	margin: 0 auto;
}

footer > p{
	background-color: #574046;
	font-size: 1rem;
	padding: 10px 0;
	text-align: center;
	color: #fff;
}

footer>dl>dt{
	width: 288px;
	margin: 0 auto 17px;
}

footer .address{
	width: 61px;
	margin: 0 auto 7px;
}

footer dt,footer{
	text-align: center;
}

footer .address + dd{
	font-size: 1.2rem;
	margin-bottom: 7px;
}

footer .address + dd +dd{
	font-size: 1.4rem;
	margin-bottom: 20px;
	color: #fff;
	text-decoration: underline;
}

footer>dl>dd{
	font-size: 1rem;
	margin-bottom: 20px;
}

footer dd a{
	color: #fff;
}
/*btn
--------------------------------*/
.btn{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.btn02{
	width: 95%;
	margin: 0 auto;
	margin-bottom: 26px;
}