@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 769px) {
#wrapper .inner.widthfix.cf #mainContents #section02 .inner .cf li {
	margin-right: 9px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner h2 .sp {
	display:none;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner h2 .illu_imp_left {
	top: -17px;
	left: 30px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner h2 .illu_imp_right {
	top: -17px;
	right: 30px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .features.cf li {
	margin-right: 8px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .features {
	margin-left:15px;
	margin-right:15px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf {
	margin-left:20px;
	margin-right:20px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li {
	padding: 8px 30px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li h4 {
	float: left;
	clear:left;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li h4 img {
	margin-left: 16px;
	padding-top: 45px;
	margin-right: 36px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf .second h4 img {
	margin-right: 30px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li a span {
	display:none;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li .link {
	float: right;
	padding-top: 19px;
}
#wrapper .inner.widthfix.cf #mainContents #section01.bnArea .bn02 {
	margin-bottom: 20px;
}
#wrapper .inner.widthfix.cf #mainContents #section01.bnArea .bn02 img.f_right {
	float: right;
}
}
@media screen and (max-width: 768px) {
#visual img {
	max-width:100%;
	height:auto;
}
#visual {
	padding-left:3%;
	padding-right:3%;
}
#wrapper .inner.widthfix.cf #mainContents #section01 .bn img {
	max-width:100%;
	height:auto;
}
#wrapper .inner.widthfix.cf #mainContents #section01 .bn.prevent {
	position:relative;
	top:-8px;
}
#wrapper .inner.widthfix.cf #mainContents #section02 .inner .cf li img {
	max-width:100%;
	height:auto;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner h2 .pc {
	display:none;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner h2 .illu_imp_left img, #wrapper .inner.widthfix.cf #mainContents #section04 .inner h2 .illu_imp_right img {
	width:25px;
	height:auto;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .features.cf li img {
	max-width:100%;
	height:auto;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li h4 img {
	margin-bottom:20px;
	padding-top: 15px
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li img {
	max-width:100%;
	height:auto;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li .link {
	padding-top:10px;
	clear:both;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li .photo {
	margin:0 auto;
	display:block;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li a img {
	display:none;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li a:link {
	text-decoration:none;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li a span {
	display:block;
	color:#fff;
	vertical-align:middle;
	width:100%;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#00767d;
	font-weight:bold;
	padding:4px 5px 2px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	behavior: url("/PIE.htc");
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li a i {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	position:relative;
	left:5px;
	top:-6px;
	font-size:90%;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .link_others .pic-center img {
	max-width:100%;
	height:auto;
}

#wrapper .inner.widthfix.cf #mainContents #section01.bnArea .bn02 {
	text-align:center;
	margin-bottom: 20px;
}
#wrapper .inner.widthfix.cf #mainContents #section01.bnArea .bn02 img {
	max-width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
#wrapper .inner.widthfix.cf #mainContents #section01.bnArea .bn02 img.f_right {
	margin-top: 10px;
}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
#wrapper .inner.widthfix.cf #mainContents #section02 .inner .cf li {
	margin-right:1.6%;
	width:23.8%;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner h2 .illu_imp_left {
	top: 10px;
	left: 20px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner h2 .illu_imp_right {
	top: 10px;
	right: 20px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .features.cf li {
	width:23.6%;
	margin-right:1.5%;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li {
	width:49%;
	float:left;
	padding: 8px 14px 15px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li:last-child {
	float:right;
}
}
@media screen and (min-width: 481px) {
#visual .inner {
	padding-top: 24px;
}
#wrapper .inner.widthfix.cf #mainContents #section02 .inner h2 .link_facilities {
	position: absolute;
	top: 17px;
	right: 10px;
}

}
@media screen and (max-width: 480px) {
#visual .inner {
	padding-top: 10px;
}
#wrapper .inner.widthfix.cf #mainContents #section02 .inner .cf li {
	width:47.5%;
	margin-bottom:8px;
}
#wrapper .inner.widthfix.cf #mainContents #section02 .inner .cf li img {
	width:100%;
}
#wrapper .inner.widthfix.cf #mainContents #section02 .inner .cf .even {
	float:right;
	margin-right:0;
}
#wrapper .inner.widthfix.cf #mainContents #section02 .inner .cf .monitor {
	clear:both;
}
#wrapper .inner.widthfix.cf #mainContents #section02 .inner h2 .link_facilities {
	display:block;
	text-align:center;
	margin-top:4px;
}
#wrapper .inner.widthfix.cf #mainContents #section02 .inner h2 .link_facilities img {
	width:140px;
	height:auto;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner h2 > img {
	height:38px;
	width:auto;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner h2 .illu_imp_left {
	top: 18px;
	left: 20px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner h2 .illu_imp_right {
	top: 18px;
	right: 20px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .features.cf {
	margin-left:5%;
	margin-right:5%;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .features.cf li {
	width:47%;
	margin-bottom:8px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .features.cf li img {
	width:100%;
	height:auto;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .features.cf .even {
	float:right;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .features.cf .third {
	clear:both;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li {
	padding: 8px 20px 15px;
}
}
#visual {
	background-attachment: scroll;
	background-image: url(common/img/visual_bg.gif);
	background-repeat: repeat;
	background-position: left top;
}
#visual .inner {
	background-attachment: scroll;
	background-image: url(common/img/wrapper_bg_top.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 50px;
}
#visual .inner > .widthfix {
	margin-left:auto;
	margin-right:auto;
}
#wrapper .inner.widthfix.cf #mainContents #section02 .inner .cf li {
	float: left;
}
#wrapper .inner.widthfix.cf #mainContents #section02 .inner .cf li p {
	line-height: 1.4em;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
}
#wrapper .inner.widthfix.cf #mainContents #section01 .inner .bn {
	margin-bottom: 20px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner h2 {
	text-align: center;
	position: relative;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner h2 img {
	margin-left:0;
	padding-top:8px;
	padding-bottom:12px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner h2 .illu_imp_left {
	display: block;
	position: absolute;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner h2 .illu_imp_right {
	display: block;
	position: absolute;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .features.cf {
	margin-bottom:20px;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .features.cf li {
	float: left;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .case.cf li {
	background-color: #0198a1;
	-webkit-border-radius:10px;
	border-radius:10px;
	overflow:hidden;
	behavior: url("/PIE.htc");
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#wrapper .inner.widthfix.cf #mainContents #section04 .inner .link_others {
	text-align: center;
	padding-top: 5px;
}
#wrapper .inner.widthfix.cf #mainContents #section02 .inner {
	padding-bottom: 18px;
}
#wrapper .inner.widthfix.cf #mainContents #section03 {
	margin-bottom: 20px;
	position:relative;
	top:-10px;
}