@charset "utf-8";
.company .page-content{
	margin-bottom : 50px;
}
.company h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	border : 1px solid #00769D;
	line-height : 1;
	color : #00769D;
	font-size : 22px;
	font-weight : bold;
	margin-bottom : 50px;
	padding : 20px 1.5em;
}
.company dl{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	width : 750px;
	height : auto;
	margin : 0 auto;
}
.company dl dt{
	position : relative;
	display : block;
	width : 180px;
	height : auto;
}
.company dl dd{
	position : relative;
	display : block;
	width : calc(100% - 180px);
	height : auto;
	font-feature-settings : "palt"; 
}
.company .content01 dt{
	padding : 15px 0;
	border-top : 1px solid #DEDEDE;
}
.company .content01 dd{
	padding : 15px 0;
	border-top : 1px solid #DEDEDE;
}
.company .content01 dt:last-of-type,
.company .content01 dd:last-of-type{
	border-bottom : 1px solid #DEDEDE;
}
.company .content02 dt{
	border : 1px solid #DEDEDE;
	background-color : #F4F4F4;
	padding : 15px;
	display : flex;
	align-items : center;
}
.company .content02 dd{
	border-top : 1px solid #DEDEDE;
	border-bottom : 1px solid #DEDEDE;
	border-right : 1px solid #DEDEDE;
	padding : 15px;
}
.company .content03 .flex{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
}
.company .content03 .flex .box{
	position : relative;
	display : block;
	width : 50%;
	height : auto;
}
.company .content03 .flex .box:last-child{
	padding : 30px;
}
.ggmap{
	position : relative;
	display : block;
	width : 100%;
	aspect-ratio : 4 / 3;
}
.ggmap iframe{
	position : relative;
	display : block;
	width : 100%;
	height : 100%;
}
/* # =================================================================
#### responsive
# ================================================================= */
/* # =================================================================
#### 1200px
# ================================================================= */
@media screen and (max-width: 1200px){

}/*** 1200px ***/
/* # =================================================================
#### 1024px
# ================================================================= */
@media screen and (max-width: 1024px){

}/*** 1024px ***/
/* # =================================================================
#### 896px
# ================================================================= */
@media screen and (max-width: 896px){
.company .content03{
	margin-bottom : 100px;
}
.company h3{
	font-size : 20px;
	padding : 15px;
}
.company dl{
	width : 100%;
}
}/*** 896px ***/
/* # =================================================================
#### 600px
# ================================================================= */
@media screen and (max-width: 600px){
.company dl dt{
	width : 100%;
}
.company dl dd{
	width : 100%;
}
.company dl dd{
	border-bottom : none;
}
.company .content01 dt{
	border-top : none;
	background-color : #F4F4F4;
	padding : 15px;
	border : none;
}
.company .content01 dd{
	padding : 15px;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}
.company .content01 dt:last-of-type{
	border : none;
}
.company .content01 dd:last-of-type,
.company .content02 dd:last-of-type{
	border-bottom : none;
}
.company .content02 dt{
	border : none;
}
.company .content02 dd{
	border-right : none;
}
.company .content03 .flex .box{
	width : 100%;
}
.company .content03 .flex .box:last-child{
	padding : 0;
	margin-top : 15px;
}









}/*** 600px ***/
/* # =================================================================
#### 480px
# ================================================================= */
@media screen and (max-width: 480px){

}/*** 480px ***/
/* # =================================================================
#### 320px
# ================================================================= */
@media screen and (max-width: 320px){

}/*** 320px ***/