@charset "utf-8";
/* CSS Document */
.wrapper {
  overflow: hidden;
}
.w1200{
	width:1200px;
	height: auto;
	margin: 0 auto;
}
.service_head {
	width: 450px;
	margin:auto;
	text-align: center;
}
h2{
	font-size:2rem;
	position: relative;
	display:inline-block;
	height:100px;
		}

h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 30px;/*線の上下位置*/
  display: inline-block;
  width: 450px;/*線の長さ*/
  height: 0.5px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #2b2b2b;/*線の色*/
  }

span.letter_lower {
	font-size: 1.5rem;
	font-family:'Cabin';
	letter-spacing: 5px;
	color:#666;
	}
.service_button {
	text-align:center;
	margin-top:70px;
}

.service_button ul{
	list-style: none;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	padding-inline-start:0;
}

.service_button li{
	line-height: 44px;
	width:225px;
	height:44px;
	text-decoration: none;
   border: solid 1px #2b2b2b;
  transition: .4s;
	margin: 0 20px;
}
.map{text-align:center;
}

.service_button li:hover {
  background: #2b2b2b;
  color:#FFF;
 }
table {
  border-collapse: collapse;
	margin-top: 50px;
	margin-bottom: 50px;
}
table th, table td {
	border-bottom: solid 1px black;
	font-family:'Noto Sans CJK JP', "sans-serif";
}table td {/*table内のtdに対して*/
  padding: 50px 90px;
}
.map n_titile {
	
}
titile_l {
	padding: 100px
}
.map iframe {
	margin-top: 50px;
	margin-bottom: 100px;
}

.circle{
		width: 300px;
	height:300px;
	font-family: 'Noto Sans CJK JP', sans-serif;
	border:2px solid #c5b898;
	border-radius: 50%;
	text-align: center;
	padding:30px;
}
#com3{
	margin-top:60px;
}#com4{
	margin-top:60px;
}

.com_01 h3{
	font-size:28px;
	color:#c5b898;
	border-bottom: 1px #c5b898 solid;
	margin: 0;
	padding:10px;
}
.com_01 span{
	font-size:28px;
	color:#c5b898;
}
.con_flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.com_img{
	text-align: center;
	margin-bottom:40px;
}
.com_thema{
text-align: center;
margin:90px 0 70px;
}
.com_text{
	text-align: center;
	margin-bottom:95px;
}
.map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
	margin-bottom:90px;
}
 
.map iframe,
.map object,
.map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.company_property th{
text-align:left;
	padding:0 20px;
width: 100px;}

#com1.n_title.title_p{
	    margin-top: 110px;
}

/*---------------*/
@media screen and (max-width:1024px){
	.w1200{
		width:100%;
		height:auto;
	}
	.service_button li{
		margin:0 15px 30px;
		    width: 150px;
	}
	.service_button{
		margin-bottom:90px;
	}
	.service_button ul{
		justify-content: center;
	}
	.map{
		margin:0 50px 100px 50px;
	}
	.title_p{
		text-align:center;
	}
	.com_thema{
		    margin: 40px 0 70px;
	}
	.company_property table{
		margin: 50px 50px 50px;
	}
	.company_property th{
		text-align:left;
		padding:0 20px;
		
	}
	
}
@media screen and (max-width:600px){
	.w1200{
	width:auto;
	height: auto;
	margin: 0 auto;
}
	.service_button ul {
		width: auto;
		height: auto;
	}
	.company_property table{
		margin: 50px 15px 50px;
	}
	.company_property table td{
		padding:12px;
	}
	.map{
		margin:0 0 100px 0;
	}
	.com_img {
		margin-bottom:0px;
	}
	.circle{
		margin:0 0 65px;
	    padding: 0px;
	}
	.com_thema{
		    margin: 40px 20px 10px;
	}
	.com_text p{
		text-align: left;
		padding:0 20px;
	}
	#com1 .title_r{
		letter-spacing: 0px;
	}
	
}