@charset "UTF-8";

/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px), print {
#staff main {
  color: #1A1311;
}

#staff .system-list {
  display: grid;
  grid-template-columns: repeat(4,minmax(0, 1fr));
  gap: 3.75rem 2.5rem;
  width: min(95%,1400px);
  margin-inline: auto;
}

#staff .system-list li {

}

#staff .system-list li a {

}
  
#staff .system-pic img {
  max-height: 392px;
}

#staff .system-wrap {
  display: grid;
  grid-template-columns: repeat(1,minmax(0, 1fr));
  border-left: 4px solid #00388D;
  padding-inline: 20px;
}

#staff .system-job {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #7D7D7D;
  font-weight: 600;
}

#staff .system-ttl {
  font-size: 21px;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 600;
}

#staff .system-ttl.staff {
	margin-bottom: 0px;
}

#staff .system-content {
  display: grid;
  grid-template-columns: 40% minmax(0, 1fr);
  gap: 0 5rem;
}

#staff .system-content-left {


}

#staff .system-txt {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-bottom: 2rem;
  color: #352F2D;
}

#staff .system-content-right {

}

#staff .main-title-wrap {
	display: grid;
	gap: 0 2.8rem;
	grid-template-columns: 40% 56.5%;
	margin-bottom: 6.5625rem;
	margin-left: auto;
	width: min(95%, 1840px);
}

#staff .seo_bread_list {
	color: #1C1C1C;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-bottom: 3rem;
	text-align: left;
}

#staff .seo_bread_list span {
	color: #1C1C1C;
}

#staff .main-title {
	background: #fff;
	position: relative;
	left: -3.5rem;
}

#staff .main-title .wrap {
	align-items: center;
	display: flex;
	justify-content: space-between;
	position: relative;
	left: 1rem;
}

#staff .main-title .wrap p {
	color: #00388D;
	font-size: 10.625rem;
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: 1.6;
}

#staff .main-title .wrap h1 {
	color: #1A1311;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 0.09em;
	line-height: 1.2727272727;
	position: relative;
	right: -2.5rem;
	top: 1.5rem;
  white-space: nowrap;
}

.p-message {
	background: url(../images/staff/message_bg01.png) no-repeat top center/auto, url(../images/staff/message_bg02.png) no-repeat bottom center/auto;
	margin-inline: auto;
	max-width: 1920px;
	width: 100%;
}

.p-message .l-inner.l-message {
	margin-inline: auto;
	padding-block: 5.75rem 8.25rem;
	width: min(95%, 1400px);
}

.p-message .p-message__en {
	color: #00388D;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.03em;
	line-height: 1.8;
	margin-bottom: -0.5rem;
}

.p-message .p-message__ttl {
  font-size: 3.75rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	line-height: 1.8833333333;
	margin-bottom: 3rem;
}

.p-message .p-message__contents {
	align-items: center;
	display: grid;
	gap: 0 9rem;
	grid-template-columns: 48.2% 51%;
	margin-bottom: 5rem;
  width: min(90%,1400px);
}

.p-message .p-message__contents.bottom {
	display: grid;
	grid-template-columns: 51% 48.2%;
  gap: 0 5rem;;
}

.p-message .p-message__contents.bottom .p-message__contents-left {
	order: 2;
}

.p-message .p-message__contents.bottom .p-message__contents-right {
	order: 1;
}

.p-message .p-message__contents-right h3 {
	font-size: 2.5rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.45;
	margin-bottom: 5rem;
  white-space: nowrap;
}

.p-message .p-message__contents-right span {
	color: #00388D;
}

.p-message .p-message__contents-right .txt p {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 2.375;
}

.p-message .p-message__contents-right .txt p.bottom {
	margin-block: 2.375rem 0;
}

.p-message .p-message__contents02 {
	align-items: flex-end;
	display: grid;
	gap: 0 5.5rem;
	grid-template-columns: 47% 45.7%;
	margin-bottom: 12.875rem;
	width: min(85%,1280px);
	margin-inline: auto;
}

.p-message .p-message__contents02.bottom {
	align-items: flex-start;
	display: grid;
	grid-template-columns: 49.5% 45%;
	margin-bottom: 0;
	gap: 0 8.5rem;
}

.p-message .p-message__contents02.bottom .p-message__contents02-left {
	order: 2;
}

.p-message .p-message__contents02.bottom .p-message__contents02-right {
	order: 1;
}

.p-message .p-message__contents02-left .txt {
	margin-bottom: 1rem;
}

.p-message .p-message__contents02-left .txt p {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 2.375;
}

.p-message .p-message__contents02-left .txt p.bottom {
	margin-block: 2.375rem 0;
}

.p-message .p-message__contents02-left .name {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.5833333333;
	text-align: right;
}

.p-message .p-message__contents02-left .name span {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 2.375;
	padding-inline: 0 1rem;
}

#staff .system-contents {
	background: url(../images/staff/staff_bg.jpg) repeat top center/cover;
	margin-inline: auto;
	max-width: 1920px;
	padding-block: 11.25rem 7.75rem;
	width: 100%;
}

#staff .system-contents .p-staff__txt {
	color: #00388D;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.7916666667;
	margin-bottom: 0.5rem;
	text-align: center;
}

#staff .system-contents .p-staff__ttl {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 0.09em;
	line-height: 1.6666666667;
	margin-bottom: 5.375rem;
	text-align: center;
}

#staff .system-contents .p-staff__ttl.staff {
  margin-bottom: 0;
}

#staff .page-list span {
	background: #00388D;
	color: #ffffff;
}

#staff .page-list a {
	background: #ffffff;
	border: none;
}

.p-staff__link {
	background: #ffffff;
}

.p-staff__link .l-inner.l-link {
	background: #ffffff;
	margin-inline: auto;
	padding-block: 6.5rem 5.25rem;
	position: relative;
	top: -3rem;
	width: min(85%, 1600px);
}

.p-staff__link .p-staff__link__items {
	display: grid;
	gap: 0 3.75rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-inline: auto;
	width: min(85%, 1340px);
}

.p-staff__link .p-staff__link__item a {
	display: block;
}

.p-staff__link .p-staff__link__item a .img {
	margin-bottom: 1.5rem;
}

.p-staff__link .p-staff__link__item a p {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.875;
	text-align: center;
  color: #1A1311;
}

}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1919px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1919px) {
#staff .main-title-wrap .main-img img {
  width: 100%;
  height: auto;        
}

.p-message .p-message__img img {
  width: 100%;
  height: auto;        
}
}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1800px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1800px) {
.p-staff__link .p-staff__link__item a .img img {
  width: 100%;
  height: auto;        
}
}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1600px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1600px) {
.p-message .p-message__contents-left img {
  width: 100%;
  height: auto;        
}

.p-message .p-message__contents02-right img {
  width: 100%;
  height: auto;        
}

.p-message .p-message__contents {
  align-items: flex-start;
  gap: 0 4rem;
}

.p-message .p-message__contents02 {
  align-items: flex-start;
}

.p-message .p-message__contents02.bottom {
  gap: 0 4.5rem;
}


}

/* ========================================
@media screen and (min-width:768px) and ( max-width:1500px) {
======================================== */
@media screen and (min-width:768px) and ( max-width:1500px) {
#staff .system-pic img {
  max-height: 24.667vw;
}

#staff .main-title .wrap p {
  color: #00388D;
	font-size: 11.333vw;
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: 1.6;
}

#staff .main-title .wrap h1 {
  right: -1.5rem;
  font-size: 1.467vw;
}



}


/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
#staff main {
  color: #1A1311;
}

#staff .system-list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0, 1fr));
  gap: 6.039vw 0.415vw;
  width: min(95%, 94.2vw);
  margin-inline: auto;
}

#staff .system-list li {

}

#staff .system-list li a {

}
  
#staff .system-pic img {
  height: 57.4vw;
}

#staff .system-wrap {
  display: grid;
  grid-template-columns: repeat(1,minmax(0, 1fr));
  border-left: 4px solid #00388D;
  padding-inline: 3.382vw;
}

#staff .system-job {
  font-size: 3.14vw;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #7D7D7D;
  font-weight: 600;
}

#staff .system-ttl {
  font-size: 4.348vw;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 2vw;
}

#staff .system-ttl.staff {
  margin-bottom: 0;
}

#staff .system-txt {
  font-size: 3.14vw;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-bottom: 5vw;
  color: #352F2D;
}

#staff .main-title-wrap {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-inline: auto;
	width: 100%;
	padding-block: 13vw 0;
}

#staff .seo_bread_list {
	color: #1C1C1C;
	font-size: 2.899vw;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-bottom: 0;
	order: 3;
	padding-inline: 10.729vw 0;
	text-align: left;
}

#staff .seo_bread_list span {
	color: #1C1C1C;
}

#staff .main-title {
	background: #ffffff;
	display: contents;
}

#staff .main-title .wrap {
	background: url(../images/staff/header_ttl_bg_sp.png) no-repeat top left/75.3% auto;
	display: grid;
	gap: 0px 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	order: 2;
	padding: 0vw 26.1vw 0vw 9.2vw;
}

#staff .main-title .wrap p {
	color: #00388D;
	font-size: 13.043vw;
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: 1.5925925926;
	margin-bottom: -3vw;
}

#staff .main-title .wrap h1 {
	color: #1A1311;
	font-size: 3.382vw;
	font-weight: 600;
	letter-spacing: 0.09em;
	line-height: 2;
	padding-inline: 1vw 0;
}

#staff .main-img {
	margin-bottom: -9.662vw;
	order: 1;
}

.p-message {
	background: url(../images/staff/message_bg01_sp.png) no-repeat top center/contain,
  url(../images/staff/message_bg02_sp.png) no-repeat bottom center/contain;
	margin-inline: auto;
	width: 100%;
}

.p-message .l-inner.l-message {
	margin-inline: auto;
	padding-block: 14.184vw 16.184vw;
	width: min(95%, 89.3vw);
}

.p-message .p-message__en {
	color: #00388D;
	font-size: 4.348vw;
	font-weight: 600;
	letter-spacing: 0.03em;
	line-height: 1.5555555556;
	margin-bottom: -2.068vw;
}

.p-message .p-message__ttl {
	font-size: 7.729vw;
	font-weight: 700;
	letter-spacing: 0.09em;
	line-height: 2.3125;
	margin-bottom: 3.454vw;
}

.p-message .p-message__contents {
	display: grid;
	gap: 5.797vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 11.527vw;
}

.p-message .p-message__contents.bottom {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 11.121vw;
}

.p-message .p-message__contents-right h3 {
	font-size: 5.797vw;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.5833333333;
	margin-bottom: 2.488vw;
}

.p-message .p-message__contents-right span {
	color: #00388D;
}

.p-message .p-message__contents-right .txt {
	font-size: 3.382vw;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 2.1428571429;
}

.p-message .p-message__contents-right .txt p.bottom {
	margin-block: 0;
}

.p-message .p-message__contents02 {
	display: grid;
	gap: 3.797vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 22.527vw;
}

.p-message .p-message__contents02.bottom {
	display: grid;
	gap: 5.797vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-bottom: 0;
}

.p-message .p-message__contents02-left {
  order: 2;
}

.p-message .p-message__contents02-left .txt {
	margin-bottom: 5.353vw;
}

.p-message .p-message__contents02-left .txt p {
	font-size: 3.382vw;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 2.1428571429;
}

.p-message .p-message__contents02-left .txt p.bottom {
	margin-block: 0;
}

.p-message .p-message__contents02-left .name {
	font-size: 4.831vw;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.9;
	text-align: right;
}

.p-message .p-message__contents02-left .name span {
	font-size: 3.382vw;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 2.7142857143;
	padding-inline: 0 3.14vw;
}

.p-message .p-message__contents02-right {

}

#staff .system-contents {
	background: url(../images/staff/staff_bg_sp.jpg) repeat top center/cover;
	margin-inline: auto;
	padding-block: 18.324vw 3.155vw;
	width: 100%;
}

#staff .system-contents .p-staff__txt {
	color: #00388D;
	font-size: 3.865vw;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.875;
	margin-bottom: 4.246vw;
	text-align: center;
}

#staff .system-contents .p-staff__ttl {
	font-size: 5.797vw;
	font-weight: 700;
	letter-spacing: 0.09em;
	line-height: 1.5833333333;
	margin-bottom: 8.628vw;
	text-align: center;
}

#staff .page-list span {
	background: #00388D;
	color: #ffffff;
}

#staff .page-list a {
	background: #ffffff;
	border: none;
}

.p-staff__link {
	background: #ffffff;
}

.p-staff__link .l-inner.l-link {
	background: #ffffff;
	margin-inline: auto;
	padding-block: 10.324vw 9.324vw;
	position: relative;
	top: -9.662vw;
	width: min(95%, 96.6183574879vw);
}

.p-staff__link .p-staff__link__items {
	display: grid;
	gap: 5.696vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	margin-inline: auto;
	width: min(95%, 86.9vw);
}

.p-staff__link .p-staff__link__item a {
	display: block;
}

.p-staff__link .p-staff__link__item a .img {
	margin-bottom: 3.865vw;
}

.p-staff__link .p-staff__link__item a p {
	font-size: 3.382vw;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.7142857143;
	text-align: center;
  color: #1A1311;
}

}