.greetingsWrap,.aboutWrap {
    position: relative;
    width: 100%;
    overflow: hidden
}

.greetingsInner,.aboutInner {
    position: relative;
    width: 90%;
    margin: 0 auto;
    max-width: 1100px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center
}

.greetingsWrap {
    padding: 80px 0
}

@media (min-width: 768px) {
    .greetingsWrap {
        padding:100px 0
    }
}

@media (min-width: 1024px) {
    .greetingsWrap {
        padding:105px 0 100px
    }
}

.greetingsWrap .h2TitX {
    width: 100%
}

.greetingsWrap .h2TitX .filterTxt {
    transform: translate(-50%, -70%);
    text-align: center;
    white-space: nowrap;
    font-size: 92px;
    line-height: 123px
}

@media (min-width: 768px) {
    .greetingsWrap .h2TitX .filterTxt {
        transform:translate(-50%, -60%);
        font-size: 126px;
        line-height: 196px
    }
}

@media (min-width: 1024px) {
    .greetingsWrap .h2TitX .filterTxt {
        transform:translate(-50%, -60%);
        font-size: 150px;
        line-height: 196px
    }
}

.greetingsInner {
    margin-top: 75px
}

.greetingsWrap .rowContentsX {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 40px
}

@media (min-width: 1024px) {
    .greetingsWrap .rowContentsX {
        flex-direction:row;
        align-items: start;
        column-gap: 7.2727272727%
    }
}

@media (min-width: 1280px) {
    .greetingsWrap .rowContentsX {
        align-items:center
    }
}

.greetingsWrap .rowContentsX .imgX {
    position: relative;
    width: 100%;
    border-radius: 6px
}

@media (min-width: 1024px) {
    .greetingsWrap .rowContentsX .imgX {
        aspect-ratio:500 / 375;
        width: 45.4545454545%
    }
}

.greetingsWrap .rowContentsX .imgX .commonImg {
    max-width: none;
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.greetingsWrap .rowContentsX .textContentsX {
    flex: 1
}

.greetingsWrap .rowContentsX .textContentsX .desc {
    font: normal 400 16px/28px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.greetingsWrap .rowContentsX .textContentsX .ceoTxt {
    margin-top: 30px;
    text-align: right;
    font: normal 700 20px/29px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #578099
}

.aboutInner {
    max-width: initial;
    padding: 60px 0;
    background-color: #9DC0D4;
    border-radius: 6px
}

@media (min-width: 768px) {
    .aboutInner {
        padding:80px 0
    }
}

@media (min-width: 1024px) {
    .aboutInner {
        padding:95px 0;
        width: 88.8888888889%
    }
}

.aboutWrap .contentsX {
    padding: 60px 0;
    width: 90%;
    background-color: #FFF;
    border-radius: 6px
}

@media (min-width: 768px) {
    .aboutWrap .contentsX {
        padding:80px 0
    }
}

@media (min-width: 1280px) {
    .aboutWrap .contentsX {
        width:76.40625%
    }
}

.aboutWrap .contentsX .h2TitX {
    width: 100%
}

.aboutWrap .contentsX .h2TitX .filterTxt {
    transform: translate(-50%, -55%);
    text-align: center;
    white-space: nowrap;
    font-size: 75px;
    line-height: 120px
}

@media (min-width: 768px) {
    .aboutWrap .contentsX .h2TitX .filterTxt {
        transform:translate(-50%, -60%);
        font-size: 126px;
        line-height: 196px
    }
}

@media (min-width: 1024px) {
    .aboutWrap .contentsX .h2TitX .filterTxt {
        transform:translate(-50%, -60%);
        font-size: 150px;
        line-height: 196px
    }
}

.aboutWrap .contentsX .tbX {
    width: 90%;
    margin: 38px auto 0
}

@media (min-width: 1280px) {
    .aboutWrap .contentsX .tbX {
        width:77.5051124744%
    }
}

.aboutWrap .contentsX .trX {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding: 16px 0;
    border-bottom: 1px solid #C4C4C4
}

@media (min-width: 768px) {
    .aboutWrap .contentsX .trX {
        flex-direction:row;
        column-gap: 10.5540897098%
    }
}

.aboutWrap .contentsX .th {
    min-width: 90px;
    font: normal 500 16px/23px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.aboutWrap .contentsX .telLink {
    display: block;
    width: fit-content
}

.aboutWrap .contentsX .td {
    font: normal 400 16px/23px 'BIZ UDPMincho', "Noto Serif JP", serif;
    color: #333
}

.aboutWrap .contentsX .br1280 {
    display: none
}

@media (min-width: 1024px) {
    .aboutWrap .contentsX .br1280 {
        display:block
    }
}

@media (min-width: 1280px) {
    .aboutWrap .contentsX .br1280 {
        display:none
    }
}

.aboutWrap .imgContentsX {
    width: 90%;
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    margin: 60px auto 0
}

@media (min-width: 768px) {
    .aboutWrap .imgContentsX {
        margin:80px auto 0;
        flex-direction: row;
        column-gap: 3.6363636364%
    }
}

@media (min-width: 1280px) {
    .aboutWrap .imgContentsX {
        width:76.3888888889%
    }
}

.aboutWrap .imgContentsX .imgX {
    flex: 3;
    aspect-ratio: 340 / 240
}

.aboutWrap .imgContentsX .imgX>img {
    border-radius: 6px
}

.aboutWrap .mapContent {
    margin: 60px auto 80px;
    width: 90%
}

@media (min-width: 768px) {
    .aboutWrap .mapContent {
        margin:80px auto 100px
    }
}

@media (min-width: 1024px) {
    .aboutWrap .mapContent {
        width:76.3888888889%;
        margin: 100px auto 130px
    }
}

.aboutWrap .mapContent .mapBox {
    width: 100%;
    aspect-ratio: 2.037037037;
    min-height: 300px
}

.aboutWrap .mapContent .mapBox .mapInfoImg {
    width: 100%;
    height: 100%;
    min-height: 300px
}

.aboutWrap .mapContent .mapBox .mapInfoImg iframe {
    width: 100%;
    height: 100%
}

/*# sourceMappingURL=company.css.map */
