@charset "utf-8";
/* CSS Document */
.bg {background-color: #e8eff8;padding: 100px 0;}
@media (max-width: 850px) {.bg {padding: 50px 0;}}
/****************************
message
****************************/
.message_img {
    margin-bottom: 50px;
    position: relative;
}
.message_img .ttl {
    color: #fff;
    position: absolute;
    top: 15px;
    left: 96px;
    text-shadow: 0 0 8px rgba(28, 54, 107, 0.35);
}
.message_img .ttl span {color: #fff;}
.message_img .ttl::before {
    content: "";
    display: inline-block;
    background: url("../img/icon_w.webp");
    background-size: cover;
    width: 47px;
    height: auto;
    aspect-ratio: 1/1;
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
}
.name {
    font-size: 32px;
    font-weight: 600;
    text-align: right;
    margin-top: 20px;
}
.name span {font-size: 0.5em;}
p em {
    display: block;
    font-size: 24px;
    margin-bottom: 20px;
}
.message ul {margin: 1.5em 0;}
.message li {
    position: relative;
    padding-left: 1em;
    margin-bottom: 0.5em;
}
.message li::before {
    content: "";
    position: absolute;
    left: 0.5em;
    top: 0.8em;
    width: 3px;
    height: 3px;
    background: #27416d;
    border-radius: 50%;
}
@media (max-width: 850px) {
    .message_img .ttl {
        top: 10px;
        left: calc(5% + 41px);
        width: calc(95% - 41px);
    }
    .message_img .ttl::before {
        content: "";
        display: inline-block;
        background: url("../img/icon_w.webp");
        background-size: cover;
        width: 41px;
        height: auto;
        aspect-ratio: 1/1;
        position: absolute;
        left: -46px;
        top: 50%;
        transform: translateY(-50%);
    }
}
/****************************
policy,companyinformation,
qualificationholders,history,map
****************************/
.policy ol {
    list-style: decimal;
    padding-left: 1.5em;
    margin-bottom: 1em;
}
.policy ol li {display: list-item;}
.companyinformation dt { width: 7em; }
.qualificationholders dt { width: 17em; }
.history dt { width: 11em; }
.companyinformation dd { width: calc(100% - 7em); }
.qualificationholders dd { width: calc(100% - 17em); }
.history dd { width: calc(100% - 11em); }
.map {
    margin-top: 100px;
    height: 400px;
}
.map iframe {
    width: 100%;
    height: 100%;
}
@media (max-width: 850px) {
    .companyinformation dt,
    .qualificationholders dt,
    .history dt,
    .companyinformation dd,
    .qualificationholders dd,
    .history dd {width: 100%;}
    .map {margin-top: 40px;}
}
/****************************
vision
****************************/
.vision_flex {
    display: flex;
    gap: 20px 8%;
	align-items: flex-start;
}
.vision_flex img {width: 40%;}
.vision_flex p {width: 52%;}
@media (max-width: 850px) {
	.vision_flex {flex-direction:column-reverse;}
	.vision_flex img,.vision_flex p {width: 100%;}
}