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

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


main > section.featuresEntry {line-height: 1.5;}
main > section.featuresEntry > .entrySec_head {}
main > section.featuresEntry > .entrySec_head > .title {}
main > section.featuresEntry > .entrySec_head > .meta {color: var(--color-orange);}




main > section.featuresEntry > .entrySec_mv {}
main > section.featuresEntry > .entrySec_mv > img {height: auto;}



main .entrySec_main {}
main .entrySec_main > section.CommonWebLinkComponent > .area > .container {display: flex; gap: 2rem;}
main .entrySec_main > section.CommonWebLinkComponent > .area > .container > .item > a {border: none;}
main .entrySec_main > section.CommonWebLinkComponent > .area > .container > .item > a > .text {
	display: block;
	width: 7rem;
	font-size: 0;
	background-image: url(/-/media/Project/globeride/daiwa_com_scandinavia/team/image/legacy/sns5.png);
	aspect-ratio: 1;/* (AspectRatio = 1:1 ≒ 1) */
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
main .entrySec_main > section.CommonWebLinkComponent > .area > .container > .item > a > .d2After {display: none;}


	/* X (Twitter) */
	main .entrySec_main > section.CommonWebLinkComponent > .area > .container > .item > a[href*="x.com"] > .text,
	main .entrySec_main > section.CommonWebLinkComponent > .area > .container > .item > a[href*="twitter.com"] > .text {
		background-image: url(/-/media/Project/globeride/common/image/icon/snsIcon-x.svg);
	}

	/* Facebook */
	main .entrySec_main > section.CommonWebLinkComponent > .area > .container > .item > a[href*="facebook.com"] > .text {
		background-image: url(/-/media/Project/globeride/common/image/icon/snsIcon-facebook.svg);
	}

	/* Instagram */
	main .entrySec_main > section.CommonWebLinkComponent > .area > .container > .item > a[href*="instagram.com"] > .text {
		background-image: url(/-/media/Project/globeride/common/image/icon/snsIcon-instagram.svg);
	}

	/* YouTube */
	main .entrySec_main > section.CommonWebLinkComponent > .area > .container > .item > a[href*="youtube.com"] > .text,
	main .entrySec_main > section.CommonWebLinkComponent > .area > .container > .item > a[href*="youtu.be"] > .text {
		background-image: url(/-/media/Project/globeride/common/image/icon/snsIcon-youtube.svg);
	}



/* CommonImageTextComponent */
main .entrySec_main > section.CommonImageTextComponent {}
main .entrySec_main > section.CommonImageTextComponent > .area {}
main .entrySec_main > section.CommonImageTextComponent > .area > .container {}
main .entrySec_main > section.CommonImageTextComponent > .area > .container > .item {}
main .entrySec_main > section.CommonImageTextComponent > .area > .container > .item > .imgBox {}
main .entrySec_main > section.CommonImageTextComponent > .area > .container > .item > .imgBox > .img {}
main .entrySec_main > section.CommonImageTextComponent > .area > .container > .item > .imgBox > .img > img {}




/* 一覧へ戻る */
main > section > .entrySec_col2 > .articlesBack {text-align: center;}
main > section > .entrySec_col2 > .articlesBack > a.back {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border: 1px solid #000;
	border-radius: 1000px;
	width: fit-content;
	margin: 5rem auto;
}
	main > section > .entrySec_col2 > .articlesBack > a.back:hover {
		color: #fff;
		background: #000;
		opacity: 1;
	}
main > section > .entrySec_col2 > .articlesBack > a.back > span {}





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


main > section.featuresEntry {}


main > section.featuresEntry > .entrySec_head {
	display: flex;
	flex-direction: column-reverse;
	margin-top: 3rem;
	margin-left: 1.95rem;
	margin-right: 1.95rem;
}
main > section.featuresEntry > .entrySec_head > .title {font-size: 2.6rem;}
main > section.featuresEntry > .entrySec_head > .meta {font-size: 1.2rem;}


main > section.featuresEntry > .entrySec_mv {margin-top: 1rem;}
main > section.featuresEntry > .entrySec_col2 {margin-left: 1.95rem; margin-right: 1.95rem;}



main .entrySec_main > section {margin-top: 5rem;}
main .entrySec_main > section.CommonWebLinkComponent > .area > .container {
	flex-direction: row;
	flex-wrap: wrap;
}
main .entrySec_main > section.CommonWebLinkComponent > .area > .container > .item > a > .text {width: 5rem;}




/* CommonImageTextComponent */
main .entrySec_main > section.CommonImageTextComponent {}
main .entrySec_main > section.CommonImageTextComponent > .area > .container {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}



/* 一覧へ戻る */
main > section > .entrySec_col2 > .articlesBack {margin-top: 5rem;}
main > section > .entrySec_col2 > .articlesBack > a.back {
	min-width: 20rem;
	padding: 1rem 2rem;
}



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




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


main > section.featuresEntry {margin-left: 10rem; margin-right: 10rem;}
main > section.featuresEntry > .entrySec_head {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 1.9rem;
}
main > section.featuresEntry > .entrySec_head > .title {font-size: 3.6rem;}
main > section.featuresEntry > .entrySec_head > .meta {margin-top: 1.9rem; font-size: 1.8rem;}
main > section.featuresEntry > .entrySec_mv {margin-top: 3rem;}




main .entrySec_main {font-size: 2rem;}
main .entrySec_main > section {margin-top: 5rem;}




/* CommonImageTextComponent */
main .entrySec_main > section.CommonImageTextComponent {}
main .entrySec_main > section.CommonImageTextComponent > .area > .container {display: flex; gap: 2rem;}
main .entrySec_main > section.CommonImageTextComponent > .area > .container > .item {flex: 1;}




/* 一覧へ戻る */
main > section > .entrySec_col2 > .articlesBack {margin-top: 5rem;}
main > section > .entrySec_col2 > .articlesBack > a.back {
	min-width: 20rem;
	padding: 1rem 2rem;
}



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




/* - - - - - - - - - - - - - - - - - - -
https://---/team-dp-css.css
ID = {}
- - - - - - - - - - - - - - - - - - - */