@charset "UTF-8";

@media screen and (min-width: 768px),print {
.contents {width:1000px; margin:0 auto 0px auto;}
.contents:after {content:""; display:block; clear:both;}
/* Reset jquery.bxslider.css */
.bx-wrapper {
  box-shadow: none;
  border: none;
}
#head {background-color:rgba(255,255,255,0.7);}
#mainslide {margin:-140px auto 0 auto; text-align:center; max-width:1500px; min-width:1100px;}
#top_slider {margin:0; padding:0;}
#top_slider li {
  height: 740px !important;
  width:1500px;
  overflow:hidden;
  background-repeat: no-repeat;
  background-position: center top;
  background-size:cover;
}
.bx-wrapper img {min-width:1500px;}

.info{width:900px; margin:90px auto 0px auto; text-align:center;}
#top dl {margin:30px 0 0px 5px; text-align:left; font-size:17px; line-height:1.8em; text-align:left;background: url(../img/index/info_line.png) no-repeat left bottom; padding-bottom:8px;}
#top dl dt{
	padding: 18px 0 4px 55px;
	float:left;
	width:145px;}
#top dl dd{
margin:0;
padding: 18px 0 4px 0px;
display:block;
background: url(../img/index/info_line.png) no-repeat left top;
}
#top dl dd p {margin:0; padding:0px 0px 10px 200px; color:#555;}

#service {font-size:0; text-align:center; margin-top:100px;}
.col1 {margin-top:60px;}
.col1:after,.col2:after,.col3:after,.col4:after,.col5:after {content:""; display:block; clear:both;}
.sv_boxL,.sv_boxR {height:300px; width:50%; float:left;}
.sv1 {background: url(../img/index/service1.jpg) no-repeat center top; background-size:cover; height:300px;}
.sv2 {background: url(../img/index/service2.jpg) no-repeat center top; background-size:cover; height:300px;}
.sv3 {background: url(../img/index/service3.jpg) no-repeat center top; background-size:cover; height:300px;}
.sv4 {background: url(../img/index/service4.jpg) no-repeat center top; background-size:cover; height:300px;}
.sv5 {background: url(../img/index/service5.jpg) no-repeat center top; background-size:cover; height:300px;}
.txt_area {width:478px; margin-top:57px; font-size:16px; text-align:left;}
.sv_boxL > .txt_area {float:right;}
.sv_boxR > .txt_area {margin-left:70px; float:left;}
.sv_boxL > .txt_area a { float:left; margin:5px 0 0 0;}
.sv_boxR > .txt_area a { float:left; margin:5px 0 0 300px;}

.others {text-align:center; margin:80px 0 0 0; line-height:0; font-size:0;}
.others img {margin:16px 0;}
.realestate {font-size:18px; width:998px; text-align:center; border:solid 1px #CCC; margin:60px auto 0 auto; padding:15px 0;}

.info_more {margin:10px 10px 0 0; text-align:right}
.info_more a {border:solid 1px #999; padding:5px 35px 3px 30px; display:inline-block; text-align:center; text-decoration:none; color:#666; background-color:#EEE}
.info_more2 {margin:40px 10px 0 0; text-align:center}
.info_more2 a {border:solid 1px #999; padding:15px 135px 13px 130px; display:inline-block; text-align:center; font-size:17px; text-decoration:none; color:#555; background-color:#EEE}
.info_more a:hover,.info_more2 a:hover {color:#FFF; background-color:#999}
.info_note {text-align:center; margin:20px auto;}
}

@media screen and (max-width: 767px) {
header {background-color: rgba(255,255,255,0.5);}
header.scroll{background-color:#FFF;}

.contents {margin-top:20px;}

/* Reset jquery.bxslider.css */
.bx-wrapper {
  left: 0;
  box-shadow: none;
  border: none;
}
#mainslide {margin-top:0px;}
#top_slider { background-color:#CCC; margin:0; padding:0;}
#top_slider li {
  width:100%; height:260px;
  background: center / cover no-repeat;
}

.info{margin:50px 0px 0px 0px; text-align:center;}
#top .info img {height:35px;}
#top dl {margin:3px 0 0px 0px;text-align:left; font-size:16px; line-height:1.2em;}
#top dl dt{
	font-size:16px;
	padding: 10px 0 3px 10px;
	font-weight:bold;
	}
#top dl dd{
margin:0;
padding: 5px 0 15px 10px;
display:block;
color:#555;
background: url(../img/index/info_line.png) no-repeat left bottom;
font-size:15px;
}

#service {font-size:0; margin-top:80px; text-align:center;}
#service .sv_title {height:35px;}
.col1 {margin-top:40px;}
.txt_area {font-size:15px; padding:20px 10px; text-align:left;}
.txt_area p {text-align:left; margin-bottom:15px;}
.txt_area img {max-width:320px;}
.txt_area a {display:block; text-align:center;}

.others {text-align:center; margin:30px 10px 0 10px; line-height:0; font-size:0;}
.others img {margin:20px 0 0 0;}
.realestate {font-size:15px; border:solid 1px #CCC; margin:20px 10px 0 10px; padding:10px 10px;}

.info_more {margin:10px 0 40px 0; text-align:center}
.info_more a {border:solid 1px #999; padding:5px 35px 3px 30px; display:inline-block; text-decoration:none; color:#666; background-color:#EEE}
.info_more2 {margin:40px 0 40px 0; text-align:center}
.info_more2 a {border:solid 1px #999; width:80%; padding:10px 0 8px; display:inline-block; text-decoration:none; color:#555; background-color:#EEE}
.infopage {padding-top:40px;}
.info_note {text-align:left; margin:30px auto; font-size:13px; border:solid 1px #CCC; padding:10px;}
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .pagetitle  {padding:20px 0 10px 0;} /* IE11 */
}

/* 100% */
.col1 {background-color:#8EAF5E; color:#FFF;}
.col2 {background-color:#4D94C8; color:#FFF;}
.col3 {background-color:#FFDC00; color:#333;}
.col4 {background-color:#9C8A6E; color:#FFF;}
.col5 {background-color:#2EB5AA; color:#FFF;}