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

body {
	background: url("../images/he-bg.gif") repeat-x center top;
}
 
header {
  	width: 1100px;
	height: 80px;
	margin: 0px auto;
	box-sizing: border-box;
  }
header h1 {
  font-size: 20px;
  	color: #fff;
  }
  .rogo {
  	width: 285px;
	height: auto;
	float: left;
	box-sizing: border-box;
  }
  .headInfo {
  	width: 480px;
	height: auto;
	float: right;
	box-sizing: border-box;
	padding-top: 10px;
  }
 .headInfo p {
	 font-size: 13px;
	margin-bottom: 5px;
}
    .headInfo img {
	display: inline-block;
}

/* --------------------------------------------- */
.flBox {
	width: 100%;
	height: auto;
	background: url("../images/md-main-bg.jpg") no-repeat center top;
}
.fl {
	width: 1140px;
	height: auto;
	margin: 0px auto;
	z-index: 100;
}

/* --------------------------------------------- */
.choose {
	width: 100%;
	height: auto;
	background-color: #f4568a;
}
.chooseBox {
	width: 1140px;
	height: auto;
	overflow: auto;
	margin:0px auto;
	color: #fff;
}
.chooseBox h2 {
	width: 718px;	
	margin:  -60px 0 0 211px;
	position: absolute;
	z-index: 1000;
}

.chooseBox h3 {
	font-size: 25px;
	line-height: 35px;
	margin-bottom: 15px;
	border-bottom: 3px solid #dab91e;
}

.rightTxt {
	padding-left: 20px;
	background: url("../images/arrow1.gif") no-repeat left center;
}
.rightTxt a {
	color: #fff;
}
.rightTxt a:hover {
	color: #76A7E9;
}

.underbox {
	padding-top: 151px;
}

.inviType {
	width:570px;
	height: auto;
	float: left;
	padding-top: 62px; 
}
.inviType li {
	float: left;
	list-style: none;
	margin-bottom: 20px;
}
.inviType p {
	line-height: 26px;
	margin-bottom: 1em;
}
.noleft {
	margin-right: 33px;
}
.noright {
	padding-left: 30px;
}

/* --------------------------------------------- */
.infobox li {
	display: block;
	width: 50%;
	float: left;
}

/* --------------------------------------------- */
.reason {
	clear: both;
	height: auto;
	overflow: hidden;
	padding: 60px 0;
	background-color: #fafafa;
}
.reason h2 {
	font-size: 33px;
	display: inline-block;
	color: #543742;
	text-align: center;
	background: url(../images/h2line-left.png) no-repeat left top, url(../images/h2line-right.png) no-repeat right top;
	padding: 0 40px;
	margin-bottom: 40px;
}
.reason h3 {
	font-size: 26px;
	padding: 0 10% 40px;
}
.reason p {
	padding: 0 10%;
}
.noImg {
	padding: 72px 10% 30px;
}
.resonMain {
	width: 100%;
	height: auto;
}
.reasonBox_R,.reasonBox_L {
 width: 50%;
 min-height: 446px;
}
.reasonBox_R {
	float: right;
}
.reasonBox_L {
	float: left;
}
.reson-itero {
	background: url(../images/pt1-mdimg.jpg) no-repeat;
	height: 446px;
	-moz-background-size:cover;
	background-size:cover;
}
.reson-diamond {
	background: url(../images/pt2-mdimg.jpg) no-repeat;
	height: 446px;
	-moz-background-size:cover;
	background-size:cover;
}
.reson-room {
	background: url(../images/pt3-mdimg.jpg) no-repeat;
	height: 446px;
	-moz-background-size:cover;
	background-size:cover;
}
.reson-map {
	background: url(../images/pt4-mdimg.jpg) no-repeat;
	height: 446px;
	-moz-background-size:cover;
	background-size:cover;
}

/* --------------------------------------------- */
.recruit {
	width: 740px; 
	height: auto;
	overflow: hidden;
	margin: 0px auto;
}
.recruit h2 {
	width: 220px;
	margin: 0px auto;
	padding-bottom: 30px;
}
.recruit h3 {
	margin-bottom: 50px;
}
.recBox ul {
	margin-bottom: 30px;
	padding-left: 80px;
}
.recBox li {
	list-style: disc;
	margin-bottom: 5px;
}
.recBox p {
	padding-left: 80px;
	margin-bottom: 30px;
}

/* --------------------------------------------- */
.info {
	width: 1100px;
	height: auto;
	margin: 0px auto;
	padding: 100px 0 50px 0;
}
.info h2 {
	width: 429px; 
	margin: 0px auto;
	margin-bottom: 40px;
}

.infomation {
	width: 800px;
	height: auto;
	margin: 0px auto;
	color: #49a0a4;
	padding: 40px 0;
}
.infomation dl {
	border-top: 1px dotted #49a0a4;
	clear: both;
}
.infomation dt {
	width: 30%;
	box-sizing: border-box;
	padding: 20px 20px 16px;
	float: left;
}
.infomation dd {
	width: 70%;
	float: right;
	box-sizing: border-box;
	padding: 20px 20px 16px;
}

#mapbox1 {
     width: 100%;
     height: 350px;
	 margin-bottom: 10px;
}
.maxTxt {
	text-align: center;
	margin-bottom: 15px;
}

/* --------------------------------------------- */
.contactBt {
	width: 1100px;
	height: auto;
	margin: 0px auto;
	padding: 30px 0;
}
/* --------------------------------------------- */
#privacy {
	background-color: #353535;
	font-size: 10px;
	color: #fff;
	text-align: center;
	padding: 10px;
}


/*
Sp --------------------------------------------- */
@media only screen and (max-width: 640px) {

body {
	background: none;
}

header {
  	width: 100%;
	height: auto;
	margin: 0px auto;
	box-sizing: border-box;
	padding: 0 ;
	background-color: #f4568a;
 }
header h1 {
  font-size: 18px;
  	color: #fff;
	text-align: center;
  }
 .rogo {
  	width: 70%;
	height: auto;
	float: none;
	box-sizing: border-box;
	margin: 0px auto;
  	padding: 5px 10%;
  }
 .rogo img {
 	width: 100%;
 }
  .headInfo {
	width: 100%;
	background-color: #e85b89;
	padding-bottom: 5px;
  }
.headInfo p {
	 	font-size: 12px;
		margin-bottom: 5px;
		display: none;
}
 .headInfo img {
	display: none;
}

/* --------------------------------------------- */
.flBox {
	width: 100%;
	height: auto;
	background: none;
}
.fl {
	width: 100%;
	height: auto;
	margin: 0px auto;
}
.fl img {
	width: 100%;
}

/* --------------------------------------------- */
.choose {
	width: 100%;
	height: auto;
	background: none;
	background-color: #f4568a;
	-moz-background-size:cover;
	background-size:cover;
}
.chooseBox {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	margin: 0px auto;
	padding: 0;
	text-align: center;
}
.chooseBox h2 {
	position: absolute;
	width: 80%;
	margin: -50px auto 0px 10%;
	z-index: 1000;
}
.chooseBox p {
	font-size: 16px;
	line-height: 24px;
}
.chooseBox img {
	width: 100%;
}

.underbox {
	padding-top: 90px;
}

.inviType {
	clear: both;
	width:100%;
	height: auto;
	float: none;
	padding-top: 22px; 
}
.inviType li {
	float: left;
	list-style: none;
	margin-bottom: 20px;
}
.inviType p {
	line-height: 22px;
	margin-bottom: 1em;
}
.inviType h3 {
	font-size: 20px;
	line-height: 28px;
}
.inviType img {
	width: 100%
}
.noleft {
	width: 10%;
	margin-right: 5%;
	padding-left: 5%;
}
.nocenter {
	width: 50%;
}
.noright {
	width: 20%;
	padding:0  5%;
}
/* --------------------------------------------- */
.infobox li {
	display: block;
	width: 100%;
	float: none;
}
/* --------------------------------------------- */
.reason {
	padding: 5%;
	background-color: #fafafa;
	height: auto;
	overflow: hidden;
}
.reason p {
	font-size: 16px;
	line-height: 26px;
	padding: 0;
}
.reason img {
	width: 80%;
	padding-left: 10%;
	margin-bottom: 30px;
}
.noImg {
	padding: 0;
}
.resonMain {
	width: 100%;
	height: auto;
}
.reasonBox_R,.reasonBox_L {
 background-color: #fafafa;
 width: 100%;
 min-height: auto;
 margin-bottom: 30px;
}
.reasonBox_R {
	float:none;
}
.reasonBox_L {
	float: none;
}
.reson-itero {
	display: none;
	background: url(../images/pt1-mdimg.jpg) no-repeat;
	height: 226px;
	-moz-background-size:cover;
	background-size:cover;
}
.reson-diamond {
	background: url(../images/pt2-mdimg.jpg) no-repeat;
	height: 226px;
	-moz-background-size:cover;
	background-size:cover;
}
.reson-room {
	background: url(../images/pt3-mdimg.jpg) no-repeat;
	height: 226px;
	-moz-background-size:cover;
	background-size:cover;
}
.reson-map {
	background: url(../images/pt4-mdimg.jpg) no-repeat;
	height: 226px;
	-moz-background-size:cover;
	background-size:cover;
}

/* --------------------------------------------- */
.recruit {
	width: 100%; 
	height: auto;
	overflow: hidden;
	margin: 0px auto;
}
.recruit img {
	width: 100%; 
}
.recruit h2 {
	width: 40%;
	margin: 0px auto;
	padding: 20px 0;
}
.recruit h3 {
	margin-bottom: 30px;
}
.recBox ul {
	margin-bottom: 30px;
	padding: 0 55px;
}
.recBox li {
	font-size: 16px;
	list-style: disc;
	line-height: 20px;;
	margin-bottom: 0;
}
.recBox p {
	padding: 0  55px;
}

/* --------------------------------------------- */
.info {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 40px 0;
}
.info h2 {
	width: 90%; 
	margin: 0px auto;
}
.info h2 img {
	width: 100%;
	margin: 0px auto;
	margin-bottom: 20px;
}
.infomation {
	width: 100%;
	height: auto;
	margin: 0px auto;
	box-sizing: border-box;
	padding: 30px 20px;
}
.infomation dt {
	width: 30%;
	box-sizing: border-box;
	padding: 20px 0 16px;
	float: left;
}
.infomation dd {
	width: 70%;
	float: right;
	box-sizing: border-box;
	padding: 20px 0 16px;
}

/* --------------------------------------------- */
.contactBt {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 20px 0;
}

}