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


@media screen and (max-width: 767px) {

    
.l-mainimg .item__txt--name {
bottom: 20px;
    padding-left: 6%;
}

.l-mainimg .item__txt--name p {
    font-size: 12px;
}

.l-mainimg h3 {
    padding-top: 10px;
    font-size: 18px;
}
    
    
/* l-container--page */

.l-container--page::before {
    height: 500px;
}

.l-wrapper--page::before {
    width: 25%;
    height: 300px;
}

/* p-message-section01 */

.p-message-section01::before {
    height: 250px;
}

.p-message-content01 .item__txt {
	width: 100%;
    padding-right: 0%;
    padding-left: 0px;
}

.p-message-content01 .item__img {
	width: 100%;
    max-width: 400px;
    padding-bottom: 16%;
    padding-top: 40px;
}

.p-message-content01 .item__img--img01 {
    padding-left: 15%;
}
    
.p-message-content01 .item__img--img01 img {
    min-height: 0px;
}

.p-message-content01 .item__img--img02 {
    width: 35%;
bottom: 0px;
    margin-left: -0%;
}

.p-message-content01 h3 {
    font-size: 5.2vw;
}

.p-message-content01 p {
	padding-top: 20px;
}
    
    
/* p-message-section02 */

.l-wrapper--page section.p-message-section02 {
	padding-top: 30px;
    padding-bottom: 50px;
}
    
.p-message-section02::before {
	height: 75%;
}

.p-message-content02 .item {
    padding: 60px 6% 30px;
}

.p-message-content02 .item__ttl {
    margin-top: -35px;
}

.p-message-content02 h3 {
    font-size: 18px;
    line-height: 1.4;
    padding: 10px 25px;
}
    

    .pc-view {
        display: none;
    }
    .sp-view {
        display: inline-block;
    }
   
}