.content .example {
	width: 863px;
	background-color: #F5EFEB;
	margin: 0 auto;
}
.content .news {
	height: 250px;
	overflow: auto;
	float: left;
	width: 50%;
	margin-left: 1.5em;
	margin-bottom: 2em;
}
.wrap .mainContent .main .content .newsHeader {
	margin: 1em auto;
	width: 860px;
}
.content .news li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 1em;
	padding-bottom: 1em;
}
.content .pageplugin {
	float: left;
	padding: 0 1em;
	margin-left: 1em;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 360px;
	height: 300px;
	margin-bottom: 2em;
}
.content a{color:#C63;}
.content a:hover{color:#C96;}
.hr_dot {
	border-bottom:dashed 1px #999999;
}
.bohan {
	padding:15px;
	border:#BA7032 2px dashed;
}
.bohan li {
	margin:15px 0;
}
.content h4 {
	margin:0;
	padding:0;
	margin-bottom:10px;
}
.keyvisual {
	height: 422px;
	width: 100%;
	background-image: url(../img/bg/top/bg_top_keyvisual.jpg);
	background-position: -300px -120px;
	position: relative;
}
.keyvisual img.message {
	position:absolute;
	z-index:91;
	left: 23px;
	top: 257px;
}
.keyvisual img.photo {
	position:absolute;
	z-index:81;
	left: 297px;
	top: -10px;
	opacity: 0;
}
.keyvisual img.photo02 {
	position:absolute;
	z-index:82;
	left: 301px;
	top: 17px;
	opacity: 0;
}
.keyvisual img.photo03 {
	position:absolute;
	z-index:83;
	left: 343px;
	top: 126px;
	opacity: 0;
}
.keyvisual img.photo04 {
	position:absolute;
	z-index:84;
	left: 283px;
	top: 237px;
	opacity: 0;
}
/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
.content .example,.wrap .mainContent .main .content .newsHeader {
	width: 100%;
}
.keyvisual {
	height: 278px;
	width: 100%;
	background-image: url(../img/bg/top/bg_top_keyvisual.jpg);
	background-size: 320%;
	position: relative;
	margin-bottom:1em !important;
}
.keyvisual img.message {
    position: absolute;
    z-index: 91;
    left: 0;
    top: 207px;
}
.keyvisual img.photo {
width:100%;
height:auto;
top:-6px;
left:0;
}
.keyvisual img.photo02,.keyvisual img.photo03,.keyvisual img.photo04 {
left:20px;
width:30%;
height:auto;
display:block;
}
.keyvisual img.photo03 {
    left: 44px;
    top: 86px;
}
.keyvisual img.photo04 {
    left: 12px;
    top: 147px;
}
.content .pageplugin {
	padding: 0 1em;
	margin-left: 0em;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 90%;
	height: 250px;
	margin-bottom: 2em;
}
.content .example a img {
    margin: 1em 0.5em 1em 0;
}
.content .news {
    height: 250px;
    overflow: auto;
    float: left;
    width: 100%;
    margin-left: 0;
    margin-bottom: 2em;
}
}