@charset "utf-8";

/*===========================================================
会社概要
===========================================================*/

.message01-main-title-area {
    text-align: center;
}

.message01-container {
    margin: 8rem 0 0;
    display: flex;
    align-items: flex-end;
}

.message01-img-box {
    margin: 0 -5.3rem 7rem 0;
    max-width: 50rem;
    width: 48.2%;
    position: relative;
    z-index: 1;
}

.message01-text-container {
    max-width: 80rem;
    width: 63.5%;
    padding: 10rem 1.5rem 8rem;
}

.message01-text-area {
    max-width: 65rem;
    width: 80%;
    margin: 0 6% 0 auto;
}

.message01-text-box {
    margin: 4rem 0 0;
}

.message01-name-box {
    margin: 5rem 0 0;
    display: flex;
    justify-content: flex-end;
    gap: 2rem;
}

.name-text01 {
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0;
	line-height: 2.3;
}

.name-text02 {
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: 0;
	line-height: 1.5;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (width <= 1920px) {


/*===========================================================

===========================================================*/



}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (width <= 1024px) {


	/*===========================================================
	message01
	===========================================================*/

	.message01-container {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.message01-img-box {
		margin: 0;
		width: 80%;
	}

	.message01-text-container {
		margin: 4rem 0 0;
		padding: 8rem 1.5rem;
		width: 100%;
	}

	.message01-text-area {
		margin: 0 auto;
	}

} 


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (width <= 768px) {


	/*===========================================================

	===========================================================*/


} 


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (width <= 576px) {


	/*===========================================================
	message01
	===========================================================*/

	.message01-container {
		margin: 6rem 0 0;
	}

	.message01-text-container {
		padding: 5rem 1.5rem;
	}

	.message01-text-area {
		width: 90%;
	}

	.name-text01 {
		font-size: 1.6rem;
	}

	.name-text02 {
		font-size: 2.4rem;
	}

}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (width <= 414px) {


/*===========================================================

===========================================================*/



}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */