@charset "utf-8";
/* CSS Document */
/*会社概要 start*/
.company-seciton{
}
.company-content{
	width: 70%;
	margin: auto;
	display: flex;
	flex-flow: row wrap;
	place-items: center;
	gap: 3%;
}
.photo{
	width: 37%;
}
.content-line{
	width: 100%;
	background-color: rgb(212, 212, 212);
	height: 1px;
}
.subject1{
	display: flex;
	flex-flow: row wrap;
	width: 60%;
	text-align: center;
}
.subject2{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	margin: auto;
	text-align: center;
}
.detail1-1{
	width: 30%;
}
.detail1-2{
	width: 30%;
	background-color: rgb(246, 246, 246)
}
.detail2-1{
	width: 70%;
}
.detail2-2{
	width: 70%;
	background-color: rgb(246, 246, 246)
}
.detail3{
	width: 70%;
	display: flex;
	flex-flow: row wrap;
	background-color: rgb(246, 246, 246)
}
.detail3 p{
	text-align: left;
	margin-right: 0px;
}
.detail4{
	width: 25%;
}
.detail5{
	width: 70%;
	text-align: left;
}
/*会社概要 end*/
/*マップ start*/
.map-google{
	width: 70%;
	margin: 50px auto 50px auto;
}
/*マップ end*/

@media screen and (min-width: 481px) and (max-width: 1024px){

/*会社概要 1024-481 start*/
.company-seciton{
}
.company-content{
	width: 90%;
	margin: auto;
	display: flex;
	flex-flow: column wrap;
	place-items: center;
	gap: 3%;
}
.photo{
	width: 60%;
	margin-bottom: 20px;
}
.content-line{
	width: 100%;
	background-color: rgb(212, 212, 212);
	height: 1px;
}
.subject1{
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	text-align: center;
}
.subject2{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	margin: auto;
	text-align: center;
}
.detail1-1{
	width: 30%;
}
.detail1-2{
	width: 30%;
	background-color: rgb(246, 246, 246)
}
.detail2-1{
	width: 70%;
}
.detail2-2{
	width: 70%;
	background-color: rgb(246, 246, 246)
}
.detail3{
	width: 70%;
	display: flex;
	flex-flow: row wrap;
	background-color: rgb(246, 246, 246)
}
.detail3 p{
	text-align: left;
	margin-right: 0px;
}
.detail4{
	width: 25%;
}
.detail5{
	width: 70%;
	text-align: left;
}
/*会社概要 1024-481 end*/
/*マップ 1024-481 start*/
.map-google{
	width: 70%;
	margin: 50px auto 50px auto;
}
/*マップ 1024-481 end*/

}
@media screen and (max-width: 480px){
/*会社概要 -480 start*/
.company-seciton{
}
.company-content{
	width: 98%;
	margin: auto;
	display: flex;
	flex-flow: column wrap;
	place-items: center;
	gap: 3%;
}
.photo{
	width: 80%;
	margin-bottom: 20px;
}
.content-line{
	width: 100%;
	background-color: rgb(212, 212, 212);
	height: 1px;
}
.subject1{
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	text-align: center;
}
.subject2{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	margin: auto;
	text-align: center;
}
.detail1-1{
	width: 30%;
}
.detail1-2{
	width: 30%;
	background-color: rgb(246, 246, 246)
}
.detail2-1{
	width: 70%;
}
.detail2-2{
	width: 70%;
	background-color: rgb(246, 246, 246)
}
.detail3{
	width: 70%;
	display: flex;
	flex-flow: column wrap;
	background-color: rgb(246, 246, 246)
}
.detail3 p{
	text-align: left;
	margin-right: 20px;
}
.detail4{
	width: 100%;
	margin-bottom: -25px;
}
.detail5{
	width: 100%;
	text-align: left;
	/*line-height: 1;*/
}
/*会社概要 -480 end*/
/*マップ -480 start*/
.map-google{
	width: 90%;
	margin: 50px auto 50px auto;
}
/*マップ -480 end*/

}