@charset "utf-8";

/* CSS Document */

/*==============================================================================
| Custom Properties
==============================================================================*/
:root {}

@media screen and (max-width: 519px) {/* // Mobile // ～519px // */
	:root {}
}
@media screen and (min-width: 520px) and (max-width: 959px) {/* // Tablet // 520～959px // */
	:root {}
}
@media screen and (min-width: 960px) {/* // PC // 960px～ // */
	:root {}
}
/*============================================================================*/

main .heroSection {
	/* background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/____/image/heroImage.jpg); */
	color: var(--color-Black1);
}
main .heroSection.verticalLine::after {
	display: none;
	/* background-color: var(--color-Black1); */
}
main .heroSection > .container > .heroImage {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/job/image/icon06.svg);
	aspect-ratio: 2.892279;/* 401.162x138.701px (AspectRatio = 401.162:138.701 ≒ 2.892279) */
	filter: var(--filterColor-Black1);
}


#sectionA > .d1 {}
#sectionA > .d2 {}
#sectionA > .d2 > .titleIcon {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/job/image/title-1.svg);
	aspect-ratio: 0.791816;/* 81.348x102.736px (AspectRatio = 81.348:102.736 ≒ 0.791816) */
}
#sectionA > .d3 {}
#sectionA > .d3 > .text {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height: 2.2222;/* FontSize 18px のとき、行送り 40 ≒ 2.2222 */
}
#sectionA > .d3 > .text > p + p {margin-top: 3rem;}
#sectionA > .d4 {}
#sectionA > .d4 > .image {
	font-size: 0;
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/job/image/image-PC-v1.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	aspect-ratio: 2.25058;/* 970x431px (AspectRatio = 970:431 ≒ 2.25058) */
	margin-left: auto;
	margin-right: auto;
}


#sectionB > .d1 {}
#sectionB > .d2 {}
#sectionB > .d2 > .titleIcon {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/job/image/title-2.svg);
	aspect-ratio: 1.583341;/* 199.976x126.3px (AspectRatio = 199.976:126.3 ≒ 1.583341) */
}



section.interviewList > .container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: auto;
}
section.interviewList > .container > .item {
	transition: all 0.2s ease 0s;
	border-color: var(--color-grey1);
	border-bottom: solid 1px;
}
section.interviewList > .container > .item:nth-child(-n+2) {
	border-top: solid 1px;
}
section.interviewList > .container > .item > .tagArea {
	display: flex;
	color: white;
	flex-wrap: wrap;
	gap: 1rem;
}
section.interviewList > .container > .item > .tagArea > .tag {
	border-radius: 2rem;
	padding: 0.4rem 1.2rem;
	min-width: 9rem;
	text-align: center;
}
section.interviewList > .container > a.item:hover > .tagArea > .tag {background-color: var(--color-grey1);}
section.interviewList > .container > .item > .thumbnail {
	/* overflow: hidden; */
}
section.interviewList > .container > .item > .thumbnail > .tmbImage {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	aspect-ratio: 1.146853;/* 328x286px (AspectRatio = 164:143 ≒ 1.146853) */
	font-size: 0;
	transition: all 0.2s ease 0s;
}
section.interviewList > .container > .item:hover > .thumbnail > .tmbImage {transform: scale(1.1);}


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

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width: 519px) {/* // Mobile // ～519px // */
/*============================================================================*/

main .heroSection > .container > .heroImage {
	width: 20.058rem;
}


#sectionA {scroll-margin-top: -10rem;}
#sectionA > .d1 {}
#sectionA > .d1.verticalLine::after {
	height: 22rem;
	margin-top: -22rem;
}
#sectionA > .d2 > .titleIcon {width: 4.645rem;}
#sectionA > .d3 {margin-top: 8rem;}
#sectionA > .d3 > .text {
	width: 30.4rem;
	font-size: 1.4rem;
}
#sectionA > .d4 > .image {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/job/image/image-Mo-v1.svg);
	aspect-ratio: 0.542039;/* 303x559px (AspectRatio = 303:559 ≒ 0.542039) */
	width: 30.3rem;
	margin-top: 8.2rem;
}


#sectionB > .d1 {margin-top: 12.8rem;}
#sectionB > .d2 > .titleIcon {width: 9.999rem;}


section.interviewList {padding-bottom: 10rem;}
section.interviewList > .container {
	width: 30.4rem;
	gap: 0 2.824rem;
}
section.interviewList > .container > .item {
	width: calc( calc( 100% - 2.824rem * 1 ) / 2 );
	padding: 1rem 0 3.84rem;
}
section.interviewList > .container > .item > .tagArea {
	flex-direction: column;
	justify-content: flex-end;
	min-height: 9.8rem;
	margin-bottom: 1.21rem;
	font-size: 1rem;
}
section.interviewList > .container > .item > .tagArea > .tag {
	background-color: var(--color-grey1);
	width: 100%;
	font-size: 1.2rem;
}
section.interviewList > .container > .item > .thumbnail {}
section.interviewList > .container > .item > .thumbnail > .tmbImage {}
section.interviewList > .container > .item > .title {
	font-size: 1.4rem;
	margin-top: 1rem;
}
section.interviewList > .container > .item > .division {
	font-size: 1.3rem;
	margin-top: 1rem;
}


/*============================================================================*/
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (min-width: 520px) and (max-width: 959px) {/* // Tablet // 520～959px // */
/*============================================================================*/

main .heroSection > .container > .heroImage {
	width: 40.116rem;
}


#sectionA {scroll-margin-top: -30rem;}
#sectionA > .d1 {}
#sectionA > .d1.verticalLine::after {
	height: 45rem;
	margin-top: -29.6rem;
}
#sectionA > .d2 > .titleIcon {width: 8.135rem;}
#sectionA > .d3 {margin-top: 9rem;}
#sectionA > .d3 > .text {width: 60.8rem;}
#sectionA > .d4 > .image {
	width: 66.6rem;
	margin-top: 10rem;
}


#sectionB > .d1 {margin-top: 18.1rem;}
#sectionB > .d2 > .titleIcon {width: 19.998rem;}


section.interviewList {padding-bottom: 16rem;}
section.interviewList > .container {
	width: 54.8rem;
	gap: 0 5rem;
}
section.interviewList > .container > .item {
	width: calc( calc( 100% - 5rem * 1 ) / 2 );
	padding: 4.74rem 0 4.31rem;
}
section.interviewList > .container > .item > .tagArea {
	font-size: 1.2rem;
	margin-bottom: 1.29rem;
}
section.interviewList > .container > .item > .tagArea > .tag {
	background-color: var(--color-grey5);
	padding: 0.3rem 1.2rem;
	min-width: 7.3rem;
}
section.interviewList > .container > .item > .thumbnail {}
section.interviewList > .container > .item > .thumbnail > .tmbImage {}
section.interviewList > .container > .item > .title {
	font-size: 2rem;
	margin-top: 1rem;
}
section.interviewList > .container > .item > .division {
	font-size: 1rem;
	margin-top: 1rem;
}


/*============================================================================*/
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (min-width: 960px) {/* // PC // 960px～ // */
/*============================================================================*/

main .heroSection > .container > .heroImage {
	width: 40.116rem;
}


#sectionA {scroll-margin-top: -25rem;}
#sectionA > .d1 {}
#sectionA > .d1.verticalLine::after {
	height: 34rem;
	margin-top: -16.4rem;
}
#sectionA > .d2 > .titleIcon {width: 8.135rem;}
#sectionA > .d3 {margin-top: 12rem;}
#sectionA > .d3 > .text {width: 72.2rem;}
#sectionA > .d4 > .image {
	width: 97rem;
	margin-top: 13rem;
}


#sectionB > .d1 {margin-top: 38rem;}
#sectionB > .d2 > .titleIcon {width: 19.998rem;}


section.interviewList {
	padding: 4rem 4rem 30rem calc( var(--width-mainNavigation) + 4rem );
}
section.interviewList > .container {
	width: 72.2rem;
	gap: 0 6.7rem;
}
section.interviewList > .container > .item {
	width: calc( calc( 100% - 6.7rem * 1 ) / 2 );
	padding: 6.26rem 0 6.36rem;
}
section.interviewList > .container > .item > .tagArea {
	font-size: 1.2rem;
	margin-bottom: 1.71rem;
}
section.interviewList > .container > .item > .tagArea > .tag {background-color: var(--color-grey5);}
section.interviewList > .container > .item > .thumbnail {}
section.interviewList > .container > .item > .thumbnail > .tmbImage {}
section.interviewList > .container > .item > .title {
	font-size: 2rem;
	margin-top: 1.2rem;
}
section.interviewList > .container > .item > .division {
	font-size: 1.4rem;
	margin-top: 4rem;
}

/*============================================================================*/
}


/* - - - - - - - - - - - - - - - - - - -
/-/media/Project/globeride/recruit_globeride_cojp/____/job-css.css
ID={----}
StagingID={----}
- - - - - - - - - - - - - - - - - - - */