@charset "UTF-8";
/* CSS Document */

.l-mainimg .item__txt {
    padding-top: 0px;
}

.l-mainimg .item__txt--name {
    position: absolute;
    left: 0px;
    bottom: 40px;
    width: 100%;
    padding-left: 5%;
}

.l-mainimg .item__txt--name p {
    color: #FFF;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-weight: var(--base-font-weight2);
}

.l-mainimg h3 {
    padding-top: 15px;
}


/* l-container--page */

.l-container--page::before {
    left: 0px;
    bottom: 0px;
    width: 30%;
    height: 880px;
}

.l-wrapper--page::before {
    left: 0px;
    top: 0px;
    width: 22%;
    height: 720px;
}

/* p-message-section01 */

.p-message-section01 {
    width: 100%;
}

.p-message-section01::before {
    right: 0px;
    bottom: 0px;
    width: 48%;
    height: 60%;
}

.p-message-content01 .item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}

.p-message-content01 .item:not(:last-child) {
    margin-bottom: 200px;
}

.p-message-content01 .item__txt {
    flex: 1;
    padding-left: 5%;
    padding-right: 5%;
}

.p-message-content01 .item__img {
    width: 42%;
    text-align: center;
    position: relative;
    padding-bottom: 16%;
    padding-top: 60px;
}

.p-message-content01 .item__img--img01 img {
    min-height: 445px;
}

.p-message-content01 .item__img--img02 {
    width: 42%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    margin-left: -22%;
}

.p-message-content01 h3 {
    font-weight: var(--base-font-weight2);
    color: var(--color-main);
    font-size: 2.1vw;
    line-height: 1.6;
    letter-spacing: 0em;
}

@media screen and (max-width: 1280px) {
    .p-message-content01 h3 {
        font-size: 29px;
    }
}

@media screen and (min-width: 1920px) {
    .p-message-content01 h3 {
        font-size: 40px;
    }
}

.p-message-section01 p {
    padding-top: 25px;
}

/* p-message-section02 */

.p-message-section02 {
    width: 100%;
    position: relative;
}

.p-message-section02::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-image: url("../../img/message/back01.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 75%;
}

.p-message-content02 {
    width: 100%;
    position: relative;
}

.p-message-content02 .item {
    background-color: #FFF;
    padding: 80px 5%;
    border-radius: 20px;
    position: relative;
}

.p-message-content02 .item__ttl {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    text-align: center;
    z-index: 1;
    margin-top: -30px;
}

.p-message-content02 h3 {
    font-weight: var(--base-font-weight);
    font-size: 40px;
    color: #FFF;
    line-height: 1.2;
    letter-spacing: 0em;
    display: inline-block;
    padding: 10px 20px;
}



.sp-view {
    display: none;
}