@charset "UTF-8";

/* ----------------------------------------------------------------------------- */
/* -- page css -- */

div.bd h4 {
	padding:1.3em 1em 1.5em 3.5em !important;
	background-position:0.8em 0.7em; 
	background-repeat:no-repeat;
	background-size:40px;
}
div.bd h4.icon1 {
	background-image:url(../img/icon_01.png); 
}
div.bd h4.icon2 {
	background-image:url(../img/icon_02.png); 
}
div.bd h4.icon3 {
	background-image:url(../img/icon_03.png); 
}

div.blk2 p.btn {
	font-size:80%;
}
div.blk2 div.box:nth-child(2) div.bd_btn {
	padding-top:32px;
	padding-bottom:8px;
}

p.img02 {
	background-color:#F0F0F0;
	text-align:center;
	padding:16px 0;
}
p.img02 img {
	width:428px;
}
p.img02 span {
	display:inline-block;
	font-weight:bold;
	padding-bottom:8px;
}



/* article ----------------------------------------------- */
div.article {
	display:block;
	width:100%; 
	box-sizing: border-box;
	margin:0 auto 24px;
}
div.article h3 {
	display:table;
	width:100%;
	padding:10px 0;
	font-size:160%;
	line-height:140%;
	color:#09C;
	cursor: pointer;
	background-repeat:no-repeat;
	background-position:98% 50%; 
	background-image:url(../img/plus.jpg);
}
div.article h3.none {
	background:none;
	cursor: default;
}
div.article h3 img {
	display:table-cell;
	width:72px;
	vertical-align:middle;
}
div.article h3 span {
	display:table-cell;
	box-sizing: border-box;
	width:95%;
	vertical-align:middle;
	padding-left:12px;
}
div.article h3.active {
	background-image:url(../img/minus.jpg);
}
div.article2 h3 {
	display:table;
	width:100%;
	padding:10px 0;
	font-size:160%;
	line-height:140%;
}
div.article2 h3 img {
	display:table-cell;
	width:72px;
	vertical-align:middle;
}
div.article2 h3 span {
	display:table-cell;
	box-sizing: border-box;
	width:95%;
	vertical-align:middle;
	padding-left:12px;
}
div.article .child {
    display: none;
}



table.coffer {
	width:100%;
	box-sizing: border-box; 
	padding:0px; 
	border-collapse:collapse; 
	border-spacing:0px; 
	border-left:1px solid #DBDBDB; 
	margin-bottom:10px; 
}

table.coffer th,
table td {
	padding:8px 10px; 
	background-color:#FFFFFF; 
	vertical-align: middle; 
	border-top:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; border-right:1px solid #DBDBDB; 
}

table.coffer th {
	font-size:90%; line-height:120%; background-color:#F0F0F0; 
}

table.coffer td {
	font-size:90%; line-height:120%; text-align:center;
}



/* ###################### break-tablet ###################### */
@media screen and (max-width: 840px) and (min-width: 641px) {


div.blk2 div.box:nth-child(2) div.bd_btn {
	padding-top:0px;
	padding-bottom:16px;
}

div.article h3 {
	font-size:120%;
	padding-right:80px;
	box-sizing: border-box; 
}
div.article2 h3 {
	font-size:120%;
}
div.article2 h3 br {
	display:none;
}



}



/* ###################### break-spn ###################### */
@media screen and (max-width: 640px) {


p.img02 img {
	width:80%;
	padding:8px 0;
}


table.coffer td {
	text-align:left;
}

div.blk2 div.box:nth-child(2) div.bd_btn {
	padding-top:0px;
	padding-bottom:16px;
}


div.article h3 {
	font-size:120%;
	padding-right:80px;
	box-sizing: border-box; 
}
div.article2 h3 {
	font-size:120%;
}
div.article2 h3 br {
	display:none;
}


}