@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
---------------------------*/

.box8p {
	background-color: #ebf4ec;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.box8p1 {
	margin-top: 20px;
}

.check {
	width: 20px;
}

.check1 {
	width: 95%;
	padding-left: 2%;
}

.check10 {
	width: 20px;
}

.check101 {
	width: 95%;
	padding-left: 2%;
}

ul.bun8p li{
	margin-bottom: 10px;
}

ul.bun8p2 li{
	margin-bottom: 10px;
}

.green-d {
	background-color: #ebf4ec;
	border-radius: 10px;
}

.inner8p {
	width: 90%;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.inner8p2 {
	width: 90%;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.btn-green {
	background-color: #ebf4ec;
	padding: 10px 15px;
	border-radius: 30px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.flex-8p {
		display:-webkit-box;
  	display:-ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}

ul.bun8p3 li{
	width: 80%;
	margin: auto;
	margin-bottom: 20px;
}

.btn8p {
	width: 80%;
	margin: auto;
}

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

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

table.hyou {
	width: 100%;
	font-family: source-han-sans-japanese, sans-serif;
font-weight: 300;
font-style: normal;
	font-size: 14px;
	border-collapse: collapse;
	border: solid #d6d6d6 1px;
}

table.hyou th{
	width: 40%;
	font-weight: 400;
	text-align: left;
	padding: 10px;
	border: solid #d6d6d6 1px;
}

table.hyou td{
	padding: 10px;
	border: solid #d6d6d6 1px;
}

table.hyou tr:nth-child(odd) td {
	background: #f7f8f8;
}

table.hyou tr:nth-child(odd) th {
	background: #f7f8f8;
}

table.hyou tr:nth-child(odd) th.bg-1 {
	background-color: #ebf4ec;
}

table.hyou tr:nth-child(odd) td.bg-1 {
	background-color: #ebf4ec;
}

ul.bun10p li{
	width: 90%;
	margin: auto;
	margin-bottom: 20px;
}

.box-white {
	background-color: #fff;
	border-radius: 5px;
}

ul.bun10p2 li {
	margin-bottom: 10px;
}

.kase {
	text-decoration: underline;
	text-decoration-color: #c4c4c3;
}


@media only screen and (min-width: 376px) {
	
	.btn-green {
	padding: 10px 20px;
	margin-bottom: 10px;
	margin-right: 10px;
}
	
	
}


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

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



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

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

/*  8p
---------------------------*/
	
	.box8p {
		width: 30%
	}
	
	.box8p1 {
		width: 65%;
		margin: 0;
	}
	
	.green-d {
		width: 80%;
		margin: auto;
	}
	
	.waku8p {
		width: 75%;
	}
	
	ul.bun8p3 {
		width: 75%;
	}
	
ul.bun8p3 li{
	width: 47.5%;
	float: left;
	margin: auto;
	margin-left: 5%;
	margin-bottom: 20px;
}
	
ul.bun8p3 li:first-child{
	margin-left: 0%;
}

.btn8p {
	width: 47.5%;
	margin: 0;
}

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

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

	table.hyou th{
	padding: 15px;
}

table.hyou td{
	padding: 15px;
}
	
	ul.bun10p {
		width: 90%;
		margin: auto;
		margin-top: 30px;
	}

ul.bun10p li{
	width: 47.5%;
	float: left;
	margin: auto;
	margin-bottom: 0px;
	margin-left: 5%;
}
	
	ul.bun10p li:first-child{
	margin-left: 0px;
}
	
	
	.box-white {
		width: 70%;
		margin: auto;
	}


}

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


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

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

/*  8p
---------------------------*/
	
	.check {
	width: 20px;
}

.check1 {
	width: 95%;
	padding-left: 2%;
}
	
	.check10 {
	width: 20px;
}

.check101 {
	width: 95%;
	padding-left: 2%;
}

ul.bun8p li{
	width: 55%;
	float: left;
	margin-left: 5%;
	margin-bottom: 10px;
}
	
ul.bun8p li:nth-child(odd){
	width: 40%;
	margin-left: 0%;
	clear: both;
}
	
ul.bun8p2 li{
	width: 56.5%;
	float: left;
	margin-left: 1%;
	margin-bottom: 10px;
}
	
ul.bun8p2 li:nth-child(odd){
	width: 42.5%;
	margin-left: 0%;
	clear: both;
}

.green-d {
	width: 100%;
}

.inner8p {
	width: 95%;
	padding-top: 30px;
	padding-bottom: 30px;
}
	
	.inner8p2 {
	width: 98%;
	padding-top: 30px;
	padding-bottom: 30px;
}

.btn-green {
	padding: 10px 35px;
	margin-bottom: 10px;
	margin-right: 10px;
}
	

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

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


	table.hyou {
	font-size: 15px;
}
	
.box-white {
		width: 100%;
		margin: auto;
	}
	
	.box10p {
		width: 45%;
		padding-left: 3%;
	}
	
	.box10p1 {
		width: 47%;
	}
	


}

/* 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
---------------------------*/
	
.inner8p {
	width: 85%;
	padding-top: 40px;
	padding-bottom: 40px;
}
	
	
.inner8p2 {
	width: 92%;
	padding-top: 40px;
	padding-bottom: 40px;
}

.btn-green {
	padding: 10px 50px;
	margin-bottom: 10px;
	margin-right: 25px;
}
	
	.waku8p {
		width: 65%;
	}
	
	ul.bun8p3 {
		width: 65%;
	}

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

/*  10p
---------------------------*/
	
	table.hyou {
	font-size: 18px;
}
	
ul.bun10p {
		width: 80%;
		margin: auto;
		margin-top: 30px;
	}
	
		.check10 {
	width: 30px;
}

.check101 {
	width: 94%;
	padding-left: 2%;
}


}