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

/*/////////////////////////////////////////////////////////
file name: insurance.css
description: 保険・補償について専用スタイルシート

1.レイアウト
2.スマートフォン縦横
3.スマートフォン横

///////////////////////////////////////////////////////// */

/*表*/
table.tbl_insurance {
	border: 1px solid #e5e5e5;
	border-collapse:collapse;
	width: 80%;
	margin: 5px auto 0;
}

table.tbl_insurance caption {
	font-weight: bold;
	margin-bottom: 5px;
	text-align: left;
}

table.tbl_insurance th {
	background: #959595;
	color: white;
	border: 1px solid #e5e5e5;
	border-bottom:none;
	vertical-align: middle;
	text-align: center;
	padding: 5px 20px;
	white-space: nowrap;
	font-weight: bold;
	line-height: 1.4;
	width: 200px;
}

table.tbl_insurance td {
	border: 1px solid #e5e5e5;
	border-bottom:none;
	padding: 5px 20px;
	vertical-align: middle;
	line-height: 1.4;
	font-weight: bold;
}

.boxIns01 {
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	-khtml-border-radius: 10px;
	background: #e5e5e5;
	text-align: center;
	padding: 15px 15px 5px;
	line-height: 1.8;
}

.boxIns02 {
	margin-left: 40px;
}

.boxIns03 {
	margin-top: 15px;
}

ul.listIns {
	margin-left: 60px;
}

ul.listIns li {
	line-height: 1.4;
}

.blockIns01 {
	font-size: 120%;
}

.blockIns02 {
	font-size: 100%;
}

table.tbl_insurance02 {
	border: 1px solid #e5e5e5;
	border-collapse:collapse;
	margin: 5px auto 0;
	width: 820px;
}


table.tbl_insurance02 th {
	background: #959595;
	color: white;
	border: 1px solid #e5e5e5;
	border-bottom:none;
	vertical-align: middle;
	text-align: center;
	padding: 5px 20px;
	white-space: nowrap;
	font-weight: bold;
	line-height: 1.4;
}

table.tbl_insurance02 td {
	border: 1px solid #e5e5e5;
	border-bottom:none;
	padding: 5px 20px;
	vertical-align: middle;
	line-height: 1.4;
}

/* ===========  2.667px以下スマホ縦横 =========== */
@media screen and (max-width: 667px) {

table.tbl_insurance {
	width: 100%;
}

table.tbl_insurance th {
	padding: 5px 5%;
	width: 30%;
}

table.tbl_insurance td {
	padding: 5px 5%;
	width: 50%;
}

.boxIns02 {
	margin-left: 20px;
}

.boxIns03 {
	margin-top: 5px;
}

ul.listIns {
	margin-left: 40px;
}

/*横スクロール*/
.scrl {
	overflow: scroll;
}

}


/* ===========  3.スマホ横 =========== */
@media only screen and (max-device-width:667px) and (orientation:landscape) {

}


/* ====== スマートフォンiPhone5縦 ====== */
@media screen and (max-width: 320px) {
table.tbl_insurance td {
	padding: 5px 10px;
	font-weight: normal;
}

.boxIns02 {
	margin-left: 10px;
}

ul.listIns {
	margin-left: 30px;
}

.blockIns01 {
	font-size: 100%;
}

.blockIns02 {
	font-size: 80%;
}

}