#page__about-us #page_header{
    background: var(--main);
    color: var(--main-r);
}

#page__about-us #page_header .page-subtitle-en,
#page__about-us #aboutus_main .subtitle-wrap p{
color:#FFDD75;
}

#aboutus_main h3{
text-align: center;
    font-size: 5rem;
    margin-bottom: 5rem;
	font-family:var(--bold);
}

.message-text p{
	margin-bottom:2rem;
}

#director{
	text-align:right;
	font-size:2rem;
    margin-top: 5rem;	
	font-family:var(--bold);
}

#director span{
	font-size:1.6rem;
}

#profile table{
width: 100%;
    text-align: left;
}

#profile table th,
#profile table td{
    border-top: 1px solid var(--main);
    padding: 2rem 0;
    vertical-align: top;
}

.shozai{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
	gap:5rem;
}

.shozai-item{
	width:calc(100% / 2 - 2.5rem);
}

.shozai-wrap,
.service{
	border-top: 1px solid var(--main);
}

.service{
margin-top: 2rem;
    display: flex;
    align-items: flex-start;
}

.shozai-title,
.service{
	padding:2rem 0;
}

iframe{
	margin-top:2rem;	
}

#profile table th,
.service-title{
	width:50%;
}

.service ul li{
	margin-bottom:2rem;
}

.service ul li:last-child{
	margin-bottom:0;
}

.service{
	border-bottom: 1px solid var(--main);
}

.profile-wrap, .shozai-wrap, .service {
    margin-left: 8.33333vw;
}


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

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

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

@media screen and (max-width:1024px) {
#aboutus_main h3 {
    font-size: 4rem;
}
}

@media screen and (max-width:767px) {
    #aboutus_main h3 {
        font-size: 2rem;
    }
#director {
    font-size: 1.4rem;
    margin-top: 3rem;
}
#director span {
    font-size: 13px;
}
.profile-wrap, .shozai-wrap, .service {
    margin-left: 0;
}
#profile table th, .service-title {
    width: 30%;
}
.shozai {
    gap: 2rem;
}
.shozai-item {
    width: calc(100% / 2 - 1rem);
}
iframe {
    height:150px;
}
}