@charset "utf-8";

.greeting {
    
}
.greeting section {
    position: relative;
    background: url(../../img/common/pc_bg.png) no-repeat center center / cover;
    padding-bottom: 105px;
    z-index: 1;
    overflow-y: hidden;
}
.greeting section::before,
.greeting section::after {
    content: '';
    position: absolute;
    width: 45vw;
    height: 100%;
    z-index: -1;
}
.greeting section::before {
    top: -25%;
    left: 0;
    background: url(../../img/common/pc_sec_back01.png) no-repeat center center / contain;
}
.greeting section::after {
    bottom: -20%;
    right: 0;
    background: url(../../img/common/pc_sec_back02.png) no-repeat center center / contain;
}
.greeting .fx-row {
    gap: 30px;
}
.greeting .sub_ttl,
.greeting .name_wrap p:nth-child(1) {
    font-size: 24px;
}
.greeting .name_wrap {
    display: flex;
    align-items: end;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.greeting .name_wrap::after {
    left: 0;
    transform: none;
}
.greeting .name_wrap p:nth-child(1) {
    padding-right: 15px;
    font-size: 24px;
}
.greeting .name {
    font-size: 40px;
}
@media screen and (max-width: 767px) {
    .white_box_l {
        padding: 20px;
    }
    .greeting .fx-row {
        gap: 15px;
    }
    .greeting .sub_ttl,
    .greeting .name_wrap p:nth-child(1) {
        font-size: 18px;
    }
    .greeting .name {
        font-size: 30px;
    }
}