@charset "UTF-8";


#none_sp, .none_sp {
display:none;
}

#contents {
	width: 1000px !important;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1 !important;
	padding-top: 60px;
}



/* header */

header {
	width: 100% !important;
	position: relative;
	text-align: center;
}

.main_img {
width: 1100px !important;
height: auto !important;
margin-left: auto;
margin-right: auto;
}

.main_img img {
width: 100% !important;
vertical-align: top;
margin: 0px;
padding: 0px;
}


.about {
background-color: #B3B3B3;
} 

.office {
background-color: #0071BB;
} 

.ad {
background-color: #FAAF3B;
} 

.estate {
background-color: #009145;;
} 

.open {
background-color: #F05A24;
} 

.recruit {
background-color: #58C2D8;
} 



/* contects共通 */

#title1 {
font-family: "futura-pt-bold", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 60px;
line-height: 60px;
color: 000000;
position: relative;
margin-bottom: 70px;
}

#title2 {
font-family: "meiryo", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 44px;
line-height: 60px;
color: 000000;
position: relative;
margin-bottom: 20px;
}

#title3 {
font-family: "meiryo", sans-serif;
font-weight: 700 !important;
font-style: normal;
font-size: 38px;
line-height: 48px;
color: 000000;
position: relative;
margin-bottom: 20px;
}

.orange {
color: #FF9600;
font-weight: 700 !important;
}

.mizuiro {
color: #00BBFF;
font-weight: 700 !important;
}

.red {
color: #BC0000;
font-weight: 700 !important;
}

.green {
color: #009145;
font-weight: 700 !important;
}

.contents {
width: 100% !important;
position: relative;
z-index: 100 !important;
}

.cont_title {
font-family: "meiryo", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 36px;
line-height: 36px;
margin-top: 0px;
}

.line {
border: 1px solid #000000;
margin-top: 15px !important;
float: right;
}

.under20 {
margin-bottom: 30px !important;
}

.small {
font-size: 30px;
font-family: "meiryo", sans-serif;
font-weight: 700;
font-style: normal;
}



/* ABOUT US */

#rinen {
width: 1000px !important;
position: relative;
margin-bottom: 20px;
}

#rinen dl {
margin-bottom: 100px;
}

#rinen dt {
margin-bottom: 20px;
}

#rinen dd {
font-family: "meiryo", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
	line-height: 36px;
margin-bottom: 0px;
}

.subtle {
	font-family: "meiryo", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 22px !important;
	margin-bottom: 0px;
}

#rinen .line {
width: 830px;
}


/* COMPANY */

#company .gaiyo {
	width: 100% !important;
	margin-bottom: 70px;
	margin-top: -30px;
}

#company .gaiyo ul {
margin: 0px;
padding: 0px;
}

#company .gaiyo li {
padding: 6px;
border: 5px solid #E3E3E3;
border-radius: 20px;
margin-bottom: 10px;
}


#company .gai1, #company .gai3  {
font-family: "meiryo", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 18px;
line-height: 26px;
float: left;
text-align: left;
width: 200px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

#company .gai2, #company .gai4 {
font-family: "meiryo", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 26px;
float: left;
text-align: left !important;
padding-top: 10px;
padding-bottom: 10px;
width: 750px;
}


#company .map {
width: 100% !important;
position: relative;
z-index: 100 !important;
}

.map iframe {
width: 100%;
height: 400px;
}



/* RECRUIT */

#recruit .bosyu {
width: 1000px !important;
position: relative;
}

#recruit .recruit1 {
width: 570px;
}

#recruit .recruit2 {
width: 420px;
}

#recruit .recruit3 {
width: 300px;
}

#recruit .recruit4 {
width: 820px;
}

#recruit .common_txt {
margin-bottom: 20px;
margin-top: 20px;
}

#recruit .gyomu {
width: 1000px !important;
position: relative;
margin-bottom: 100px;
}

#recruit .gyomu ul {
	margin-left: -20px;
}

#recruit .gyomu ul li {
	padding: 15px 15px 15px 20px;
	border: 5px solid #E3E3E3;
	border-radius: 20px;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 28px;
	float: left;
	width: 445px;
	margin-left: 20px;
}
	
.recsubtle {
	font-family: "meiryo", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 22px !important;
	margin-bottom: 10px;
}

.takasapc {
	height: 150px;
}

.gra {
letter-spacing: 0px;
}



/* 4ページ共通 */

#office, #ad, #estate, #open {
}

#office .line {
width: 700px;
}

#ad .line {
width: 750px;
}

#estate .line {
width: 750px;
}

#open .line {
width: 680px;
}

.common_txt {
font-size: 18px;
line-height: 36px;
margin-bottom: 100px;
}

.example {
width: 1000px !important;
position: relative;
margin-top: 30px;
margin-bottom: 40px;
}

.example ul {
	margin-left: -80px;
}

.example ul li {
	width: 280px;
	display: block;
	margin-left: 80px;
	float: left;
	margin-bottom: 60px;
	position: relative;
}

.ex_line_pc {
	border-right: 1px solid #97BCFF;
	height: 260px;
	position: absolute;
	top: 20px;
	left: 320px;
}

.ex_illust {
	width: 250px;
	margin-right: auto;
	margin-left: auto;
}

.ex_illust img {
vertical-align: top;
margin: 0px;
padding: 0px;
width: 100%;
}

.ex_txt {
font-family: "meiryo", sans-serif;
font-weight: 400;
font-style: normal;
width: 100%;
font-size: 16px;
line-height: 28px;
padding-top: 20px;
}

.ex_til {
font-family: "meiryo", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
line-height: 30px;
margin-bottom: 5px;
}



.taiou {
width: 1000px !important;
position: relative;
margin-bottom: 100px;
}

.taiou ul {
	margin-left: -20px;
}

.taiou ul li {
	padding: 18px;
	border: 5px solid #E3E3E3;
	border-radius: 20px;
	margin-bottom: 20px;
	font-family: "meiryo", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 18px;
	line-height: 28px;
	float: left;
	width: 444px;
	margin-left: 20px;
}

/*.taiou ul li {
padding: 18px;
border: 5px solid #E3E3E3;
border-radius: 20px;
margin-bottom: 10px;
font-family: "meiryo", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 18px;
line-height: 28px;
}*/


.soudan {
padding: 18px;
border: 5px solid #E3E3E3;
border-radius: 20px;
font-family: "meiryo", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 28px;
margin-bottom: 10px;
}

.tume1 {
	margin-left: -30px !important;
}

.tume2 {
	margin-left: -10px !important;
}