@charset "UTF-8";
/* CSS Document */
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#595757;
	}
/*clearfix*/
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
}
.clearfix{
    display: inline-block;
} 
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}

/*ここから*/
@media screen and (min-width:1080px){
#cnt{
	width:1080px;
	height:auto;
	margin:0 auto 0;
	padding:0;
	}
	
.logo{
	margin:50px 0 0 0 ;
	}
	
/*説明*/	
.cmnt{
	font-size:16px;
	text-align:center;
	line-height:2.0em;
	margin:80px auto;
	}
	
/*３ポイント*/
.noimg{
	display:none;
	}
.point{
	width:100%;
	margin:0 auto 0;
	}

.point h3{
	font-size:11px;
	font-weight: normal;
	border-bottom:#000 1px solid;
	margin-left:10px;
	width:220px;
	}
.point p{
	font-size:11px;
	line-height:2.0em;
	padding:0 50px 0 10px;
	}

.p-left{
	background-image:url("img/TAG_TAG red.svg");
	background-repeat: no-repeat;
	background-size:100%;
	width:288px;
	float:left;
	padding:10px;
	margin:5px;
	}

.p-cent{
	background-image:url("img/TAG_TAG blue.svg");
	background-repeat: no-repeat;
	background-size:100%;
	width:288px;
	float:left;
	padding:10px;
	margin:5px;
	}
	
.p-right{
	background-image:url("img/TAG_TAG brown.svg");
	background-repeat: no-repeat;
	background-size:100%;
	width:288px;
	float:left;
	padding:10px;
	margin:5px;
	}
	
/*会社概要*/	
.accs{
	width:577px;
	margin:80px auto 0;
	font-size:12px;
	}
	
.info{
	margin:0;
	padding:0;
	width:290px;
	float:left;
	}

.info p{
	line-height:2.0em;
	}

.info dl{
	margin:10px 0 0 0;
	color:#979797;
	}

.info dl dt {
  clear: left;
  float: left;
  width: 20%;
  padding:0 0 5px 0;
}
.info dl dd {
	margin: 0 0 0 20%;
	padding:0 0 5px 0;
	}
}

@media screen and (min-width:751px) and (max-width:1079px){
#cnt{
	width:100%;
	height:auto;
	margin:0 auto 0;
	padding:0;
	}
	
.logo{
	margin:50px 0 0 0 ;
	}
	
/*説明*/	
.cmnt{
	font-size:16px;
	text-align:center;
	line-height:2.0em;
	margin:80px auto;
	}
	
/*３ポイント*/
.point{
	width:100%;
	margin:0 auto 0;
	}
.textipmain{
	position: relative;
	}

.textip{
	position: absolute;
  top: 20%;
  left: 6%;
  }
.point h3{
	font-size:18px;
	font-weight: normal;
	border-bottom:#000 1px solid;
	margin-left:10px;
	}
.point p{
	font-size:18px;
	line-height:2.0em;
	padding:0 50px 0 10px;
	}

.p-left{
	float:none;
	padding:0 100px 0 0;
	}
	
.p-cent{
	float:none;
	padding:0 100px 0 0;
	}

.p-right{
	float:none;
	padding:0 100px 0 0;
	}
	
/*会社概要*/	
.accs{
	width:577px;
	margin:80px auto 0;
	font-size:12px;
	}
	
.info{
	margin:0;
	padding:0;
	width:290px;
	float:left;
	}

.info p{
	line-height:2.0em;
	}

.info dl{
	margin:10px 0 0 0;
	color:#979797;
	}

.info dl dt {
  clear: left;
  float: left;
  width: 20%;
  padding:0 0 5px 0;
}
.info dl dd {
	margin: 0 0 0 20%;
	padding:0 0 5px 0;
	}

.map{
	width:287px;
	height:193px;
	float:left;
	}
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*スマホ*/
@media screen and (max-width:750px){
img{
max-width: 100%;
height: auto;
}
#cnt{
	font-sixze:12px;
width:100%;
padding-bottom:10px;
}

.logo{
	margin:10px 0 0 0 ;
	}

/*説明*/
.cmnt{
	font-size:14px;
	line-height:2.1em;
	margin:40px auto;
	}
	
/*３ポイント*/
.point{
	width:100%;
	margin:0 auto 0;
	}
.textipmain{
	position: relative;
	}

.textip{
	position: absolute;
  top: 2%;
  left: 2%;
  }
.point h3{
	font-size:12px;
	font-weight: normal;
	border-bottom:#000 1px solid;
	margin-left:10px;
	width:80%;
	}
.point p{
	font-size:12px;
	line-height:1.8em;
	padding:0 50px 0 10px;
	}

.p-left{
	float:none;
	padding:0;
	}
	
.p-cent{
	float:none;
	padding:0;
	}

.p-right{
	float:none;
	padding:0;
	}

/*会社概要*/	
.accs{
	font-size:14px;
	width:100%;
	margin:30px auto;
	}
	
.info{
	width:100%;
	margin:0 auto 10px;
	float:none;
	}

.map{
	width:100%;
	float:none;
	}

}