@charset "UTF-8";
/* css Layout */

/*---------------------------------------------------- */
/* Background */
/*---------------------------------------------------- */
.bg-slanting {
	background: url(../images/bg_slanting.png) repeat left top;
}

.bg-check {
	background: url(../images/bg-check.png) repeat left top;
}

.bg-shaded {
	background: url(../images/bg_shaded.png) repeat left top;
}

.bg-dot {
	background: url(../images/bg_color-dot.png) repeat left top;
}

.bg-sand {
	background: url(../images/bg_sand.png) repeat left top;
}

.bg-mat {
	background: url(../images/bg_mat.png) repeat left top;
}

.bg-glay {
	background-color: #f3f3f3;
}

.bg-wine {
	background-color: #561b04;
}

.bg-blue {
	background-color: #eaf6fd;
}

.bg-red {
	background-color: #ffeeee;
}

.bg-light_yellow {
	background-color: #ffffcc;
}

.bg-light_red {
	background-color: #ffdede;
}

.bg-light_blue {
	background-color: #e3ffff;
}

.bg-light_green {
	background-color: #ebfadf;
}

/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
section {
	width: 100%;
	height: auto;
}

/*  PC  */
@media print, screen and (min-width: 960px) {
/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
#sect001 {
	padding: 50px 0 50px 0;
	width: 100%;
	height: auto;
}

#sect001 .waku_sect {
	margin: 0 auto;
	max-width: 1080px;
	width: 100%;
	
}

#sect002 {
	padding: 50px 0 50px 0;
	width: 100%;
	height: auto;
}

#sect002 .waku_sect {
	margin: 0 auto;
	max-width: 1080px;
	width: 100%;
}

#sect003 {
	padding: 50px 0 50px 0;
	width: 100%;
	height: auto;
}

#sect003 .waku_sect {
	margin: 0 auto;
	max-width: 1080px;
	width: 100%;
}

#sect004 {
	padding: 50px 0 50px 0;
	width: 100%;
	height: auto;
}

#sect004 .waku_sect {
	margin: 0 auto;
	max-width: 1080px;
	width: 100%;
}

#sect005 {
	padding: 50px 0 50px 0;
	width: 100%;
	height: auto;
}

#sect005 .waku_sect {
	margin: 0 auto;
	max-width: 1080px;
	width: 100%;
}

#sect006 {
	padding: 50px 0 50px 0;
	width: 100%;
	height: auto;
}

#sect006 .waku_sect {
	margin: 0 auto;
	max-width: 1080px;
	width: 100%;
}


}

/* Tablet */
@media only screen and (max-width: 959px) and (min-width: 569px) {
/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
#sect001 {
	padding: 35px 0;
	width: 100%;
	height: auto;
}

#sect001 .waku_sect {
	margin: 0 auto;
	width: 96%;
}

#sect002 {
	padding: 35px 0;
	width: 100%;
	height: auto;
}

#sect002 .waku_sect {
	margin: 0 auto;
	width: 96%;
}

#sect003 {
	padding: 35px 0;
	width: 100%;
	height: auto;
}

#sect003 .waku_sect {
	margin: 0 auto;
	width: 96%;
}

#sect004 {
	padding: 35px 0;
	width: 100%;
	height: auto;
}

#sect004 .waku_sect {
	margin: 0 auto;
	width: 96%;
}

#sect005 {
	padding: 35px 0;
	width: 100%;
	height: auto;
}

#sect005 .waku_sect {
	margin: 0 auto;
	width: 96%;
}

#sect006 {
	padding: 35px 0;
	width: 100%;
	height: auto;
}

#sect006 .waku_sect {
	margin: 0 auto;
	width: 96%;
}

}

/* SP */
@media only screen and (max-width: 568px)  {
/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
#sect001 {
	padding: 25px 0;
	width: 100%;
	height: auto;
}

#sect001 .waku_sect {
	margin: 0 auto;
	width: 96%;
}

#sect002 {
	padding: 25px 0;
	width: 100%;
	height: auto;
}

#sect002 .waku_sect {
	margin: 0 auto;
	width: 96%;
}

#sect003 {
	padding: 25px 0;
	width: 100%;
	height: auto;
}

#sect003 .waku_sect {
	margin: 0 auto;
	width: 96%;
}

#sect004 {
	padding: 25px 0;
	width: 100%;
	height: auto;
}

#sect004 .waku_sect {
	margin: 0 auto;
	width: 96%;
}

#sect005 {
	padding: 25px 0;
	width: 100%;
	height: auto;
}

#sect005 .waku_sect {
	margin: 0 auto;
	width: 96%;
}

#sect006 {
	padding: 25px 0;
	width: 100%;
	height: auto;
}

#sect006 .waku_sect {
	margin: 0 auto;
	width: 96%;
}


}
