@charset "utf-8";

/*-------------------------------
	会社概要
-------------------------------*/

.Company-staff__item{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.Company-staff__item-title{
	color: var(--blackcolor2);
	width: 13rem;
	font-weight: 400;
}
.Company-staff__item-body{
	color: var(--blackcolor2);
	width: calc(100% - 13rem);
}
.Company-office__item{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.Company-office__item:not(:last-child){
	margin-bottom: 1.6rem;
}
.Company-office__item-title{
	color: var(--blackcolor2);
	width: 10.5rem;
	font-weight: 400;
}
.Company-office__item-body{
	color: var(--blackcolor2);
	width: calc(100% - 10.5rem);
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:768px){

	.Company-staff__item-title{
		width: auto;
		margin-right: 1em;
	}
	.Company-staff__item-body{
		width: auto;
	}
	.Company-office__item{
		flex-direction: column;
	}
	.Company-office__item:not(:last-child){
		margin-bottom: 2rem;
	}
	.Company-office__item-title{
		width: 100%;
	}
	.Company-office__item-body{
		width: 100%;
	}

}



/*-------------------------------
	アクセス
-------------------------------*/

.Access-block:not(:last-child){
	margin-bottom: 6.5rem;
}
.Access-block__title{
	width: 100%;
	font-size: 2.4rem;
	margin-bottom: 2rem;
	padding-left: 3rem;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
}
.Access-block__title::before{
	content: "●";
	position: absolute;
	left: 0;
	top: 0;
	line-height: 1;
}
.Access-block__body{
	width: 100%;
}
.Access-block__map{
	width: 100%;
	margin-bottom: 1.5rem;
}
.Access-block__map iframe{
	width: 100%;
	height: 50rem;
}
.Access-block__text{
	color: var(--blackcolor2);
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:768px){

	.Access-block:not(:last-child){
		margin-bottom: 7.5rem;
	}
	.Access-block__title{
		font-size: 3.2rem;
		padding-left: 4rem;
		margin-bottom: 3rem;
	}
	.Access-block__map{
		margin-bottom: 1.5rem;
	}

}



/*-------------------------------
	沿革
-------------------------------*/


@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:768px){

}