@charset "UTF-8";
/* CSS Document */

.about-page{
	padding-bottom: 110px;
}
.hana{
	max-width: 1200px;
	height: 500px;
	margin: 120px auto 0;
}

.about-topimage{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 1200px) {
	.hana{
	max-width: 100%;
}
	.about-topimage{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right 50%;
}
}

.about-page-inner{
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 100px;
}

@media (max-width: 700px) {
	.hana{
	max-width: 100%;
	height: 350px;
}

}

@media (max-width: 600px) {
.about-page-inner{
	padding: 20px;
}
	}

@media (max-width: 500px) {
	.hana{
	max-width: 100%;
	height: 250px;
}
	.about-topimage{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right 50%;
}
	
}

.about{
	text-align: center;
	margin: 0 0 40px;
}
.about .title{
	font-size: 1.75rem;
	letter-spacing: 3px;
}

.copy{
	display: flex;
	justify-content: space-between
}

.category h4{
	font-size: 18px;
	color: #464646;
	font-weight: 300;
	letter-spacing: 0.1rem;
	padding-top: 20px;
}

@media (max-width: 1050px) {
	.copy{
		display: block;
	}
	.category h4 {
    padding-bottom: 20px;
	}
}

@media (max-width: 600px) {
	.copy{
		display: block;
	}
	.category h4 {
    padding-bottom: 20px;
	}
}

.greeting-inner h2{
	font-weight: 600;
	font-size: 1.5rem;
	letter-spacing: 0.4rem;
	margin-bottom: 30px;
}

.greeting-space{
	margin-bottom: 30px;
	line-height: 1.75rem;
	letter-spacing: 0.08rem;
}

.about-img2{
	max-width: 1200px;
}
.about-img2 img{
	width: 90%;
	height: 100%;
}
.company-wrap{
	max-width: 1200px;
	margin: 40px auto 0;
	padding: 50px 100px;
}
.company-info{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.company-table{
	width: 100%;
	margin: 0 0 30px;
}
.company-table tr{
	padding: 20px 0px;
}
.about-tbody{
	color: #464646;
}

.about-tbody .link{
	color: #0079B6;
}

.about-tbody tr{
	font-size: 0.95rem;
	font-weight: 600;
	color: #464646;
	letter-spacing: 0.15rem;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.about-tbody th{
	width: 180px;
	text-align: left;
	border-bottom: 1px solid #e6d5bb;
	padding: 20px 20px 20px 0;
	font-weight: 500;
}

.about-tbody td{
	width: 620px;
	border-bottom: 1px solid #e6d5bb;
	font-weight: 500;
}
tr .mail{
	border-bottom: none;!important
}

iframe{
	border: none;
	display: block;
	width: 100%;
	height: 420px;
}
@media (max-width: 1100px) {
	.company-info{
		display: block;
	}
	.category h4 {
    padding-bottom: 20px;
	}
}
@media (max-width: 600px) {
	.company-wrap{
	margin:auto 0;
	padding: 20px;
}
}
@media (max-width:370px) {
	.about-tbody tr {
    font-size: 0.75rem;
	letter-spacing: 0;
}
}