@charset "UTF-8";

#message {
    width: 100%;
    padding-bottom: 25px;
    font-size: 16px;
    font-size: 1.6rem;
}


#message section h4{
    color: #284519;
    font-size: 18px;
    font-size: 1.8rem;
	padding: 30px 0 20px;
}

.senpai_message {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    border-bottom: none;
    text-align: justify;
    margin: 50px auto;
}

.senpai_message li:first-child {
    width: 75% !important;
}

.senpai_message li:last-child {
    width: 20% !important;
}

.message_inner {
    margin-bottom: 50px;
}

.message_inner.last_message {
	display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
	align-items: center;
}

.last_message_title {
	width: 14%;
}

.last_message_txt {
	width: 85%;
}

.message_inner ul.column1_2,
.message_inner ul.column2_1{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    line-height: 1.6;
    text-align: justify;
}

.message_inner ul.column1_2 li:first-child,
.message_inner ul.column2_1 li:last-child{
    width: 32%;
}

.message_inner ul.column1_2 li:last-child,
.message_inner ul.column2_1 li:first-child{
    width: 65.75%;
}

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

    .senpai_message {
        width: 95%;
    }

    .message_inner {
        width: 95%;
        margin: 0 auto 30px;
    }


	.last_message_title {
		width: 14%;
	}
	
	.last_message_txt {
		width: 83.5%;
	}

}

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

    #ttlArea.message h2{
        margin-top: 20px;
        width: 52%;
        margin: 0 auto;
    }

	
	#message h3{
		font-size: 25px;
		font-size: 2.5rem !important;
	}

    .message_inner {
        margin: 0 auto 10px;
    }


	#message section h4{
		padding: 20px 0 10px;
	}

    .senpai_message {
        margin: 30px auto;
    }
	
    .message_inner ul.column1_2 {
        flex-direction: column;
    }

    .message_inner ul.column2_1{
        flex-direction: column-reverse;
    }

    .message_inner ul.column1_2 li:first-child,
    .message_inner ul.column2_1 li:last-child{
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }

    .message_inner ul.column1_2 li:last-child,
    .message_inner ul.column2_1 li:first-child{
        width: 100%;
        margin-bottom: 15px;
    }

    .message_inner ul.column2_1 .img_width,
    .message_inner ul.column1_2 .img_width {
        width: 80% !important;
        margin: 0 auto;    
}

	.message_inner.last_message {
		width: 95%;
		flex-direction: column;
    justify-content: flex-start;
		margin: 10% auto 0;
	}
	
	.last_message_title {
		width: 25%;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.last_message_txt {
		width: 100%;
	}

}


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

	.senpai_message li:first-child {
		width: 68% !important;
	}
	
	.senpai_message li:last-child {
		width: 27% !important;
	}

	.last_message_title{ 
	margin-bottom: 10px;
	
	}


}