@charset "utf-8";

/*	MVC
------------------------------*/
#mvc-wrap {
    justify-content: space-between;
}
#mvc {
    width: 50%;
}
.mvc {
    margin-top: 80px;
}
.mvc:first-child {
    margin-top: 0;
}
#mvc .base-hd-ja {
    font-size: var(--font-size-large);
}
.mvc-txt dt {
    margin-bottom: 16px;
    font-weight: var(--font-weight-600);
    font-size: clamp(1.5rem, 0.927rem + 0.89vw, 2rem); /* 1025 - 1920 */
    line-height: 1.4;
}
.mvc-txt dd {
    text-align: justify;
}
#mvc-img {
    width: 46.6666666%;
}
#mvc-img figure {
    margin-top: 2px;
}
#mvc-img figure:first-child {
    margin-top: 0;
}
#mvc-img figure img {
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
@media only screen and (max-width: 1280px) {

.mvc {
    margin-top: 60px;
}
.mvc .base-hd {
    margin-bottom: 20px;
}
#mvc-img figure {
    margin-top: 80px;
}

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

#mvc {
    width: min(100%, 600px);
    margin: 0 auto;
}
#mvc-img {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
}
#mvc-img figure {
    width: 49%;
    margin-top: 0;
}

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

.mvc-txt dt {
    font-size: clamp(1.375rem, 1.166rem + 0.7vw, 1.5rem); /* 481 - 768 */
}

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

.mvc {
    margin-top: 40px;
}
.mvc .base-hd {
    margin-bottom: 12px;
}
#mvc .base-hd-ja {
    font-size: 1rem;
}
.mvc-txt dt {
    font-size: clamp(1.125rem, 0.232rem + 3.81vw, 1.375rem); /* 375 - 480 */
}
#mvc-img figure {
    width: 100%;
    margin-top: 20px;
    aspect-ratio: 16 / 9;
}
#mvc-img figure img {
    height: 100%;
    object-fit: cover;
	font-family: 'object-fit: cover;'
}

}


/*	会社概要
------------------------------*/
#company {
    margin-top: 120px;
    padding: 120px 0;
    background-color: #fff;
}
.company-tb {
    width: min(100%, 800px);
    margin: 0 auto;
}
.company-tb th,
.company-tb td {
	padding: 30px 0;
    border-bottom: 1px solid #dcdcdc;
}
.company-tb th {
    padding-right: 60px;
    padding-left: 40px;
    color: #646464;
    white-space: nowrap;
}
@media only screen and (max-width: 768px) {

.company-tb th {
    padding-left: 0;
}

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

#company {
    margin-top: 60px;
    padding: 60px 0;
}
.company-tb th,
.company-tb td {
    display: block;
    padding: 20px 0;
}
.company-tb th {
    padding: 30px 0 0;
    border-bottom: none;
}
.company-tb td {
    padding: 12px 0 30px;
}
.access-item {
    margin-top: 40px;
}

}