@charset "utf-8";

.contact-wrap{
	position: relative;
	max-width: var(--wide-wrap);
	width: 100%;
	margin-top: var(--base-top-margin);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 176px;
	padding-left: var(--base-padding);
	padding-right: var(--base-padding);
	
}

h1.category{
	max-width: 280px;
	width: 100%;
	margin-left: -2px;
	margin-bottom: 30px;
}
h1.category img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.company-info{
	display: grid;
	grid-template-columns: repeat(2, 48%);
	justify-content: space-between;
	margin-top: 110px;
	@media (width <=1300px) {
		grid-template-columns: 48% 51.8%;
		padding-right: 0;
	}
	@media (width <=960px) {
		grid-template-columns: 1fr;
	}
}
.company-info .data{
	display: grid;
	grid-template-rows: 1fr;
	@media (width <=960px) {
		margin-bottom: 45px;
	}

}
.company-info iframe{
	width: 100%;
	min-height: 360px;
	height: 100%;
}

.gmap{
	display: grid;
	grid-template-columns: 1fr;
	justify-content: end;
}

.info-list {
  display: flex;
  flex-shrink: 0;
  @media (width <=1300px) {
	  padding-right: 34px;
  }

}
.company-info .text-block{
	line-height: 1.6;
	margin-top: -8px;
	margin-bottom: 56px;
}
.info-list dt,
.info-list dd{
	font-size: var(--base-fontsize);
	line-height: 1.6;
}
.info-list dt{
	display: block;
	width: 66px;
	text-align-last: justify;
	word-break:break-all;
	margin-right: 32px;
}
.info-list dd {
	margin-bottom: 10px;
}
.info-list .tel, .info-list .email{
	letter-spacing: 0.1em;
}

.brankbox{
	min-height: 20px;
}
/* ----------------------
  PC版 1300px 以下
---------------------- */
@media (width <=1300px) {
	

}

/* -------------------
	iPhone Setting
------------------- */
@media (min-width: 320px)
and (max-width: 767px) {
	

	/* -------------------
		Top (iPhone)*/
	.contact-wrap{
		margin-bottom: 85px;
	}
	h1.category{
		max-width: 224px;
		width: 100%;
		max-height: 35px;
		height:auto;
		margin-left: -2px;
		margin-bottom: 0px;
	}
	
	.company-info{
		margin-top: 40px;
	}
	.contact-wrap{
		font-size: 16px;
	}
	/* -------------------
	COMPANY (iPhone) */
	
	.info-list {
	  padding-right: 0;
	}
	.info-list dt{
		width: 60px;
		margin-right: 40px;
	}
	.info-list .tel, .info-list .email{
		letter-spacing: 0.06em;
	}
}