@charset "utf-8";

h2 span {
	background:url(../../images/header_entry.jpg) no-repeat center top / cover;
}
article h3 span span {
	background:#fff url(../../images/icon_entry.png) no-repeat 20px center;
}
article > div {
	width:960px;
	margin:0 auto;
}
article > div > div {
	margin-bottom:40px;
}
article > div #noImage {
	width:calc(100% - 40px);
	margin:0 0 20px;
}
article > div > div > img {
	display:block;
	float:left;
	width:200px;
}
article > div #noImage img {
	display:none;
}
article > div > div > div {
	float:left;
	width:740px;
	margin-left:20px;
}
article > div > #noImage > div {
	margin-left:0;
}
h4 {
	color:#4383d2;
	font-weight:bold;
	font-size:130.8%;
}
article > div > div > div span {
	display:inline-block;
	margin:5px 0 15px;
	padding:0 10px;
	border:1px #4383d2 solid;
	border-radius:2px;
	background:#fff;
	color:#4383d2;
	font-size:84.6%;
}
article > div > div > div p {
	line-height:1.8em;
	padding:10px;
	background:#e9f5ff;
	font-size:92.3%;
}
h5 {
	margin-bottom:10px;
	font-size:138.5%;
}
table {
	width:100%;
	margin-bottom:40px;
	table-layout: fixed;
	border-top:1px #cdcdcd solid;
}
table th {
	width:180px;
	padding:0 20px;
	border-bottom:1px #cdcdcd solid;
	background:#f6f6f6;
	vertical-align:middle;
}
table td {
	line-height:1.8em;
	padding:25px;
	border-bottom:1px #cdcdcd solid;
}	
table td a {
	display:inline-block;
	border-bottom:1px #4383d2 solid;
	color:#4383d2;
	font-weight:bold;
}
.offer_list a {
	color:#4383d2;
	font-weight:bold;
	font-size:125%;
}

@media screen and (max-width:1100px){
article h3 span span {
	background:#fff url(../../images/icon_entry.png) no-repeat 10px center;
}
article > div {
	width:100%;
}
article > div > div {
	padding:0 20px;
}
article > div > div > img {
	display:block;
	float:left;
	width:200px;
}
article > div > div > div {
	float:left;
	width:calc(100% - 220px);
	margin-left:20px;
}
h5 {
	padding:0 15px;
}
table {
	margin-bottom:30px;
}
table th {
	display:block;
	width :100%;
	padding:15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	vertical-align:top;
}
table td {
	display:block;
	width:100%;
	padding:15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
}

@media screen and (max-width:780px){
article > div > div {
	padding:0 10px;
}
article > div > div > img {
	display:block;
	float:none;
	width:200px;
}
article > div > div > div {
	float:none;
	width:100%;
	margin:15px 0 0;
}
}