@charset "utf-8";
/* CSS Document */

/*
==============================================================================*/
/* Styles // Minify // ma9B298E63 //
		// 共通リンクボタン Simulate
		// （［index_d2d13785-v1.css］ 参照）
		// - - - - - - - - - - - - - - - - - - -*/
	main .link_border--l .text,main .link_border--m .text{letter-spacing:.02em}main .arrow--black,main .arrow_bg .bg--black{background:#0a0a14}@keyframes arrow_run{0%,to{transform:translate(0)}45%{opacity:1;transform:translate(150%)}46%{opacity:0;transform:translate(150%)}47%{opacity:0;transform:translate(-150%)}48%{opacity:1}55%{transform:translate(-150%)}}@keyframes arrow_run_s{0%,to{transform:translate(0)}45%{opacity:1;transform:translate(100%)}46%{opacity:0;transform:translate(100%)}47%{opacity:0;transform:translate(-100%)}48%{opacity:1}55%{transform:translate(-100%)}}@keyframes home_mv_scroll_down{0%,to{opacity:0;transform:translateY(-50%)}40%,5%{opacity:1}45%{transform:translateY(50%)}50%{opacity:0;transform:translateY(50%)}}main .link_border{display:flex;justify-content:space-between;align-items:center;width:-moz-fit-content;width:fit-content;border-radius:1.2rem;border:.2rem solid #c0c4c7}main .arrow_bg--s,main .arrow_bg--s .bg{border-radius:.6rem}main .link_border .text{position:relative;font-feature-settings:"palt";display:block;white-space:nowrap;line-height:1.3}main .link_border .text:after{content:"";display:block;position:absolute;width:100%;height:1px;bottom:0;left:0;background:currentColor;transform-origin:left center;transform:scaleX(0)}@media only screen and (min-width:768px){main .link_border--m{min-width:23rem;height:5rem;padding-left:1.7rem;padding-right:.6rem;font-size:max(10px, .875vw)}main .link_border--m .text{margin-right:1.4rem}main .link_border--m .arrow_bg .arrow{font-size:max(10px, .875vw);width:.64em}}@media only screen and (max-width:767px){main .link_border--m{font-size:1.4rem;height:5.5rem;padding-left:1.8rem;padding-right:1.7rem;padding-bottom:.1rem}main .link_border--m .arrow_bg .arrow{width:1rem;margin-top:.2rem}}@media only screen and (min-width:768px){main .link_border--l{min-width:36rem;max-width:100%;height:7rem;font-size:max(10px, 1.125vw);padding-left:2.8rem;padding-right:1.5rem}main .link_border--l .text{margin-right:4rem}main .link_border--l .arrow_bg .arrow{font-size:max(10px, 1.125vw);width:.78em}}@media (hover:hover) and (pointer:fine){main .link_border{transition:border-color .2s ease-out}main .link_border .text:after{transition:transform .2s ease-out}main .link_border:hover{border-color:#e8eaed}main .link_border:hover .text:after{transform:scaleX(1)}}@media only screen and (hover:hover) and (pointer:fine) and (min-width:768px){main .link_border .arrow_bg .bg{transition:opacity .2s ease-out,transform .3s ease-out}main .link_border .arrow_bg .arrow{transition:background .2s ease-out}main .link_border:hover .arrow_bg .bg{opacity:1;transform:scale(1)}main .link_border:hover .arrow_bg .arrow{background:#fff;animation:.3s linear forwards arrow_run}}@media only screen and (hover:hover) and (pointer:fine) and (max-width:767px){main .link_border .arrow_bg .arrow{transition:transform .2s ease-out}main .link_border:hover .arrow_bg .arrow{transform:translate(.5rem)}}main .arrow{display:block;aspect-ratio:1}main .arrow--s{-webkit-mask:url(/-/media/Project/globeride/common/image/arrow/arrow_normal_s.svg) center/contain no-repeat;mask:url(/-/media/Project/globeride/common/image/arrow/arrow_normal_s.svg) center/contain no-repeat}main .arrow--l{-webkit-mask:url(/-/media/Project/globeride/common/image/arrow/arrow_normal_l.svg) center/contain no-repeat;mask:url(/-/media/Project/globeride/common/image/arrow/arrow_normal_l.svg) center/contain no-repeat}main .arrow--left{rotate:180deg}main .arrow--blank{rotate:-45deg}main .arrow--gray{background:#a5acb1}main .arrow--white{background:#fff}main .arrow--current{background:currentColor}main .arrow_bg{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;aspect-ratio:1}@media only screen and (max-width:767px){main .link_border--l{width:100%;font-size:1.7rem;height:7.5rem;padding-left:1.8rem;padding-right:1.8rem;padding-bottom:.1rem}main .link_border--l .arrow_bg .arrow{width:1.4rem;margin-top:.2rem}main .arrow_bg--s{width:2rem}}main .arrow_bg--s .arrow{width:50%}@media only screen and (min-width:768px){main .arrow_bg--m{width:3.4rem;border-radius:1rem}main .arrow_bg--m .bg{border-radius:1rem}main .arrow_bg--l{width:4rem;border-radius:1.2rem}}main .arrow_bg--xl,main .arrow_bg--xl .bg{border-radius:1.2rem}@media only screen and (min-width:768px){main .arrow_bg--l .bg{border-radius:1.2rem}main .arrow_bg--xl{width:5rem}main .arrow_bg--xl .arrow{width:2rem}}@media only screen and (max-width:767px){main .arrow_bg--xl{width:4.5rem}main .arrow_bg--xl .arrow{width:1.4rem}main .arrow_bg--sp_arrow_only{width:-moz-fit-content!important;width:fit-content!important;overflow:visible}}main .arrow_bg .bg{position:absolute;display:block;top:0;left:0;width:100%;height:100%}main .arrow_bg .bg--gray2{background:#e8eaed}main .arrow_bg .bg--hidden{opacity:0;transform:scale(0)}
/*============================================================================*/


/* commonBreadcrumb_upper // パンくず */
main > .commonBreadcrumb_upper {}
main > .commonBreadcrumb_upper > .breadcrumb {font-size: 1rem;}
main > .commonBreadcrumb_upper > .breadcrumb > a {}
main > .commonBreadcrumb_upper > .breadcrumb > a:not([href]) {pointer-events: none;}

main > .commonBreadcrumb_upper > .breadcrumb > .arrow {
	mask: initial;
	aspect-ratio: initial;
	background: initial;
}
main > .commonBreadcrumb_upper > .breadcrumb > .arrow::before {
	content: '>';
	display: inline-block;
	margin: .1rem 0 .3rem;
}




/*============================================================================*/
/* General List Page 用 */


main.GeneralListPage > section.mainArea {}




main.GeneralListPage > section.GeneralList {}




/*============================================================================*/
/* pageBase--layoutA //
	// トップページ以外の共通レイアウト // ck95BADEF7 */
main > .pageBase--layoutA {}
main > .pageBase--layoutA + .pageBase--layoutA {}
main > .pageBase--layoutA > section {}
main > .pageBase--layoutA > section:first-child {margin-top: 0;}




main.GeneralListPage > section.mainArea,
main > .pageBase--layoutA > section#pageTitle {}

main.GeneralListPage > section.mainArea > h1,
main > .pageBase--layoutA > section#pageTitle > h1 {
	display: flex;
	flex-direction: column;
	line-height: 1;
}

main.GeneralListPage > section.mainArea > h1 > .en,
main > .pageBase--layoutA > section#pageTitle .mainTitle {margin-left: -.05em;}

main.GeneralListPage > section.mainArea > h1 > .jp,
main > .pageBase--layoutA > section#pageTitle .subTitle {}




main > .pageBase--layoutA > section > *:first-child {margin-top: 0;}




/* Title // h2 */
main > .pageBase--layoutA > section h2 {font-weight: bold;}




/* colImgTextLay */
main > .pageBase--layoutA > section > .colImgTextLay {margin-top: 3rem;}
main > .pageBase--layoutA > section > .colImgTextLay > .container {}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .item {}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__image {}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__image > img {}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__body {}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__body > .title {font-weight: bold;}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__body > .title + .text {margin-top: 2rem;}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__body > .text {}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__body > .text + .link {margin-top: 2rem;}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__body > .link {}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__body > .link > .container {
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
}




/* linkButtonLay */
main > .pageBase--layoutA > section > .colImgTextLay + .linkButtonLay {margin-top: 7rem;}
main > .pageBase--layoutA > section > .linkButtonLay {margin-top: 3rem;}
main > .pageBase--layoutA > section > .linkButtonLay > .container {
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
}




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




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


main {
	display: flex;
	flex-direction: column;
	margin-top: 11rem;
}




/* commonBreadcrumb_upper // パンくず */
main > .commonBreadcrumb_upper.inner--pc_p {
	width: 33.5rem;
	margin: 1rem auto 0rem;
	/* order: 1000; */
}
main > .commonBreadcrumb_upper > .breadcrumb {
	margin-left: 0;
	margin-right: auto;
}





/*============================================================================*/
/* General List Page 用 */


main.GeneralListPage > section.mainArea {
	width: 33.5rem;
	padding: 0;
	margin-top: 2rem;
	margin-left: auto;
	margin-right: auto;
}




main.GeneralListPage > section.GeneralList {
	width: 33.5rem;
	margin-left: auto;
	margin-right: auto;
}




/*============================================================================*/
/* pageBase--layoutA */
main > .pageBase--layoutA { margin-top: 2rem; }
main > .pageBase--layoutA + .pageBase--layoutA {margin-top: 8rem;}
main > .pageBase--layoutA > section {
	width: 33.5rem;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
	main > .pageBase--layoutA > section.mod-Mo-fullwidth {width: 100%;}

main > .pageBase--layoutA > section + section {margin-top: 8rem;}
main > .pageBase--layoutA > section#pageTitle + section {margin-top: 0;}




main.GeneralListPage > section.mainArea,
main > .pageBase--layoutA > section#pageTitle { margin-bottom: 5rem; }

main.GeneralListPage > section.mainArea > h1,
main > .pageBase--layoutA > section#pageTitle > h1 { gap: 1.1rem; }

main.GeneralListPage > section.mainArea > h1 > .en,
main > .pageBase--layoutA > section#pageTitle .mainTitle {font-size: 4.5rem;}

main.GeneralListPage > section.mainArea > h1 > .jp,
main > .pageBase--layoutA > section#pageTitle .subTitle {font-size: 1.6rem;}




main > .pageBase--layoutA > section > *:first-child {}




/* Title // h2 */
main > .pageBase--layoutA > section h2 {
	margin-top: 8rem;
	font-size: 2.4rem;
}




/* colImgTextLay */
main > .pageBase--layoutA > section > .colImgTextLay {margin-top: 8rem;}
main > .pageBase--layoutA > section > .colImgTextLay > .container {
	display: flex;
	flex-direction: column;
	gap: 1.3rem;
}
main > .pageBase--layoutA > section > .colImgTextLay > .container + .container {margin-top: 4rem;}

main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__image {
	width: 12rem;
	margin-left: auto;
	margin-right: auto;
}
	main > .pageBase--layoutA > section > .colImgTextLay.mod-Mo-imgW-100pct > .container > .colImgTextLay__image {width: 100%;}

main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__body {
	font-size: 1.4rem;
}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__body > .title {
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__body > .title + .text {}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__body > .text {margin-top: 1.3rem;}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__body > .link {}




/* linkButtonLay */
main > .pageBase--layoutA > section > .linkButtonLay {}
main > .pageBase--layoutA > section > .linkButtonLay > .container {
	display: flex;
	gap: 2rem;
	flex-direction: column;
}
main > .pageBase--layoutA > section > .linkButtonLay > .container > .item > a {width: 100%;}




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




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


main {
	margin-top: 10.4rem;
}




/* commonBreadcrumb_upper // パンくず */
main > .commonBreadcrumb_upper.inner--pc_p {
	width: auto;
	margin: auto;
	padding: 0 4rem;
}
main > .commonBreadcrumb_upper > .breadcrumb {
	margin-left: auto;
	margin-right: 0;
	padding-top: 1rem;
	padding-right: 1.45rem;
}




/*============================================================================*/
/* General List Page 用 */


main.GeneralListPage > section.mainArea {
	width: 120rem;
	padding: 0;
	margin-top: 2.9rem;
	margin-left: auto;
	margin-right: auto;
}




main.GeneralListPage > section.GeneralList {
	width: 120rem;
	margin-left: auto;
	margin-right: auto;
}




/*============================================================================*/
/* pageBase--layoutA */
main > .pageBase--layoutA { margin-top: 2.9rem; }
main > .pageBase--layoutA + .pageBase--layoutA {margin-top: 12rem;}
main > .pageBase--layoutA > section {
	width: 120rem;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
main > .pageBase--layoutA > section + section { margin-top: 12rem; }
main > .pageBase--layoutA > section#pageTitle + section {margin-top: 0;}




main.GeneralListPage > section.mainArea,
main > .pageBase--layoutA > section#pageTitle { margin-bottom: 5.7rem; }

main.GeneralListPage > section.mainArea > h1,
main > .pageBase--layoutA > section#pageTitle > h1 { gap: 2.5rem; }

main.GeneralListPage > section.mainArea > h1 > .en,
main > .pageBase--layoutA > section#pageTitle .mainTitle { font-size: 10rem; }

main.GeneralListPage > section.mainArea > h1 > .jp,
main > .pageBase--layoutA > section#pageTitle .subTitle { font-size: 2.4rem; }



/* Title // h2 */
main > .pageBase--layoutA > section h2 {
	margin-top: 12rem;
	font-size: 3.6rem;
}




/* colImgTextLay */
main > .pageBase--layoutA > section > .colImgTextLay {
}
main > .pageBase--layoutA > section > .colImgTextLay > .container {
	display: flex;
	gap: 4rem;
}
main > .pageBase--layoutA > section > .colImgTextLay > .container + .container {margin-top: 4rem;}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__image {width: 20rem;}
	main > .pageBase--layoutA > section > .colImgTextLay.mod-PC-imgW-356 > .container > .colImgTextLay__image {width: 35.6rem;}


main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__body {flex: 1;align-self: center;}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__body > .title {
	font-size: 2rem;
	margin-top: -0.5rem;
}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__body > .text {}
main > .pageBase--layoutA > section > .colImgTextLay > .container > .colImgTextLay__body > .link {}




/* linkButtonLay */
main > .pageBase--layoutA > section > .linkButtonLay {}




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




/* - - - - - - - - - - - - - - - - - - -
/-/media/Project/globeride/common/cycle/css/cycleCommon-css.css
um95BADED6
- - - - - - - - - - - - - - - - - - - */