@charset "UTF-8";

/* fv */
.company-fv::before {
    background: url(../img/company/fv-bg.jpg) no-repeat center center/cover;
}

/* message */
.sec-message {
    margin-top: 99px;
}
.message-ttl {
    font-size: 26px;
    color: #F358A2;
    font-weight: 700;
    margin-bottom: 35px;
}
.message-txt-wrapper p {
    font-size: 20px;
    line-height: 200%;
    margin-bottom: 30px;
}
.message-img-wrapper {
    text-align: center;
}

.history-year{border-bottom: 2px solid #ccc;margin-bottom: 30px;padding-bottom: 30px;}
.history-year h5 {font-size: 24px;margin-bottom: 20px;}
.history-year li {font-size: 20px;margin-bottom: 30px;padding-bottom: 15px;border-bottom: 1px dotted #ccc;line-height: 170%;}
.history-year li:last-child{border-bottom: 0;}
.history-year li span {font-size: 14px;display: block;margin-bottom: 10px;}

.message-inner2 p{font-size: 20px; line-height: 180%;}
.message-inner2 img {width: 50%;margin: auto;display: block;float: right;padding-left: 20px;}



@media screen and (min-width: 992px) {
    .message-ttl {
        font-size: 32px;
        width: 850px;margin: 10px auto 50px auto;
    }
    .message-inner {
        display: flex;
        margin-left: -21px;
        margin-right: -21px;
    }
    .message-txt-wrapper,
    .message-img-wrapper {
        width: 50%;
        padding: 0 21px;
    }
    .message-txt-wrapper p {
        line-height: 241%;
    }

    .message-inner2 {width: 850px;margin: auto;}
}

/* philosophy */
.philosophy-wrapper {
    max-width: 1100px;
    margin: 0 auto;
}
.philosophy-txt {
    font-size: 21px;
    font-weight: 500;
    line-height: 194%;
    text-align: center;
    padding: 20px;
}
@media screen and (min-width: 992px) {
    .philosophy-txt {
        font-size: 25px;
        padding: 70px 160px;
    }
}
@media screen and (min-width: 1200px) {
    .philosophy-txt {
        font-size: 32px;
    }
}

/* objective */
.objective-wrapper {
    padding: 25px 20px;
    max-width: 1100px;
    margin: 0 auto;
}
.objective-list-item {
    font-size: 21px;
    font-weight: 500;
    line-height: 194%;
    text-align: center;
}
.objective-list-item:not(:last-of-type) {
    border-bottom: 1px solid #C5E3C6;
    padding-bottom: 20px;
}
.objective-list-item:not(:first-of-type) {
    padding-top: 20px;
}
@media screen and (min-width: 992px) {
    .objective-wrapper {
        padding: 70px 97px;
    }
    .objective-list-item {
        font-size: 25px;
    }
    .objective-list-item:not(:last-of-type) {
        padding-bottom: 40px;
    }
    .objective-list-item:not(:first-of-type) {
        padding-top: 40px;
    }
}
@media screen and (min-width: 1200px) {
    .objective-list-item {
        font-size: 32px;
    }
}

/* overview */
.overview-wrapper {
    max-width: 1100px;
    margin: 0 auto;
}
.overview-wrapper dl {
    font-size: 20px;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.overview-wrapper dl:first-of-type {
    border-top: 1px solid #000000;
}
.overview-wrapper dl dt {
    font-weight: 400;
    background-color: #FFF1F1;
    border-bottom: 1px solid #000000;
}
.overview-wrapper dl dt,
.overview-wrapper dl dd {
    padding: 10px;
}
@media screen and (min-width: 768px) {
    .overview-wrapper dl {
        display: flex;
    }
    .overview-wrapper dl dt,
    .overview-wrapper dl dd {
        padding: 20px;
    }
    .overview-wrapper dl dt {
        border-bottom: none;
        width: 140px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .overview-wrapper dl dd {
        width: calc(100% - 140px);
    }

    .history-year{margin: 10px auto 30px auto;padding-bottom: 30px;width: 750px;}
    .history-year h5 {margin-bottom: 50px;}
    .history-year li {margin-bottom: 30px;padding-bottom: 15px;padding-left: 40px;background-image: url(../img/company/list-mark.png);background-repeat:no-repeat;background-size:20px;background-position:1px 10px;}
    .history-year li span {font-size: 20px;display: inline-block;margin-bottom: 0;width: 80px;}



}
@media screen and (min-width: 992px) {
    .overview-wrapper dl dt,
    .overview-wrapper dl dd {
        padding: 30px 20px;
    }
    .overview-wrapper dl dt {
        width: 265px;
    }
    .overview-wrapper dl dd {
        width: calc(100% - 265px);
    }
}

/* access */
.access-wrapper iframe {
    width: 100%;
    height: 619px;
}
.access-txt {
    font-size: 20px;
    margin-top: 36px;
}