
/*===========================================================================
 secLead
===========================================================================*/
.secCareer .secLead_inr {
	padding-top: calc(57 * var(--rs));
	padding-bottom: calc(203 * var(--rs));
}
.secCareer .secLead_ttl {
	color: var(--key-color);
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(36 * var(--rs));
	line-height: 1.61;
	letter-spacing: 0.11em;
}
.secCareer .secLead_txt {
	margin-top: calc(24 * var(--rs));
	font-size: calc(16 * var(--rs));
	line-height: 2;
}
.secCareer .secLead_img {
	margin-top: calc(56 * var(--rs));
}
.secCareer .secLead_mediaWrap {
	margin-top: calc(150 * var(--rs));
}
.secCareer .secLead_mediaWrap > * + * {
	margin-top: calc(126 * var(--rs));
}
.secCareer .secLead_media {
	display: flex;
}
.secCareer .secLead_mediaBody {
	position: relative;
	flex: 0 0 calc(1068 * var(--rs));
	margin-top: calc(450 * var(--rs));
	padding-top: calc(62 * var(--rs));
	background-color: #fff;
	z-index: 1;
}
.secCareer .secLead_mediaTtl {
	color: var(--key-color);
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(32 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.secCareer .secLead_mediaTxt {
	margin-top: calc(20 * var(--rs));
	font-size: calc(16 * var(--rs));
	line-height: 2;
}
.secCareer .secLead_mediaImg {
	flex: 0 0 calc(1500 * var(--rs));
}
.secCareer .secLead_cardWrap {
	margin-top: calc(44 * var(--rs));
}
.secCareer .secLead_subTtl {
	color: var(--key-color);
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(20 * var(--rs));
	line-height: 1.45;
	letter-spacing: 0.04em;
}
.secCareer .secLead_cardList {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(29 * var(--rs));
	margin-top: calc(30 * var(--rs));
}
.secCareer .secLead_cardInr {
	display: flex;
	flex-direction: column-reverse;
	transition: opacity 0.3s ease-in-out;
}
.secCareer .secLead_cardBody {
	margin: calc(-44 * var(--rs)) calc(23 * var(--rs)) 0;
	padding: calc(20 * var(--rs)) calc(30 * var(--rs)) calc(30 * var(--rs));
	background-color: #fff;
	font-family: var(--font-noto-serif);
	font-weight: 500;
	z-index: 1;
}
.secCareer .secLead_cardTxt {
	color: #4a3e35;
	font-size: calc(12 * var(--rs));
	line-height: 1.42;
	letter-spacing: 0.04em;
}
.secCareer .secLead_cardTtl {
	position: relative;
	margin-top: calc(4 * var(--rs));
	padding-right: calc(30 * var(--rs));
	font-size: calc(18 * var(--rs));
	line-height: 1.6;
	letter-spacing: 0.02em;
}
.secCareer .secLead_cardTtl::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(16 * var(--rs));
	right: 0;
	width: calc(24 * var(--rs));
	height: calc(4 * var(--rs));
	background: var(--icn-arw-rd);
	transition: right 0.3s ease-in-out;
}
.secCareer .secLead_cardInr:hover {
	opacity: 0.7;
}
.secCareer .secLead_cardInr:hover .secLead_cardTtl::after {
	right: calc(-10 * var(--rs));
}
.secCareer .secLead_mediaBodyImg {
	margin-top: calc(52 * var(--rs));
}
/* PC
----------------------------------*/
@media screen and (min-width: 769px) {
	.secCareer .secLead_mediaWrap > *:nth-child(odd) {
		flex-direction: row-reverse;
	}
	.secCareer .secLead_mediaWrap > *:nth-child(odd) .secLead_mediaBody {
		margin-left: calc(-1068 * var(--rs));
		padding-left: calc(87 * var(--rs));
	}
	.secCareer .secLead_mediaWrap > *:nth-child(odd) .secLead_mediaBodyImg {
		margin-left: calc(-83 * var(--rs));
	}
	.secCareer .secLead_mediaWrap > *:nth-child(odd) .secLead_mediaImg {
		margin-right: calc(60 * var(--rs));
		margin-left: calc(-360 * var(--rs));
	}

	.secCareer .secLead_mediaWrap > *:nth-child(even) .secLead_mediaBody {
		padding-right: calc(112 * var(--rs));
	}
	.secCareer .secLead_mediaWrap > *:nth-child(even) .secLead_mediaImg {
		margin-right: calc(-360 * var(--rs));
		margin-left: calc(-1008 * var(--rs));
	}
	.secCareer .secLead_mediaWrap > *:nth-child(even) .secLead_cardList {
		margin-right: calc(-25 * var(--rs));
	}
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
	.secCareer .secLead_inr {
		padding-top: calc(14 * var(--rs));
		padding-bottom: calc(160 * var(--rs));
	}
	.secCareer .secLead_ttl {
		font-size: calc(50 * var(--rs));
		line-height: 1.72;
		letter-spacing: normal;
	}
	.secCareer .secLead_txt {
		margin-top: calc(45 * var(--rs));
		font-size: calc(32 * var(--rs));
		line-height: 1.88;
	}
	.secCareer .secLead_img {
		margin-top: calc(50 * var(--rs));
	}

	.secCareer .secLead_mediaWrap {
		margin-top: calc(120 * var(--rs));
	}
	.secCareer .secLead_mediaWrap > * + * {
		margin-top: calc(150 * var(--rs));
	}
	.secCareer .secLead_media {
		flex-direction: column-reverse;
	}
	.secCareer .secLead_mediaBody {
		flex: initial;
		margin: calc(-50 * var(--rs)) calc(17 * var(--rs)) 0;
		padding: calc(58 * var(--rs)) calc(40 * var(--rs)) 0;
	}
	.secCareer .secLead_mediaTtl {
		font-size: calc(44 * var(--rs));
		line-height: 1.64;
		letter-spacing: 0.02em;
	}
	.secCareer .secLead_mediaTxt {
		margin-top: calc(24 * var(--rs));
		font-size: calc(32 * var(--rs));
		line-height: 1.88;
	}
	.secCareer .secLead_mediaImg {
		flex: initial;
	}
	.secCareer .secLead_cardWrap {
		margin-top: calc(72 * var(--rs));
	}
	.secCareer .secLead_subTtl {
		font-size: calc(40 * var(--rs));
		line-height: 1.5;
	}
	.secCareer .secLead_cardList {
		grid-template-columns: 1fr;
		gap: calc(40 * var(--rs));
		margin-top: calc(48 * var(--rs));
	}
	.secCareer .secLead_cardBody {
		margin: calc(-35 * var(--rs)) calc(22 * var(--rs)) 0;
		padding: calc(30 * var(--rs)) calc(30 * var(--rs)) calc(28 * var(--rs));
		font-weight: normal;
	}
	.secCareer .secLead_cardTxt {
		color: #333;
		font-size: calc(28 * var(--rs));
		line-height: 1.43;
		letter-spacing: normal;
	}
	.secCareer .secLead_cardTtl {
		position: relative;
		margin-top: calc(2 * var(--rs));
		padding-right: calc(40 * var(--rs));
		font-size: calc(38 * var(--rs));
		line-height: 1.58;
	}
	.secCareer .secLead_cardTtl::after {
		top: calc(28 * var(--rs));
		width: calc(34 * var(--rs));
		height: calc(8 * var(--rs));
	}
	.secCareer .secLead_mediaBodyImg {
		margin: calc(52 * var(--rs)) calc(-40 * var(--rs)) 0;
	}
}


/*===========================================================================
 sec
===========================================================================*/
.secCareer .sec_head {
	height: 0;
	padding-top: calc(100% * 430 / 1920);
	background: no-repeat center center / cover;
}
.secCareer .sec_body {
	padding-top: calc(198 * var(--rs));
	padding-bottom: calc(160 * var(--rs));
}
.secCareer .sec_ttl {
	position: relative;
	padding-left: calc(20 * var(--rs));
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(36 * var(--rs));
	line-height: 1.58;
	letter-spacing: 0.04em;
}
.secCareer .sec_ttl::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -1px;
	width: 2px;
	height: calc(100% * 40 / 57);
	background-color: #333;
	transform: translateY(calc(-50% + 2 * var(--rs)));
}

/* sec01 */
.secCareer .sec.-sec01 .sec_head {
	background-image: url(/chu-ko/course/shinro/images/sec01_mv_bg.jpg);
}
.secCareer .sec.-sec01 .bg {
	position: relative;
	padding-bottom: calc(137 * var(--rs));
}
.secCareer .sec.-sec01 .bg::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(140 * var(--rs));
	left: 0;
	width: 100vw;
	height: calc(100% - 140 * var(--rs));
	background-color: #fafafa;
	z-index: -1;
	transform: translateX(calc(160 * var(--rs)));
}

/* sec02 */
.secCareer .sec.-sec02 .sec_head {
	background-image: url(/chu-ko/course/shinro/images/sec02_mv_bg.jpg);
}
.secCareer .sec.-sec02 .sec_body {
	padding-bottom: calc(170 * var(--rs));
}

/* sec03 */
.secCareer .sec.-sec03 .sec_head {
	background-image: url(/chu-ko/course/shinro/images/sec03_mv_bg.jpg);
}
.secCareer .sec.-sec03 .sec_body {
	padding-top: calc(177 * var(--rs));
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
	.secCareer .sec_head {
		padding-top: calc(100% * 560 / 750);
	}
	.secCareer .sec_body {
		padding-top: calc(180 * var(--rs));
		padding-bottom: calc(170 * var(--rs));
	}
	.secCareer .sec_ttl {
		padding: calc(2 * var(--rs)) 0 calc(8 * var(--rs)) calc(28 * var(--rs));
		font-size: calc(52 * var(--rs));
		line-height: 1.44;
		letter-spacing: normal;
	}
	.secCareer .sec_ttl::before {
		top: 0;
		left: 0;
		height: 100%;
		transform: initial;
	}

	/* sec01 */
	.secCareer .sec.-sec01 .sec_head {
		background-image: url(/chu-ko/course/shinro/images/sp_sec01_mv_bg.jpg);
	}
	.secCareer .sec.-sec01 .sec_body {
		padding-bottom: 0;
	}
	.secCareer .sec.-sec01 .bg {
		padding-bottom: calc(144 * var(--rs));
	}
	.secCareer .sec.-sec01 .bg::after {
		top: calc(430 * var(--rs));
		height: calc(100% - 430 * var(--rs));
		transform: translateX(calc(-40 * var(--rs)));
	}

	/* sec02 */
	.secCareer .sec.-sec02 .sec_head {
		background-image: url(/chu-ko/course/shinro/images/sp_sec02_mv_bg.jpg);
	}
	.secCareer .sec.-sec02 .sec_body {
		padding-bottom: calc(160 * var(--rs));
	}

	/* sec03 */
	.secCareer .sec.-sec03 .sec_head {
		background-image: url(/chu-ko/course/shinro/images/sp_sec03_mv_bg.jpg);
	}
	.secCareer .sec.-sec03 .sec_body {
		padding-top: calc(180 * var(--rs));
	}
}


/*===========================================================================
 media01
===========================================================================*/
.secCareer .media01 {
	display: flex;
	flex-direction: row-reverse;
	margin-top: calc(76 * var(--rs));
}
.secCareer .media01_body {
	position: relative;
	flex: 0 0 calc(460 * var(--rs));
	margin-top: calc(140 * var(--rs));
	margin-left: calc(-150 * var(--rs));
	padding: calc(60 * var(--rs)) 0 0 calc(60 * var(--rs));
	background-color: #fafafa;
	z-index: 1;
}
.secCareer .media01_ttl {
	color: var(--key-color);
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(32 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.secCareer .media01_txt {
	margin-top: calc(27 * var(--rs));
	font-size: calc(16 * var(--rs));
	line-height: 2;
}
.secCareer .media01_img {
	flex: 0 0 calc(1250 * var(--rs));
	margin-left: calc(-360 * var(--rs));
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
	.secCareer .media01 {
		flex-direction: column-reverse;
		margin-top: calc(80 * var(--rs));
	}
	.secCareer .media01_body {
		flex: initial;
		margin: calc(-50 * var(--rs)) calc(17 * var(--rs)) 0;
		padding: calc(56 * var(--rs)) calc(40 * var(--rs)) 0;
	}
	.secCareer .media01_ttl {
		font-size: calc(48 * var(--rs));
	}
	.secCareer .media01_txt {
		margin-top: calc(25 * var(--rs));
		font-size: calc(32 * var(--rs));
		line-height: 1.88;
	}
	.secCareer .media01_img {
		flex: initial;
		margin-left: 0;
	}
}


/*===========================================================================
 media02
===========================================================================*/
.secCareer .media02 {
	position: relative;
	margin-top: calc(124 * var(--rs));
}
.secCareer .media02_body {
	display: grid;
	grid-template-columns: calc(300 * var(--rs)) calc(305 * var(--rs));
	gap: calc(57 * var(--rs)) calc(595 * var(--rs));
}
.secCareer .media02_ttl {
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(20 * var(--rs));
	line-height: 1.45;
	letter-spacing: 0.06em;
}
.secCareer .media02_txt {
	margin-top: calc(7 * var(--rs));
	font-size: calc(16 * var(--rs));
	line-height: 1.88;
}
.secCareer .media02_img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: calc(14 * var(--rs));
	transform: translateX(-50%);
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
	.secCareer .media02 {
		display: flex;
		flex-direction: column-reverse;
		margin: calc(42 * var(--rs)) calc(16 * var(--rs)) 0;
	}
	.secCareer .media02_body {
		grid-template-columns: 1fr;
		gap: calc(50 * var(--rs));
		margin-top: calc(46 * var(--rs));
		padding: 0 calc(41 * var(--rs));
	}
	.secCareer .media02_ttl {
		font-weight: normal;
		font-size: calc(36 * var(--rs));
		line-height: 1.56;
		letter-spacing: 0.02em;
	}
	.secCareer .media02_txt {
		margin-top: calc(15 * var(--rs));
		font-size: calc(28 * var(--rs));
		line-height: 1.86;
	}
	.secCareer .media02_img {
		position: static;
		transform: initial;
	}
}


/*===========================================================================
 media03
===========================================================================*/
.secCareer .media03 {
	display: flex;
	flex-direction: row-reverse;
	margin-top: calc(76 * var(--rs));
}
.secCareer .media03_body {
	flex: 1;
	margin: calc(64 * var(--rs)) calc(-5 * var(--rs)) 0 calc(80 * var(--rs));
}
.secCareer .media03_ttl {
	color: var(--key-color);
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(32 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.secCareer .media03_txt {
	margin-top: calc(27 * var(--rs));
	font-size: calc(16 * var(--rs));
	line-height: 2;
}
.secCareer .media03_imgWrap {
	position: relative;
	flex-basis: calc(690 * var(--rs));
	padding-bottom: calc(80 * var(--rs));
}
.secCareer .media03_img02 {
	position: absolute;
	right: calc(26 * var(--rs));
	bottom: 0;
	width: calc(300 * var(--rs));
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
	.secCareer .media03 {
		flex-direction: column-reverse;
		margin-top: calc(80 * var(--rs));
	}
	.secCareer .media03_body {
		flex: initial;
		margin: calc(78 * var(--rs)) 0 0;
	}
	.secCareer .media03_ttl {
		font-size: calc(48 * var(--rs));
	}
	.secCareer .media03_txt {
		margin-top: calc(28 * var(--rs));
		font-size: calc(32 * var(--rs));
		line-height: 1.88;
	}
	.secCareer .media03_imgWrap {
		flex-basis: initial;
		margin-left: calc(-40 * var(--rs));
		padding-bottom: calc(90 * var(--rs));
	}
	.secCareer .media03_img02 {
		right: calc(40 * var(--rs));
		width: calc(260 * var(--rs));
	}
}


/*===========================================================================
 subSec
===========================================================================*/
.secCareer .subSec {
	margin-top: calc(120 * var(--rs));
}
.secCareer .subSec_ttl {
	color: var(--key-color);
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(28 * var(--rs));
	line-height: 1.46;
	letter-spacing: 0.04em;
}
.secCareer .subSec_lead {
	margin-top: calc(21 * var(--rs));
	font-size: calc(16 * var(--rs));
	line-height: 2;
}

.secCareer .cardList {
	display: flex;
	margin: calc(75 * var(--rs)) calc(-58 * var(--rs)) 0;
}
.secCareer .card {
	width: calc(100% / 3);
	padding: 0 calc(58 * var(--rs));
}
.secCareer .card_body {
	margin-top: calc(24 * var(--rs));
}
.secCareer .card_ttl {
	display: flex;
	align-items: center;
	min-height: calc(64 * var(--rs));
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(20 * var(--rs));
	line-height: 1.6;
	letter-spacing: 0.02em;
}
.secCareer .card_txt {
	margin-top: calc(9 * var(--rs));
	font-size: calc(16 * var(--rs));
	line-height: 2;
}

.secCareer .subSec_tableWrap {
	margin-top: calc(96 * var(--rs));
}
.secCareer .table thead th {
	width: calc(260 * var(--rs));
}
.secCareer .table thead th:first-child {
	width: calc(157 * var(--rs));
}
.secCareer .table tbody th {
	font-weight: bold;
	background-color: #fffafb;
}
.secCareer .table tbody td {
	padding: calc(6 * var(--rs)) calc(2 * var(--rs)) calc(5 * var(--rs));
	height: calc(52 * var(--rs));
	font-size: calc(14 * var(--rs));
	line-height: 1.43;
	text-align: center;
}
/* PC
----------------------------------*/
@media screen and (min-width: 769px) {
	.secCareer .cardList > *:not(:nth-child(3n + 1)) {
		border-left: 1px solid rgba(112, 112, 112, 0.2);
	}
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
	.secCareer .subSec {
		margin-top: calc(92 * var(--rs));
	}
	.secCareer .subSec_ttl {
		font-size: calc(40 * var(--rs));
		line-height: 1.48;
	}
	.secCareer .subSec_lead {
		margin-top: calc(28 * var(--rs));
		font-size: calc(32 * var(--rs));
		line-height: 1.88;
	}

	.secCareer .cardList {
		display: block;
		margin: calc(58 * var(--rs)) 0 0;
	}
	.secCareer .cardList > *:not(:first-child) {
		padding-top: calc(72 * var(--rs));
	}
	.secCareer .cardList > *:not(:last-child) {
		padding-bottom: calc(78 * var(--rs));
		border-bottom: 1px solid #e0e0e0;
	}
	.secCareer .card {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 0;
	}
	.secCareer .card_body {
		display: contents;
	}
	.secCareer .card_ttl {
		display: block;
		min-height: initial;
		font-weight: normal;
		font-size: calc(38 * var(--rs));
		line-height: 1.58;
		order: -1;
	}
	.secCareer .card_txt {
		margin-top: calc(30 * var(--rs));
		font-size: calc(32 * var(--rs));
		line-height: 1.88;
	}
	.secCareer .card_img {
		margin-top: calc(52 * var(--rs));
		width: calc(400 * var(--rs));
	}

	.secCareer .subSec_tableWrap {
		margin-top: calc(102 * var(--rs));
	}
	.secCareer .table {
		min-width: calc(1464 * var(--rs));
	}
	.secCareer .table thead th {
		width: calc(336 * var(--rs));
		line-height: 1.21;
	}
	.secCareer .table thead th:first-child {
		width: calc(120 * var(--rs));
	}
	.secCareer .table tbody th {
		padding: calc(60 * var(--rs)) calc(18 * var(--rs));
		text-align: left;
		vertical-align: initial;
	}
	.secCareer .table tbody td {
		padding: calc(4 * var(--rs)) calc(2 * var(--rs));
		height: calc(90 * var(--rs));
		font-size: calc(28 * var(--rs));
		line-height: 1.21;
	}
}


/*===========================================================================
 media04
===========================================================================*/
.secCareer .media04 {
	display: flex;
	flex-direction: row-reverse;
	margin-top: calc(77 * var(--rs));
}
.secCareer .media04_body {
	margin-left: calc(100 * var(--rs));
}
.secCareer .media04_txtCol:not(:last-child) {
	margin-bottom: calc(56 * var(--rs));
}
.secCareer .media04_ttl {
	color: var(--key-color);
	font-family: var(--font-noto-serif);
	font-weight: 500;
	font-size: calc(32 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.secCareer .media04_txt {
	margin-top: calc(18 * var(--rs));
	font-size: calc(16 * var(--rs));
	line-height: 2;
}
.secCareer .media04_img {
	flex: 0 0 calc(840 * var(--rs));
	margin-left: calc(-360 * var(--rs));
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
	.secCareer .media04 {
		flex-direction: column-reverse;
		margin-top: calc(80 * var(--rs));
	}
	.secCareer .media04_body {
		margin: calc(78 * var(--rs)) 0 0;
	}
	.secCareer .media04_txtCol:not(:last-child) {
		margin-bottom: calc(56 * var(--rs));
	}
	.secCareer .media04_ttl {
		font-size: calc(48 * var(--rs));
		letter-spacing: 0.02em;
	}
	.secCareer .media04_txt {
		margin-top: calc(28 * var(--rs));
		font-size: calc(32 * var(--rs));
		line-height: 1.88;
	}
	.secCareer .media04_img {
		flex: initial;
		margin-left: 0;
	}
}


.secCareer .banner img {
	width: 100%;
}
