@charset "utf-8";

.gjs-dashed .staff01-text-box02 {
	display: flex !important;
}

.staff01-text {
	font-size: clamp(12px, 11.077px + 0.256vw, 16px);
}

/*===========================================================
staff01
===========================================================*/

.staff01-block {
	margin: 60px 0 0;
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	justify-content: center;
}

.staff01-block:first-child {
	margin: 0;
}

.staff01-img-box01 {
    margin: 12% auto 0 0!important;
}

.staff01-block:nth-of-type(even) .staff01-img-box01 {
    margin: 12% 0 0 auto !important;
}

/*--- 吹き出し ---*/

.staff01-text-container {
	position: relative;
	display: inline-block;
	max-width: 735px;
	width: 100%;
	margin-bottom: 29px;
	padding: 20% 12.3% 10% 14.1%;
}

/* .staff01-text-container {
	margin: 50px 0 0;
	position: relative;
	display: inline-block;
	max-width: 735px;
	width: 100%;
	margin-bottom: 29px;
	padding: 50px 5% 30px;
	border: 2px solid var(--primary);
	border-radius: 50px;
	background-color: var(--white);
	text-align: left;
} */

.staff01-text-container::before {
	content: "";
	width: 100%;
	height: 530px;
	background: url(/system_panel/uploads/images/staff_text_decoration01.png) no-repeat center top / contain scroll;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
}

.staff01-block:nth-of-type(even) .staff01-text-container::before {
	content: "";
	width: 100%;
	height: 530px;
	background: url(/system_panel/uploads/images/staff_text_decoration02.png) no-repeat center top / contain scroll;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
}

/* .staff01-text-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	border-style: solid;
	border-width: 0 0 29px 30px;
	border-color: transparent transparent var(--primary);
	translate: -50% -100%;
}

.staff01-text-container::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	border-style: solid;
	border-width: 0 0 24.3px 25.1px;
	border-color: transparent transparent var(--white);
	translate: calc(-50% + 0.4px) -100%;
} */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:414px) {


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

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



}

/* min-width: 414px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:470px) {


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

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

.staff01-img-box01 {
    margin: 20% auto 0 0!important;
}

.staff01-block:nth-of-type(even) .staff01-img-box01 {
    margin: 20% 0 0 auto !important;
}

}

/* min-width: 470px ここまで */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:600px) {


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

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

.staff01-text-container {
	padding: 25% 12.3% 10% 14.1%;
}

.staff01-img-box01 {
    margin: 30% auto 0 0!important;
}

.staff01-block:nth-of-type(even) .staff01-img-box01 {
    margin: 30% 0 0 auto !important;
}

}

/* min-width: 600px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 768px) {


/*===========================================================
staff01
===========================================================*/

.staff01-block {
	margin: 80px 0 0;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}

.staff01-block:nth-of-type(even) {
	flex-direction: row-reverse;
}

.staff01-img-box01 {
    margin: 0 !important;
}

.staff01-block:nth-of-type(even) .staff01-img-box01 {
    margin: 0 !important;
}

/*--- 吹き出し ---*/

.staff01-text-container {
	margin: 0;
	padding: 13% 14% 80px 7%;
	width: 60%;
	position: relative;
}

.staff01-text-container::before {
	max-width: 660px;
}

.staff01-block:nth-of-type(even) .staff01-text-container::before {
	max-width: 660px;
}

/* .staff01-text-container::before {
	top: 75%;
	left: 0;
	border-style: solid;
	border-width: 30px 29px 0 0;
	border-color: transparent var(--primary) transparent transparent;
	translate: -100% -50%;
}

.staff01-text-container::after {
	top: 75%;
	left: 0;
	border-style: solid;
	border-width: 25.1px 24.3px 0 0;
	border-color: transparent var(--white) transparent transparent;
	translate: -100% calc(-50% + 0.4px);
} */

/* .staff01-block:nth-of-type(even) .staff01-text-container::before {
	top: 75%;
	right: 0;
	border-style: solid;
	border-width: 30px 0 0 29px;
	border-color: transparent transparent transparent var(--primary);
	translate: 100% -50%;
}

.staff01-block:nth-of-type(even) .staff01-text-container::after {
	top: 75%;
	right: 0;
	border-style: solid;
	border-width: 25.1px 0 0 24.3px;
	border-color: transparent transparent transparent var(--white);
	translate: 100% calc(-50% + 0.4px);
} */

}

/* min-width: 768px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 1024px) {


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

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

.staff01-block {
	margin: 100px 0 0;
}

}

/* min-width: 1024px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {


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

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



}

/* min-width: 1200px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1440px) {


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

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



}

/* min-width: 1440px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1620px) {}

/* min-width: 1520px ここまで */

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