@charset "utf-8";
/*
 job/index.css
*/
/* -----------------------------------------------
= bg
----------------------------------------------- */
body {
	position: relative;
}
.bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-image: url(../../img/job/index_job_bg.png);
	background-repeat: no-repeat;
	background-position-x: 56%;
	background-size: 42rem auto;
}
@media print, screen and (min-width: 768px) {/* PC */
.bg {
	background-position-x: 50%;
	background-size: 100% auto;
}
}/* @media */
/* -----------------------------------------------
= page_title
----------------------------------------------- */
.page_title .img img {
	object-position: 50% 20%;
}
/* -----------------------------------------------
= side_nav
----------------------------------------------- */
.side_nav dd {
	padding: 0 0 1rem 3.5rem;
}
.side_nav dd li.first {
	margin-top: 1rem;
}
.side_nav.is-fixed dd li.third {
	display: inline-block;
}
.side_nav dd li.first .sub,
.side_nav dd li.third {
	margin-top: .6rem;
	margin-bottom: .6rem;
}
.side_nav dd li.third {
	margin-left: 1.5em;
	font-size: 1.2rem;
	line-height: 2rem;
}
@media print, screen and (min-width: 768px) {/* PC */
.side_nav dd {
	padding: 0 4rem 3.5rem;
}
.side_nav dd li.first {
	margin-top: 2.5rem;
}
.side_nav dd li.third {
	display: block;
}
}/* @media */
/* -----------------------------------------------
= article
----------------------------------------------- */
.article {
	letter-spacing: .02em;
}
/* -----------------------------------------------
= title
----------------------------------------------- */
.article .title {
	margin-bottom: 3rem;
}
.article .title .en {
	display: block;
	margin-bottom: 1rem;
	color: #D6082E;
	font-family: "Lato", sans-serif;
	font-size: 1.4rem;
}
.article .title .jp {
	display: block;
	font-size: 3rem;
	line-height: 3.6rem;
}
@media print, screen and (min-width: 768px) {/* PC */
.article .title {
	margin-bottom: 6rem;
}
.article .title .en {
	margin-bottom: 1rem;
	font-size: 1.8rem;
}
}/* @media */
/* -----------------------------------------------
= lead
----------------------------------------------- */
.lead {
	padding: 5rem 1.5rem 3rem;
	font-size: 1.6rem;
	line-height: 3.2rem;
}
.intro {
	padding: 0 1.5rem 6rem;
}
@media print, screen and (min-width: 768px) {/* PC */
.lead {
	padding: 4rem 4rem 4rem 0;
	line-height: 3.6rem;
}
.intro {
	padding: 0 0 10rem;
}
.intro .movie {
	margin-right: 4rem;
}
}/* @media */
/* -----------------------------------------------
= flow
----------------------------------------------- */
.article .block.flow {
	margin-top: -6rem;
	padding: 8rem 0 4rem 1.5rem;
	background: url(../../img/job/index_flow_bg_sp.png) no-repeat 0 0 / 100% auto;
}
.article .block.flow .img {
	padding: 3rem 1.5rem;
	border-radius: 1rem 0 0 1rem;
	backdrop-filter: brightness(125%) blur(2rem);
	-webkit-backdrop-filter: brightness(125%) blur(2rem);
}
.article .movie iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
@media print, screen and (min-width: 768px) {/* PC */
.article .block.flow {
	position: relative;
	margin-top: -8rem;
	padding: 12rem 0 6rem;
	background: transparent;
}
.article .block.flow::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 115.1rem;
	height: 100%;
	background: url(../../img/job/index_flow_bg.png) no-repeat 100% 8rem / 100% auto;
}
.article .block.flow .title {
	margin-bottom: 4rem;
}
.article .block.flow .img {
	margin: 0;
	padding: 10rem 4rem;
}
.article .block.flow .img img {
}
}/* @media */
/* -----------------------------------------------
= job
----------------------------------------------- */
.article .block.job {
	margin: -6rem 0 -10rem;
	padding: 8rem 1.5rem 8rem;
}
.article .block.job .title {
	margin-top: 2rem;
}
@media print, screen and (min-width: 768px) {/* PC */
.article .block.job {
	margin: -8rem 0 0;
	padding: 12rem 4rem 0 0;
}
.article .block.job .title .jp {
	font-size: 4rem;
}
}/* @media */
/* -----------------------------------------------
= block
----------------------------------------------- */
.article .block {
	margin-top: -6rem;
	padding: 7.5rem 1.5rem 0;
}
.article .block_in {
	padding: 1.5rem 1.5rem 2rem;
	background: #fff;
	border-radius: 2rem;
	box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
}
@media print, screen and (min-width: 768px) {/* PC */
.article .block {
	margin-top: -8rem;
	padding: 12rem 0 0;
}
.article .block_in {
	margin-left: -4rem;
	padding: 4rem 4rem 0;/**/
	padding: 4rem;
	background: #fff;
	border-radius: 2rem 0 0 2rem;
	box-shadow: none;
}
}/* @media */
/* -----------------------------------------------
= head ,set, card, movie
----------------------------------------------- */
.article .company.is-sp {
	margin: 1.9rem 0 0;
	padding: 2rem 0;
	background: #fff;
	box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);
	text-align: center;
}
.article .company.sales img {
	width: 15rem;
}
.article .company.advisor img {
	width: 27rem;
}
.article .company.management img {
	width: 28.5rem;
}
.article .head_sp {
	margin-bottom: 1.5rem;
}
.article .head_sp button {
	position: relative;
	width: 100%;
	text-align: left;
}
.article .head_sp button::after {
	content: '';
	position: absolute;
	top: .2rem;
	right: 0;
	width: 3rem;
	height: 3rem;
	background: url(../../img/shared/icon_circle_plus.svg) no-repeat 50% / cover;
}
.article .head_sp button.is-opened::after {
	background: url(../../img/shared/icon_circle_minus.svg) no-repeat 50% / cover;
}
.article .head_sp .type {
	display: inline-block;
	padding: 1rem 1.6rem 1.1rem;
	border: 1px solid #D6082E;
	border-radius: 3em;
	font-size: 1.4rem;
}
.article .head_sp .sub {
	display: flex;
	margin: 2rem 0 0;
}
.article .head_sp .sub span {
	flex: 1;
	font-size: 1.6rem;
	line-height: 2.8rem;
}
.article .head_sp .sub img {
	width: 13.4rem;
	margin-left: 1.5rem;
	border-radius: .5rem;
}
.article .head dl {
	display: inline-block;
	margin-bottom: 2rem;
	font-size: 1.6rem;
	line-height: 3.2rem;
}
.article .head dt {
	display: inline-block;
	margin-right: 1rem;
	color: #D6082E;
}
.article .head dd {
	display: inline-block;
}
.article .head .note {
	margin-bottom: 2rem;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 2.4rem;
}
.article .body {
	display: none;
	padding-top: 1rem;
	border-top: 1px solid #EAEAEA;
}
.article .type_ttl {
	position: relative;
	margin-bottom: 3rem;
	padding-left: 1.8rem;
	color: #D6082E;
	font-size: 1.5rem;
	line-height: 2.4rem;
}
.article .set .in .type_ttl {
	font-size: 1.8rem;
	line-height: 1;
}
.article .type_ttl::before {
	content: '';
	position: absolute;
	top: .4rem;
	left: .2rem;
	width: .8rem;
	height: 100%;
	background: url(../../img/shared/icon_title_arrow.svg) no-repeat 0 0 / 100% auto;
}
.article .set .in .type_ttl::before {
	top: .1rem;
}
.article .type_subttl {
	margin-bottom: 2.5rem;
	font-size: 2.4rem;
	line-height: 3.6rem;
}
.article .set {
	margin-top: 3rem;
	padding-top: 3.5rem;
	border-top: 1px solid rgba(41,41,41,.2);
}
.article .head + .set {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
.article .set .img {
	margin-bottom: 2.5rem;
}
.article .set .img img {
	border-radius: 1rem;
}
.article .text {
	margin-bottom: 2.5rem;
	font-size: 1.6rem;
	line-height: 3.6rem;
}
.article .card {
	background: #F4F4F4;
	border-radius: 1rem;
}
.article .card .img {
	margin-bottom: 0;
}
.article .card .img img {
	height: 22rem;
	object-fit: cover;
	border-radius: 1rem 1rem 0 0;
}
.article .card .in {
	padding: 3rem 2rem;
}
.article .card_ttl {
	margin-bottom: 2rem;
	font-size: 2rem;
	line-height: 3.2rem;
}
.article .card .name {
	margin-bottom: 1rem;
	font-size: 1.6rem;
}
.article .card .dev {
	margin-bottom: 2.5rem;
	font-size: 1.4rem;
	line-height: 2.8rem;
}
.article .card .more a {
	display: inline-block;
	position: relative;
	padding: .8rem 5rem .8rem 2rem;
	color: #D6082E;
	background: #fff;
	border: 1px solid #D6082E;
	border-radius: 3em;
	font-size: 1.4rem;
	font-weight: 400;
	cursor: pointer;
}
.article .card .more a::before {
	content: '';
	position: absolute;
	top: 0;
	right: 2rem;
	width: 1.8rem;
	height: 100%;
	background: url(../../img/shared/icon_more_arrow_sp.svg) no-repeat 50% / 100% auto;
}
.article .card.coming_soon {
	position: relative;
}
.article .card.coming_soon::before,
.article .card.coming_soon::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.article .card.coming_soon::before {
	content: '';
	right: 0;
	z-index: 1;
	background: rgba(0,0,0,.7);
	border-radius: 1rem;
}
.article .card.coming_soon::after {
	content: 'coming soon';
	display: grid;
	place-content: center;
	z-index: 2;
	color: #fff;
	font-size: 2rem;
}
.article .movie_box {
	margin-top: -6rem;
	padding-top: 6rem;
}
.article .movie a {
	display: block;
	position: relative;
	cursor: pointer;
}
.article .movie img {
	border-radius: 1rem;
}
.article .movie a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(41,41,41,.4);
	border-radius: 1rem;
}
.article .movie a::after {
	content: '';
	position: absolute;
	top: calc(50% - 1.3rem);
	left: calc(50% - 1.3rem);
	width: 2.7rem;
	height: 2.7rem;
	background: url(../../img/shared/icon_movie_play_sp.svg) no-repeat 50% / 100% auto;
}
@media print, screen and (min-width: 768px) {/* PC */
.article .head {
	display: flex;
	align-items: center;
	margin-bottom: 4rem;
	font-size: 1.6rem;
	line-height: 3.2rem;
}
.article .head .company.is-pc {
	order: 3;
	margin-bottom: 0;
	text-align: right;
}
.article #advisor .head .company img {
	width: 27rem;
}
.article #management .head .company img,
.article #marketing .head .company img,
.article #business .head .company img {
	width: 28.5rem;
}
.article .head .type {
	order: 1;
	display: inline-block;
	margin: 0 1.5rem 0 0;
	padding: .5rem 1.5rem;
	border: 1px solid #D6082E;
	border-radius: 3em;
}
.article .head dl {
	order: 2;
	flex: 1;
	margin-bottom: 0;
}
.article #design .head,
.article #business .head {
	position: relative;
}
.article #design .head .note {
	position: absolute;
	top: 3.6rem;
	left: 9.5rem;
}
.article #business .head .note {
	position: absolute;
	top: 3.6rem;
	left: 16.8rem;
}
.article .body {
	display: block;
	padding-top: 0;
	border-top: none;
}
.article .set {
	margin-top: 4rem;
	padding-top: 4rem;
}
.article .set .in {
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 42rem;
	margin-bottom: 2rem;
}
.article .set .img {
	margin: 0;
}
.article #sales .set .in {
	align-items: stretch;
}
.article #sales .set .type_ttl {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	font-size: 1.6rem;
}
.article .set .in .type_ttl {
	font-size: 1.8rem;
}
.article #sales .set .type_subttl {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}
.article #sales .set .img {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
}
.article .card {
	display: flex;
}
.article .card .img {
	width: 33.8rem;
}
.article .card .img img {
	height: auto;
	border-radius: 1rem 0 0 1rem;
}
.article .card .in {
	flex: 1;
	display: block;
	position: relative;
	margin-bottom: 0;
	padding: 2rem 3rem;
}
.article .card_ttl {
	margin-bottom: 1.5rem;
}
.article .card .name {
	margin-bottom: .5rem;
}
.article .card .card_set {
	position: absolute;
	left: 3rem;
	bottom: 0;
	margin-bottom: 0;
}
.article .card .more {
	position: absolute;
	right: 2.5rem;
	bottom: 2.5rem;
}
.article .card .more a:hover {
	color: #fff;
	background: #D6082E;
}
.article .card .more a::after {
	content: '';
	position: absolute;
	top: 0;
	right: 2rem;
	width: 1.8rem;
	height: 100%;
	background: url(../../img/shared/icon_more_arrow_hover.svg) no-repeat 50% / 100% auto;
	opacity: 0;
}
.article .card .more a:hover::after {
	opacity: 1;
}
.article .card .more a:hover::before {
	opacity: 0;
}
.article .movie_box {
	margin-top: -8rem;
	padding-top: 8rem;
}
.article .movie a::after {
	top: calc(50% - 3.2rem);
	left: calc(50% - 3.2rem);
	width: 6.4rem;
	height: 6.4rem;
	background: url(../../img/shared/icon_movie_play.svg) no-repeat 50% / 100% auto;
}
.article .movie a::before {
	transition: opacity .3s;
}
.article .movie a:hover::before {
	opacity: .5;
}
}/* @media */
/* -----------------------------------------------
= modal
----------------------------------------------- */
.lity-close {
	display: none;
}
.modal {
	margin: 1.5rem;
	max-height: calc(100svh - 3rem) !important;
	border-radius: .5rem;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
}
.modal_cont {
	position: relative;
	background: #fff;
}
.modal_close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 4rem;
	height: 4rem;
}
.modal_close a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../../img/job/modal_close.svg) no-repeat 50% / 100% auto;
	cursor: pointer;
}
.modal_close span {
	display: none;
}
.modal_main {
	position: relative;
	border-radius: .5rem .5rem 0 0;
}
.modal_main .type {
	position: absolute;
	top: 0;
	left: 0;
	padding: 1rem 1.5rem;
	color: #fff;
	background: #D6082E;
	border-radius: .5rem 0 .5rem 0;
	font-size: 1.4rem;
}
.modal_main .type::before,
.modal_main .type::after {
	content: '';
	position: absolute;
	width: .5rem;
	height: .5rem;
	background: url(../../img/shared/bg_round_red.svg) no-repeat 50% / cover;
	transform: rotate(90deg);
}
.modal_main .type::before {
	bottom: -.5rem;
	left: 0;
}
.modal_main .type::after {
	top: 0;
	right: -.5rem;
}
.modal_title {
	margin: 0 2rem;
	padding: 3rem 0 2rem;
	border-bottom: 1px solid #D6082E;
	font-size: 3rem;
	line-height: 5.1rem;
}
.modal_article {
	padding: 7rem 2rem;
	background: #F4F4F4;
}
.modal_profile {
	margin-bottom: 2rem;
	padding: 2rem;
	background: #fff;
	border-radius: 1rem;
}
.modal_profile .img {
	margin-bottom: 2.5rem;
}
.modal_profile .img img {
	border-radius: .5rem;
}
.modal_profile .name {
	margin-bottom: 1rem;
	font-size: 2rem;
}
.modal_profile .dev {
	margin-bottom: 1.5rem;
	font-size: 1.4rem;
	line-height: 2.8rem;
}
.modal_profile .text {
	font-size: 1.4rem;
	line-height: 2.8rem;
}
.modal_note {
	margin-bottom: 12rem;
	color: #7B7B7B;
	font-size: 1.3rem;
	line-height: 2rem;
}
.modal_index {
	margin-bottom: 12rem;
	padding: 2rem;
	background: #fff;
	border-radius: 1rem;
}
.modal_index dt {
	margin-bottom: 1rem;
	color: #D6082E;
	font-size: 1.8rem;
}
.modal_index li {
	padding: 1.3rem 0;
	border-bottom: 1px solid #EAEAEA;
	font-size: 1.4rem;
	line-height: 2.2rem;
}
.modal_index li span:first-child {
	display: block;
	margin-bottom: .3rem;
	color: #D6082E;
}
@media print, screen and (min-width: 768px) {/* PC */
.modal {
	max-width: 108rem;
	margin: 1.5rem auto;
	border-radius: 1rem;
}
.modal_close {
	top: 1rem;
	right: 1rem;
	width: 5rem;
	height: 5rem;
}
.modal_close:hover {
	opacity: .8;
}
.modal_main {
	border-radius: 1rem 1rem 0 0;
}
.modal_main .type {
	padding: 1.5rem 2rem;
	border-radius: 1rem 0 1rem 0;
	font-size: 1.8rem;
}
.modal_main .type::before,
.modal_main .type::after {
	width: 1rem;
	height: 1rem;
}
.modal_main .type::before {
	bottom: -1rem;
}
.modal_main .type::after {
	right: -1rem;
}
.modal_title {
	max-width: 85rem;
	margin: 0 auto;
	padding: 3rem 0 2rem;
	border-bottom-width: 2px;
}
.modal_article {
	padding: 6rem 2rem;
}
.modal_profile {
	display: flex;
	max-width: 85rem;
	margin: 0 auto 2rem;
	padding: 3rem;
}
.modal_profile .img {
	width: 24rem;
	margin-bottom: 0;
}
.modal_profile .img img {
	height: 24rem;
	object-fit: cover;
}
.modal_profile .in {
	flex: 1;
	margin-left: 3rem;
}
.modal_note {
	max-width: 85rem;
	margin: 0 auto 12rem;
	font-size: 1.4rem;
	text-align: right;
}
.modal_index {
	max-width: 85rem;
	margin: 0 auto 12rem;
	padding: 2.5rem 2rem 3rem;
}
.modal_index dt {
	font-size: 2rem;
}
.modal_index dd {
	padding: 0 3rem;
}
.modal_index li {
	padding: 1.3rem 0;
}
.modal_index li a {
	display: flex;
}
.modal_index li a:hover {
	color: #D6082E;
}
.modal_index li span:first-child {
	display: block;
	width: 15.5rem;
	margin-bottom: 0;
}
.modal_index li span:last-child {
	flex: 1;
}
}/* @media */
/* -----------------------------------------------
= chapter
----------------------------------------------- */
.chapter {
	margin-bottom: 12rem;
}
.chapter .num {
	margin-bottom: 1rem;
	color: #D6082E;
	font-size: 1.4rem;
}
.chapter_ttl {
	margin-bottom: 3rem;
	font-size: 2rem;
	line-height: 3.4rem;
}
.chapter .question {
	margin-bottom: 1rem;
	color: #D6082E;
	font-size: 1.4rem;
	line-height: 2.8rem;
}
.chapter .answer {
	margin-bottom: 3rem;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2.8rem;
}
.chapter .img img {
	height: 32rem;
	object-fit: cover;
	border-radius: 1rem;
}
#sales01_chapter02 .img img {
	object-position: 80% 50%;
}
#sales01_chapter03 .img img {
	object-position: 100% 50%;
}
@media print, screen and (min-width: 768px) {/* PC */
.chapter {
	max-width: 85rem;
	margin: 0 auto 12rem;
}
.chapter .num {
	font-size: 1.8rem;
}
.chapter_ttl {
	margin-bottom: 4rem;
	font-size: 3rem;
	line-height: 5.1rem;
}
.chapter .question {
	margin-bottom: .5rem;
	font-size: 1.6rem;
	line-height: 3.2rem;
}
.chapter .answer {
	font-size: 1.6rem;
	line-height: 3.6rem;
}
.chapter .img img {
	height: auto;
}
}/* @media */
/* -----------------------------------------------
= column
----------------------------------------------- */
.column {
	position: relative;
	margin-bottom: 12rem;
	padding: 0 0 .1rem;
	background: url(../../img/job/index_column_bg_sp.jpg) no-repeat 50% 0 / cover;
	border-radius: 0 .5rem .5rem .5rem;
}
.column_ttl {
	display: inline-block;
	position: relative;
	padding: .5rem 1.5rem .5rem 0;
	color: #D6082E;
	background: #F4F4F4;
	border-radius: 0 0 .5rem 0;
	font-family: "Lato", sans-serif;
	font-size: 1.4rem;
}
.column_ttl::before,
.column_ttl::after {
	content: '';
	position: absolute;
	width: .5rem;
	height: .5rem;
	background: url(../../img/shared/bg_round_gray.svg) no-repeat 50% / cover;
	transform: rotate(90deg);
}
.column_ttl::before {
	bottom: -.5rem;
	left: 0;
}
.column_ttl::after {
	top: 0;
	right: -.5rem;
}
.column_subttl {
	display: grid;
	place-content: center;
	min-height: 20.4rem;
	padding: 3rem 0;
	color: #fff;
	background: url(../../img/job/index_column_subttl_bg_sp.png) no-repeat 100% 50% / 31rem auto;
	font-size: 2rem;
	text-align: center;
}
.column .item {
	margin: 0 1rem 1.5rem;
	padding: 2rem 1.5rem 1.5rem;
	background: #fff;
	border-radius: .5rem;
}
.column .item .num {
	margin-bottom: .5rem;
	color: #D6082E;
	font-family: "Lato", sans-serif;
	font-size: 1.8rem;
	text-align: center;
}
.column .item .question {
	margin-bottom: 2rem;
	font-size: 1.4rem;
	line-height: 3rem;
	text-align: center;
}
.column .item .answer {
	margin-bottom: 2rem;
	color: #D6082E;
	font-size: 2rem;
	line-height: 1.3;
	text-align: center;
}
.column .item .text {
	font-size: 1.4rem;
	line-height: 2.8rem;
}
@media print, screen and (min-width: 768px) {/* PC */
.column {
	max-width: 85rem;
	margin: 0 auto 12rem;
	background: url(../../img/job/index_column_bg.png) no-repeat 50% 0 / cover;
	border-radius: 0 1rem 1rem 1rem;
}
.column_ttl {
	margin-bottom: 4rem;
	padding: 0 2rem 1rem 0;
	border-radius: 0 0 1rem 0;
	font-size: 1.8rem;
}
.column_ttl::before,
.column_ttl::after {
	width: 1rem;
	height: 1rem;
}
.column_ttl::before {
	bottom: -1rem;
}
.column_ttl::after {
	right: -1rem;
}
.column .in {
	display: flex;
	flex-wrap: wrap;
	padding: 0 1.5rem;
}
.column_subttl {
	width: 39.2rem;
	min-height: 31.5rem;
	margin: 0 .2rem 3rem 1.5rem;
	padding: 0;
	background-size: 39.2rem auto;
	font-size: 3rem;
	line-height: 5.1rem;
}
.column .item {
	width: 38rem;
	margin: 0 1.5rem 3rem;
	padding: 2rem 3rem;
	border-radius: 1rem;
}
.column .item .num {
	margin-bottom: .5rem;
	font-size: 1.8rem;
}
.column .item .question {
	margin-bottom: 2rem;
	font-size: 1.6rem;
	line-height: 3rem;
}
.column .item .answer {
	margin-bottom: 2rem;
	font-size: 2.6rem;
}
}/* @media */
/* -----------------------------------------------
= schedule
----------------------------------------------- */
.schedule {
	margin: 0 -2rem;
	padding-bottom: 18rem;
	background: url(../../img/job/index_schedule_bg_sp.png) no-repeat 0 6.5rem / 100% auto;
}
.schedule .title {
	padding: 0 2rem;
}
.schedule .title .en {
	font-size: 1.4rem;
}
.schedule .title .jp {
	font-size: 2rem;
}
.schedule .swiper {
	margin-left: 2rem;
}
.schedule .swiper-wrapper {
	padding: 2.8rem 0 0;
}
.schedule .item {
	position: relative;
	width: 23rem;
	margin-right: 1rem;
	margin-bottom: 4rem;
	padding: 3rem 2rem;
	border-radius: 1rem;
	background: rgba(255,255,255,.5);
	backdrop-filter: brightness(125%) blur(2rem);
	-webkit-backdrop-filter: brightness(125%) blur(2rem);
}
.schedule .item::before {
	content: '';
	position: absolute;
	top: -2.1rem;
	left: -.5rem;
	width: calc(100% + 1.2rem);
	height: 2px;
	background: #D6082E;
}
.schedule .item.swiper-slide:first-child::before {
	left: calc(50% + .8rem);
	width: calc(50% + 1rem);
	width: 50%;
}
.schedule .item.swiper-slide:last-child::before {
	left: -1.2rem;
	width: calc(50% + .8rem);
}
.schedule .item::after {
	content: '';
	position: absolute;
	top: -2.8rem;
	left: calc(50% - .8rem);
	width: 1.6rem;
	height: 2.8rem;
	background: url(../../img/introduction/about_purpose_circle.svg) no-repeat 50% 0 / 100% auto;
}
.schedule .item .time {
	margin-bottom: 1rem;
	color: #D6082E;
	font-family: "Lato", sans-serif;
	font-size: 1.8rem;
	text-align: center;
}
.schedule .item h4 {
	margin-bottom: 1rem;
	font-size: 1.6rem;
	line-height: 3rem;
	text-align: center;
}
.schedule .item p {
	font-size: 1.4rem;
	line-height: 2.8rem;
}
.schedule .swiper .swiper-slide {
	height: auto;
}
.schedule .swiper .swiper-slide-item {
	height: 100%;
}
.schedule .swiper-button-prev {
	opacity: 0;
}
.schedule .swiper-button-prev,
.schedule .swiper-button-next {
	top: calc(50% - 3.2rem);
	width: 6.4rem;
	height: 6.4rem;
}
.schedule .swiper-button-prev::after,
.schedule .swiper-button-next::after {
	width: 100%;
	height: 100%;
	background: url(../../img/shared/icon_circle_arrow.svg) no-repeat 50% / cover;
	font-size: 0;
	opacity: .9;
}
.schedule .swiper-button-prev::after {
	transform: rotate(180deg);
}
.schedule .swiper-button-disabled {
	opacity: 0;
}
@media print, screen and (min-width: 768px) {/* PC */
.schedule {
	margin: 0 -2rem 0 9.5rem;
	padding-bottom: 0;
	background: url(../../img/job/index_schedule_bg.png) no-repeat 100% 2rem / 68rem auto;
}
.schedule .title {
	padding: 0;
}
.schedule .title .en {
	font-size: 1.8rem;
}
.schedule .title .jp {
	font-size: 3rem;
}
.schedule .swiper {
	margin-left: 0;
}
.schedule .swiper-wrapper {
	padding: 4.1rem 0 18rem;
}
.schedule .item {
	width: 26rem;
	margin-right: 2rem;
	margin-bottom: 6rem;
	padding: 3rem 2rem;
}
.schedule .item::before {
	top: -3.2rem;
	left: -1rem;
	width: calc(100% + 2.2rem);
}
.schedule .item.swiper-slide:first-child::before {
	width: calc(50% + 2rem);
}
.schedule .item.swiper-slide:last-child::before {
	left: -2.2rem;
	width: calc(50% + 2rem);
}
.schedule .item::after {
	top: -4.1rem;
	left: calc(50% - 1rem);
	width: 2rem;
	height: 4.1rem;
}
.schedule .swiper-button-prev {
	opacity: 1;
}
.schedule .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}
.schedule .swiper-button-prev,
.schedule .swiper-button-next {
	top: auto;
	bottom: 3rem;
	right: 0;
	width: 9.4rem;
	height: 9.4rem;
}
.schedule .swiper-button-next {
	right: 9.5rem;
}
.schedule .swiper-button-prev::after,
.schedule .swiper-button-next::after {
	background: url(../../img/shared/icon_circle_arrow_pc.svg) no-repeat 50% / cover;
}
.schedule .swiper-button-prev:hover,
.schedule .swiper-button-next:hover {
	opacity: .8;
}
.schedule .swiper-scrollbar {
	left: 0;
	bottom: 18rem;
	max-width: 85rem;
}
}/* @media */
/* -----------------------------------------------
= job
----------------------------------------------- */
.last_img {
	margin: 0 -2rem 6rem;
}
.last_img img {
	height: 48rem;
	object-fit: cover;
}
@media print, screen and (min-width: 768px) {/* PC */
.last_img img {
	height: auto;
}
}/* @media */
/* -----------------------------------------------
= related
----------------------------------------------- */
.related {
	margin: 0 -2rem;
	padding: 6rem 4rem;
	color: #fff;
	background: #D6082E;
}
.related dt {
	margin-bottom: 4rem;
	text-align: center;
}
.related dt .en {
	display: block;
	margin-bottom: 1rem;
	font-family: "Lato", sans-serif;
	font-size: 1.4rem;
}
.related dt .jp {
	display: block;
	font-size: 2rem;
	line-height: 3.4rem;
}
.related a {
	display: block;
	position: relative;
	padding: 2.5rem 1.5rem 2rem;
	background: #fff;
	border-radius: 1rem;
}
.related a::after {
	content: '';
	position: absolute;
	right: 1.5rem;
	bottom: 2rem;
	width: 3rem;
	height: 3rem;
	background: url(../../img/shared/icon_circle_arrow.svg) no-repeat 50% / cover;
}
.related a .en {
	display: block;
	margin-bottom: 1.5rem;
	color: #D6082E;
	font-family: "Lato", sans-serif;
	font-size: 1.4rem;
}
.related a .jp {
	color: #292929;
	font-size: 2rem;
	line-height: 2.8rem;
}
.related a .jp span {
	font-size: 1.4rem;
}
@media print, screen and (min-width: 768px) {/* PC */
.related dt .en {
	font-size: 1.8rem;
}
.related dt .jp {
	font-size: 3rem;
}
.related a {
	max-width: 55.5rem;
	margin: 0 auto;
	padding: 3rem;
}
.related a::before {
	content: '';
	position: absolute;
	right: 3rem;
	bottom: 3rem;
	width: 3.6rem;
	height: 3.6rem;
	background: url(../../img/shared/icon_circle_arrow_hover.svg) no-repeat 50% / cover;
	opacity: 0;
}
.related a:hover::before {
	opacity: 1;
}
.related a::after {
	right: 3rem;
	bottom: 3rem;
	width: 3.6rem;
	height: 3.6rem;
}
.related a:hover::after {
	opacity: 0;
}
.related a .en {
	margin-bottom: 2.5rem;
	font-size: 1.8rem;
}
.related a .jp {
	font-size: 2.6rem;
}
}/* @media */
/* -----------------------------------------------
= pagination
----------------------------------------------- */
.pagination {
	display: flex;
	padding: 6rem 0 0;
	font-family: "Lato", sans-serif;
	font-size: 1.6rem;
	text-align: center;
}
.pagination > div {
	width: calc(1 / 3 * 100% - 1rem);
	margin: 0 .5rem;
}
.pagination a {
	display: block;
	width: 100%;
	cursor: pointer;
}
.pagination .btn a {
	position: relative;
	color: #D6082E;
	background: #fff;
	border: 1px solid #D6082E;
}
.pagination .btn a::after {
	content: '';
	position: absolute;
	bottom: 1.5rem;
	width: 1.6rem;
	height: .8rem;
	background: url(../../img/shared/icon_more_arrow_sp.svg) no-repeat 50% / 100% auto;
}
.pagination .prev a {
	padding: 1.2rem 0 3rem 1rem;
	border-radius: 3rem .5rem .5rem 3rem;
}
.pagination .prev a::after {
	left: 50%;
	transform: scale(-1,1);
}
.pagination .next a {
	padding: 1.2rem 1rem 3rem 0;
	border-radius: .5rem 3rem 3rem .5rem;
}
.pagination .next a::after {
	right: 50%;
}
.pagination .close a {
	padding: 2.1rem 0;
	color:  #fff;
	background: #292929;
	border: 1px solid #292929;
	border-radius: .5rem;
}
.pagination .disabled {
	opacity: .3;
	pointer-events: none;
}
@media print, screen and (min-width: 768px) {/* PC */
.pagination {
	max-width: 85rem;
	margin: 0 auto;
	font-size: 2rem;
}
.pagination > div {
	width: calc(1 / 3 * 100% - 2rem);
	margin: 0 1rem;
}
.pagination a {
}
.pagination .btn a:hover {
	color: #fff;
	background: #D6082E;
}
.pagination .btn a::before {
	content: '';
	position: absolute;
	bottom: calc(50% - .6rem);
	width: 2.4rem;
	height: 1.2rem;
	background: url(../../img/shared/icon_more_arrow_hover.svg) no-repeat 50% / 100% auto;
	opacity: 0;
}
.pagination .btn a::after {
	bottom: calc(50% - .6rem);
	width: 2.4rem;
	height: 1.2rem;
}
.pagination .prev a::before {
	left: 3rem;
	transform: scale(-1,1);
}
.pagination .next a::before {
	right: 3rem;
}
.pagination .btn a:hover::before {
	opacity: 1;
}
.pagination .btn a:hover::after {
	opacity: 0;
}
.pagination .prev a {
	padding: 2.9rem 0;
	border-radius: 4rem .5rem .5rem 4rem;
}
.pagination .prev a::after {
	left: 3rem;
}
.pagination .next a {
	padding: 2.9rem 0;
	border-radius: .5rem 4rem 4rem .5rem;
}
.pagination .next a::after {
	right: 3rem;
}
.pagination .close a {
	padding: 2.9rem 0;
}
.pagination .close a:hover {
	color: #292929;
	background: #fff;
}
}/* @media */
/* -----------------------------------------------
= more
----------------------------------------------- */
.more {
	margin: 1.5rem 0 5rem;
	text-align: center;
}
.more dt {
	margin-bottom: 1rem;
	font-size: 1.4rem;
	line-height: 2.8rem;
	letter-spacing: .02em;
}
.more dd a {
	display: inline-block;
	position: relative;
	padding: 0 3rem 0 1.5rem;
	color: #D6082E;
	background: #fff;
	border: 1px solid #D6082E;
	border-radius: 3em;
	font-family: "Lato", sans-serif;
	font-size: 1rem;
	line-height: 2.1rem;
	letter-spacing: .02em;
}
.more dd a::before {
	content: '';
	position: absolute;
	top: 0;
	right: 1.5rem;
	width: 1rem;
	height: 100%;
	background: url(../../img/shared/icon_more_arrow.svg) no-repeat 50% / 100% auto;
}
/* -----------------------------------------------
= requirements
----------------------------------------------- */
@media print, screen and (min-width: 768px) {/* PC */
.requirements {
	display: flex;
	align-items: center;
	padding: 4rem 4rem 10rem 0;
}
.requirements .title {
	flex: 1;
	margin-bottom: 0;
}
.requirements .title .en {
	font-size: 1.8rem;
}
.requirements .title .jp {
	font-size: 2.3rem;
}
.requirements a {
	display: block;
	position: relative;
	width: 50.5rem;
	padding: 4rem 2.5rem 3.5rem;
	color: #fff;
	background: #D6082E;
	border: 1px solid #D6082E;
	border-radius: 1rem;
}
.requirements a:hover {
	color: #D6082E;
	background: #fff;
}
.requirements a::before {
	content: '';
	position: absolute;
	right: 2.5rem;
	bottom: 2.5rem;
	width: 3.6rem;
	height: 3.6rem;
	background: url(../../img/shared/icon_circle_arrow_hover.svg) no-repeat 50% / cover;
	opacity: 0;
}
.requirements a:hover::before {
	opacity: 1;
}
.requirements a:hover::after {
	opacity: 0;
}
.requirements a .en {
	display: block;
	margin-bottom: 1.5rem;
	font-family: "Lato", sans-serif;
	font-size: 1.8rem;
}
.requirements a .jp {
	font-size: 2.6rem;
	line-height: 2.6rem;
}
.requirements a .jp span {
	font-size: 1.4rem;
}
}/* @media */