@charset "UTF-8";
/* ------------------------------------------------
                    会社概要
--------------------------------------------------- */
.company-wrap{
	max-width: 800px;
	margin: 0 auto 80px
}
.company-wrap dl{
	padding: 1px 0;
	border-top:1px solid #a27800;
	display: flex
}
.company-wrap dl:last-child{
	border-bottom:1px solid #a27800;
}
.company-wrap dl dt,
.company-wrap dl dd{
	padding: 1em
}
.company-wrap dl dt{
	width:20%;
	background: linear-gradient(to right, #dd1312, #b10100);
	background: -moz-linear-gradient(left, #dd1312, #b10100);
	background: -webkit-linear-gradient(left, #dd1312, #b10100);
	color:#fff
}
.company-wrap dl dd{
	width:80%;
}

@media (max-width: 768px) {
	.company-wrap{
		max-width: inherit;
		margin: 0 auto 10vw
	}
	.company-wrap dl{
		flex-wrap: wrap
	}
	.company-wrap dl dt,
	.company-wrap dl dd{
		width:100%;
		padding:0.5em 2em
	}
}


/*----map-----*/
.map-wrap{
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between
}
.map-wrap .map-item{
	width:48%
}
.map-name{
	position: relative;
    cursor: pointer;
	clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%, 0 40%);
	background: linear-gradient(to right, #dd1312, #b10100);
	background: -moz-linear-gradient(left, #dd1312, #b10100);
	background: -webkit-linear-gradient(left, #dd1312, #b10100);
	color:#fff;
	padding: 0.52em ;
	text-align: center

}

.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 60%;
	margin: 20px 0
}
 
/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
	.map-wrap{
		max-width: inherit;
		margin: 0 auto;
		flex-wrap: wrap
	}
	.map-wrap .map-item{
		width:100%;
		margin-top: 6vw
	}
	
	.map {
		margin: 4vw 0
	}
}