@charset "utf-8";

.company {
    width: 90%;
    margin: 50px auto 100px;
}
.company__greeting .img__area{
	padding: 0 50px;
}
.company__greeting .img__area figcaption{
	margin-top: 30px;
	font-size: 14px;
	text-align: center;
}
.president__name{
	font-size: 130%;
}

.text__area{
	margin-top: 40px;
	text-align: justify;
}
.text__area .read{
	font-size: 16px;
	font-weight: 600;
	line-height: 2;
}


/*company__info*/
.company__info{
	margin-top: 80px;
}
.company__date{
	margin-top: 20px;
	font-size: 12px;
	text-align: right;
}

/*company__detail */
.company__detail {
	margin-top: 30px;
}
.company__detail dl{
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0;
}
.company__detail dt,
.company__detail dd{
	padding: 20px;
	border-bottom: 1px solid #666;
}
.company__detail dt{
	width: 30%;
	font-weight: 700;
}
.company__detail dd{
	width: 70%;
}

/*company__prace*/
.company__prace{
}

/*company__prace-inner*/
.company__prace-inner h4{
	margin-top: 30px;
	font-size: 16px;
}
.company__address{
	margin-top: 20px;
}

.company__access{
	margin-top: 20px;
}

@media (min-width: 768px){
    .company {
        margin: 70px 30px 100px;
    }
	
	.company__greeting{
		display: flex;
		justify-content: center;
		align-items: flex-start;
		gap: 40px;
	}
	
	.company__greeting .img__area{
		width: 30%;
	}
	.company__greeting .text__area{
		width: 70%;
	}


	.company__greeting .img__area {
		padding: 0 ;
	}
	.text__area {
	}
	.company__greeting .img__area figcaption{
		text-align: left;
	}
	
	/*company__prace-inner*/
	.company__prace-inner{
		display: flex;
		flex-wrap: wrap;
		gap: 50px;
        justify-content: center;
	}
	.company__prace-osaka,
	.company__prace-wakayama,
	.company__prace-plant{
		width: 45%;
	}
}

@media (min-width: 1024px){
	
	.company__greeting .img__area{
		width: 25%;
	}
	.company__greeting .text__area{
		width: 75%;
	}

}

@media (min-width: 1200px){
	.company {
        max-width: 1200px;
        width: 100%;
        margin: 100px auto;
        padding: 0;
    }
	.company__greeting{
		width: 80%;
		margin: auto;
		gap: 80px;
	}
	.company__greeting .img__area{
		padding: 0 ;
	}
	.company__greeting .text__area{
	}

	/*company__detail*/
	.company__detail {
		margin-top: 50px;
		padding: 0 100px;
		font-size: 14px;
		line-height: 2;
	}
	.company__detail ul li{
		margin-bottom: 20px;
	}
	.company__prace-osaka,
	.company__prace-wakayama,
	.company__prace-plant{
		width: 30%;
	}
}







/*company__prace*/
.tel__btn,
.tel__btn-jikangai{
	width: 100%;
	margin: 5% auto;
	border: 1px solid #000;
	border-radius: 6px;
	box-shadow: 3px 3px 0 #e6e5e5;
	text-align: center;
	color: #000;
	font-size: 18px;
	font-weight: 600;
}
.tel__btn a,
.tel__btn-jikangai a{
	text-decoration: none;
	padding: 6px ;
	display: block;
}
.tel__btn-jikangai a{
	padding: 10px 12px;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
}
.phone__big{
	font-size: 130%;
	display: inline-block;
    transform: scaleY(1.2);
    letter-spacing: 1px;
}
.tel__btn .time,
.tel__btn-jikangai .label{
	font-size: 13px;
}
.tel__btn a{
	text-decoration: none;
	padding: 6px ;
}

/*googlemap*/
.googlemap{
	margin-top: 40px;
}
.googlemap iframe{
	width: 100%;
	height: 240px;
}

@media (min-width: 768px){
	.tel__btn-jikangai a{
		justify-content: center;
		gap: 15px;
	}
}