@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


/*  6p
---------------------------*/

/*  7p
---------------------------*/

/*  8p
---------------------------*/

/*  9p
---------------------------*/

.titlehei {
	height: 90px;
}

.k9p {
	width: 60px;
	position: relative;
	left: 50%;
	margin-left: -30px;
	top: -20px;
}

.k9p2 {
	width: 80px;
	position: relative;
	left: 50%;
	margin-left: -40px;
	top: -30px;
}

.k9p3 {
	width: 70px;
	position: relative;
	left: 50%;
	margin-left: -35px;
	top: -40px;
}

.k9p4 {
	width: 80px;
	position: relative;
	left: 50%;
	margin-left: -35px;
	top: -40px;
}

.k9p5 {
	width: 60px;
	position: relative;
	left: 50%;
	margin-left: -30px;
	top: -30px;
}



.t9p {
	width: 170px;
	margin: auto;
	position: relative;
	top: -20px;
}

.t10p {
	width: 100px;
	margin: auto;
	position: relative;
	top: -20px;
}

.t10p2 {
	width: 77%;
	margin: auto;
	position: relative;
	top: -20px;
}



.bun3 li{
	margin-bottom: 15px;
}

.bg-w1 {
	background-color: #fff;
	border-radius: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.bon2 {
	width: 12px;
}

.bon2-t {
	width: 95%;
	padding-left: 3%;
}

.bg-ye {
	background-color: #FAF7E7;
	border-radius: 20px;
	padding: 15px;
}

.bg-pink11p {
	background-color: #FDEEF0;
	border-radius: 20px;
	padding: 15px;
}

.top9p {
	position: relative;
	top: -40px;
	z-index: 8;
}

.top9p2 {
	margin-top: -20px;
}

.bule-t {
	background-image: url("../img/08-title-bg.png");
	background-size: cover;
	padding-top: 5px;
	padding-bottom: 5px;
}

.bule-t p{
	color: #fff;
}

.pink-box9p {
	background-image: url("../img/08-pink-bg.png");
	background-size: cover;
	border-radius: 20px;
}

.bg-white9p {
	background-color: #fff;
	border-radius: 15px;
}

/*  10p
---------------------------*/

.ga {
	width: 70%;
	margin: auto;
}

ul.bun2-2 li{
	margin-bottom: 15px;
}

.bg-w2 {
	background-color: #fff;
	border-radius: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.w10p1 {
	width: 60%;
	margin: auto;
}

.w10p2 {
	margin-top: 20px;
}

.ya10 {
	width: 25px;
	position: absolute;
	bottom: -40px;
	left: 50%;
	margin-left: -12.5px;
}

.box101 {
	width: 40%;
}

.box102 {
	width: 53%;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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



/*  6p
---------------------------*/

/*  7p
---------------------------*/

/*  8p
---------------------------*/

/*  9p
---------------------------*/
	
	.bun3 li{
	margin-bottom: 15px;
		width: 47.5%;
		float: left;
		margin-left: 5%;
}
	
	.bun3 li:first-child{
		margin-left: 0%;
}
	
	.bun3 li:nth-child(3){
		margin-left: 0%;
		clear: both;
}
	
	.bun3 li:nth-child(5){
		margin-left: 0%;
		clear: both;
}
	

.bg-w1 {
	background-color: #fff;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.bon2 {
	width: 12px;
}

.bon2-t {
	width: 95%;
	padding-left: 3%;
}

.bg-ye {
	background-color: #FAF7E7;
	border-radius: 20px;
	padding: 20px;
}
	
.bg-pink11p {
	padding: 20px;
}
	
	.top9p {
	top: -40px;
}

	
	.h9p {
		height: 50px;
	}

/*  10p
---------------------------*/

	
		.bun2-2 li{
	margin-bottom: 15px;
		width: 47.5%;
		float: left;
		margin-left: 5%;
}
	
	.bun2-2 li:first-child{
		margin-left: 0%;
}
	
	.bun2-2 li:nth-child(3){
		margin-left: 0%;
		clear: both;
}
	
	.bun2-2 li:nth-child(5){
		margin-left: 0%;
		clear: both;
}

	
	.bun2-2 li:nth-child(7){
		margin-left: 0%;
		clear: both;
}
	
	.bg-w2 {
	padding-left: 20px;
}
	
	.w10p1 {
	width: 40%;
	margin: auto;
}

.w10p2 {
	width: 75%;
	margin: auto;
	margin-top: 20px;
}
	
	.t10p2 {
	width: 40%;
	margin: auto;
	position: relative;
	top: -20px;
}
	
	.w-10p {
		width: 60%;
		padding-left: 20%;
	}

	
}

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


/*  6p
---------------------------*/

/*  7p
---------------------------*/

/*  8p
---------------------------*/

/*  9p
---------------------------*/
	
	.titlehei {
	height: 110px;
}
	
	.k9p {
		left: 50%;
	width: 75px;
	margin-left: -37.5px;
	top: -40px;
}
	
	.k9p2 {
		left: 50%;
	width: 100px;
	margin-left: -50px;
	top: -40px;
}
	
	.k9p3 {
	width: 90px;
	left: 50%;
	margin-left: -35px;
	top: -40px;
}
	
	.k9p4 {
	width: 90px;
	position: relative;
	left: 50%;
	margin-left: -45px;
	top: -40px;
}
	
		.k9p5 {
		left: 50%;
	width: 75px;
	margin-left: -37.5px;
	top: -40px;
}

.t9p {
	width: 200px;
	margin: auto;
	top: -20px;
}
	
.t10p {
	width: 130px;
	margin: auto;
	top: -20px;
}

	
	.top9p {
	top: -70px;
}

/*  10p
---------------------------*/

.ga {
	width: 90%;
}
	
.bg-w2 {
	padding-left: 25px;
}
	
	
	.w10p1 {
	width: 30%;
	margin: 0;
}

.w10p2 {
	width: 67%;
	margin: 0;
	margin-top: 0px;
}
	
	
	.ya10 {
	width: 28px;
	bottom: -40px;
	margin-left: -14px;
}
	
.w-10p {
		width: 75%;
		padding-left: 10%;
	}
	

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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


	
/*  6p
---------------------------*/

/*  7p
---------------------------*/

/*  8p
---------------------------*/

/*  9p
---------------------------*/
	
		.bun3 li{
	margin-bottom: 15px;
		width: 32%;
		float: left;
		margin-left: 2%;
}
	
	.bun3 li:first-child{
		margin-left: 0%;
}
	
	.bun3 li:nth-child(3){
		margin-left: 2%;
		clear: none;
}
	
	.bun3 li:nth-child(4){
		margin-left: 0%;
		clear: both;
}
	
	.bun3 li:nth-child(5){
		margin-left: 2%;
		clear: none;
}
	
	.bg-w1 {
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
	
	.bg-ye {

	padding: 35px;
}
	
	.bg-pink11p {
	padding: 35px;
}
	
	.top9p2 {
	margin-top: -25px;
}

/*  10p
---------------------------*/
	
	
	.ga {
	width: 80%;
}
	
.bg-w2 {
	padding-left: 45px;
}
	
	.w10p1 {
	width: 25%;
	margin: 0;
}

.w10p2 {
	width: 67%;
	margin: 0;
	margin-top: 0px;
}

	
		.ya10 {
	width: 30px;
	bottom: -40px;
	margin-left: -15px;
}
	
		.t10p2 {
	width: 30%;
	margin: auto;
	position: relative;
	top: -20px;
}
	
	.wakupc1 {
		width: 1100px;
		margin: auto;
	}
	
	.w-10p {
		width: 75%;
		padding-left: 5%;
	}

}