@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/company/business/image/heroImage.jpg);
}
main .heroSection > .container > .heroImage {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/company/business/image/icon05.svg);
	aspect-ratio: 1.73628;/* 238.103x137.134px (AspectRatio = 238.103:137.134 ≒ 1.73628) */
}


#sectionA {}
#sectionA > .d1 {}
#sectionA > .d2 {}
#sectionA > .d2 > .titleIcon {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/company/business/image/title-1.svg);
	aspect-ratio: 2.909554;/* 368.14x126.528px (AspectRatio = 368.14:126.528 ≒ 2.909554) */
	width: 36.814rem;
}
#sectionA > .d2 > .titleJp {}
#sectionA > .d3 {}
#sectionA > .d3 > .text {
	width: 72.2rem;
	margin-top: 24rem;
	margin-left: auto;
	margin-right: auto;
}
#sectionA > .d4 {}
#sectionA > .d4 {}
#sectionA > .d4 > .container {
	width: 72.2rem;
	margin-left: auto;
	margin-right: auto;
}
#sectionA > .d4 > .container > .item {
	margin-top: 13.8rem;
	border-top: solid 1px var(--color-grey2);
}
#sectionA > .d4 > .container > .item > .title {
	margin-top: 6.4rem;
	margin-left: auto;
	margin-right: auto;
	font-size: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
#sectionA > .d4 #business-fishing.item > .title {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/company/business/image/subTitle-fishing.svg);
	aspect-ratio: 3.002757;/* 303.9x101.207px (AspectRatio = 303.9:101.207 ≒ 3.002757) */
	width: 30.39rem;
}
#sectionA > .d4 #business-golf.item > .title {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/company/business/image/subTitle-golf.svg);
	aspect-ratio: 1.929251;/* 204.9x106.207px (AspectRatio = 204.9:106.207 ≒ 1.929251) */
	width: 20.49rem;
}
#sectionA > .d4 #business-racket.item > .title {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/company/business/image/subTitle-racket.svg);
	aspect-ratio: 3.060717;/* 369.3x120.658px (AspectRatio = 369.3:120.658 ≒ 3.060717) */
	width: 36.93rem;
}
#sectionA > .d4 #business-cycle.item > .title {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/company/business/image/subTitle-cycle.svg);
	aspect-ratio: 3.719832;/* 363.9x97.827px (AspectRatio = 363.9:97.827 ≒ 3.719832) */
	width: 36.39rem;
}

#sectionA > .d4 > .container > .item > .logo {
	margin-top: 10rem;
	margin-left: auto;
	margin-right: auto;
	font-size: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
#sectionA > .d4 #business-fishing.item > .logo {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/company/business/image/logo-1.svg);
	aspect-ratio: 2.104079;/* 143.143x68.0312px (AspectRatio = 143.143:68.0312 ≒ 2.104079) */
	width: 8.4163rem;
}
#sectionA > .d4 #business-golf.item > .logo {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/company/business/image/logo-2-v1.svg);
	aspect-ratio: 1.763343;/* 379.75x215.358px (AspectRatio = 379.75:215.358 ≒ 1.763343) */
	width: 37.975rem;
}
#sectionA > .d4 #business-racket.item > .logo {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/company/business/image/logo-3-v2.svg);
	aspect-ratio: 2.053955;/* 384.907x187.398px (AspectRatio = 384.907:187.398 ≒ 2.053955) */
	width: 38.491rem;
}
#sectionA > .d4 #business-cycle.item > .logo {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/company/business/image/logo-4-v1.svg);
	aspect-ratio: 2.668043;/* 430.977x161.533px (AspectRatio = 430.977:161.533 ≒ 2.668043) */
	width: 43.098rem;
}


#sectionA > .d4 > .container > .item > .text {
	margin-top: 10rem;
	font-size: 1.6rem;
	line-height: 1.5625;/* FontSize 16px のとき、行送り 25 ≒ 1.5625 */
}
#sectionA > .d4 > .container > .item > .link {margin-top: 3.76rem;}


#sectionB {margin-top: 19rem;}
#sectionB > .d1 {}
#sectionB > .d2 {}
#sectionB > .d2 > .titleIcon {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/company/business/image/title-2.svg);
	aspect-ratio: 0.76766;/* 101.566x132.306px (AspectRatio = 101.566:132.306 ≒ 0.76766) */
	width: 10.157rem;
}
#sectionB > .d3 {
	text-align: center;
	margin-top: 24rem;
}
#sectionB > .d4 {}
#sectionB > .d4 > .linkDecoB.sizeL {margin: 3.5rem auto 1rem;}


#sectionC {margin-top: 19rem;}
#sectionC > .d1 {}
#sectionC > .d2 {}
#sectionC > .d2 > .titleIcon {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/company/business/image/title-3.svg);
	aspect-ratio: 2.862661;/* 410.059x143.244px (AspectRatio = 410.059:143.244 ≒ 2.862661) */
	width: 41.006rem;
}
#sectionC > .d3 {
	text-align: center;
	margin-top: 24rem;
}
#sectionC > .d4 {
}
#sectionC > .d4 > .flow {
	font-size: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
#sectionC > .d5 {}
#sectionC > .d5 > .title {
	margin-left: auto;
	margin-right: auto;
	font-weight: 550;
}
#sectionC > .d5 > .text {
	margin-left: auto;
	margin-right: auto;
}


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

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

main .heroSection {
	background-position: bottom right -29.4rem;
	background-size: 105rem;
}
main .heroSection > .container > .heroImage {
	width: 11.905rem;
}


#sectionA {}
#sectionA > .d1 {}
#sectionA > .d2 {}
#sectionA > .d2 > .titleIcon {
	width: 18.407rem;
}
#sectionC > .d3 {
	margin-top: 8.9rem;
	font-size: 1.4rem;
}
#sectionA > .d3 > .text {
	width: 30.3rem;
	font-size: 1.4rem;
	margin-top: 8.9rem;
}
#sectionA > .d4 > .container {width: 30.3rem;}
#sectionA > .d4 > .container > .item {margin-top: 8.6rem;}
#sectionA > .d4 #business-fishing.item > .title {width: 14.04rem;}
#sectionA > .d4 #business-golf.item > .title {width: 9.405rem;}
#sectionA > .d4 #business-racket.item > .title {width: 17.1rem;}
#sectionA > .d4 #business-cycle.item > .title {width: 16.83rem;}
#sectionA > .d4 > .container > .item > .text {
	font-size: 1.4rem;
}

#sectionA > .d4 > .container > .item > .logo {margin-top: 5rem;}
#sectionA > .d4 #business-fishing.item > .logo {width: 6rem;}
#sectionA > .d4 #business-golf.item > .logo {width: 23.237rem;}
#sectionA > .d4 #business-racket.item > .logo {width: 24.323rem;}
#sectionA > .d4 #business-cycle.item > .logo {width: 26.923rem;}
#sectionA > .d4 > .container > .item > .text {margin-top: 8.8rem;}
#sectionA > .d4 > .container > .item > .link { margin-top: 2.6rem;}

#sectionB {}
#sectionB > .d1 {}
#sectionB > .d2 {}
#sectionB > .d2 > .titleIcon {width: 5.628rem;}
#sectionB > .d3 {
	text-align: center;
	width: 30.3rem;
	margin-top: 8.9rem;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.4rem;
}

#sectionC > .d2 > .titleIcon {width: 20.503rem;}
#sectionC > .d4 {
}
#sectionC > .d4 > .flow {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/company/business/image/programs-Mo.svg);
	aspect-ratio: 0.310873;/* 293.287x943.431px (AspectRatio = 293.287:943.431 ≒ 0.310873) */
	width: 30.3rem;
	margin-top: 6.5rem;
	margin-left: auto;
	margin-right: auto;
}
#sectionC > .d5 {
	margin-top: 8.9rem;
}
#sectionC > .d5 > .title {
	width: 30.3rem;
	margin-top: 4.6rem;
	font-size: 1.4rem;
}
#sectionC > .d5 > .text {
	width: 30.3rem;
	margin-top: 2.2rem;
	font-size: 1.4rem;
}


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



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

main .heroSection {background-position: center right -4rem;}
main .heroSection > .container > .heroImage {
	width: 23.81rem;
}


#sectionA {}
#sectionA > .d1 {}
#sectionA > .d2 {}
#sectionA > .d3 > .text {
	width: 54.8rem;
	margin-top: 10rem;
}
#sectionA > .d4 > .container {width: 54.8rem;}


#sectionB {}
#sectionB > .d1 {}
#sectionB > .d2 {}
#sectionB > .d3 {margin-top: 11rem;}


#sectionC > .d3 {margin-top: 11rem;}
#sectionC > .d4 {
}
#sectionC > .d4 > .flow {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/company/business/image/programs-Tab.svg);
	aspect-ratio: 0.714535;/* 561.92x786.414px (AspectRatio = 561.92:786.414 ≒ 0.714535) */
	width: 56rem;
	margin-top: 13rem;
	margin-left: 11rem;
}
#sectionC > .d5 {
	margin-top: 16rem;
}
#sectionC > .d5 > .title {
	width: 54.8rem;
	margin-top: 9rem;
	font-size: 1.6rem;
}
#sectionC > .d5 > .text {
	width: 54.8rem;
	margin-top: 2.7rem;
	font-size: 1.4rem;
}


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



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

main .heroSection {background-position: bottom -13rem center;}
main .heroSection > .container > .heroImage {
	width: 23.81rem;
}


#sectionA {}
#sectionA > .d1 {}
#sectionA > .d2 {}
#sectionA > .d2 > .titleIcon {
}

#sectionB {}
#sectionB > .d1 {}
#sectionB > .d2 {}


#sectionC > .d4 {
}
#sectionC > .d4 > .flow {
	background-image: url(/-/media/Project/globeride/recruit_globeride_cojp/top/company/business/image/programs-PC.svg);
	aspect-ratio: 1.361279;/* 812.29x596.711px (AspectRatio = 812.29:596.711 ≒ 1.361279) */
	margin-top: 8.8rem;
	margin-left: 19rem;
	width: 81rem;
}
#sectionC > .d5 {margin-top: 18rem;}
#sectionC > .d5 > .title {
	width: 72.2rem;
	margin-top: 8rem;
	font-size: 1.8rem;
}
#sectionC > .d5 > .text {
	width: 72.2rem;
	margin-top: 2rem;
}


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


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