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

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


#section-contentsHeader {}
#section-contentsHeader > .wrap > .title {font-weight: bold;}
#section-contentsHeader > .wrap > .text {}




#section-mainImage {}
#section-mainImage > .wrap > .image {}
#section-mainImage > .wrap > .image > img {width: 100%; object-fit: contain;}
#section-mainImage > .wrap > .caption {
}




#section-body {}
#section-body > .wrap > .title {color: var(--color-DYFC-orange); font-weight: bold;}
#section-body > .wrap > .title.subTitle {color: inherit;}
#section-body > .wrap > .title > span {
	display: block;
	color: black;
	font-weight: normal;
	margin-bottom: -0.1em;
}
#section-body > .wrap > .img {display: flex;justify-content: center;}
#section-body > .wrap > .img > img {object-fit: contain;}

#section-body > .wrap > .text {}
#section-body > .wrap > .text.reference {}
#section-body > .wrap > .text > img.float-right {}

#section-body > .wrap .text > ul {margin: 1rem 0 1rem 2em;}
#section-body > .wrap .text > ul > li {list-style-type: disc;}
#section-body > .wrap .text > ul > li + li {margin-top: 1em;}

#section-body > .wrap .text > ul.negativeIndent {margin-left: 0;}
#section-body > .wrap .text > ul.negativeIndent > li {list-style-type: none; text-indent: -1em; margin-left: 1em;}
#section-body > .wrap .text > ul.negativeIndent.val-1   > li {text-indent: -1.0em; margin-left: 1.0em;}
#section-body > .wrap .text > ul.negativeIndent.val-2   > li {text-indent: -2.0em; margin-left: 2.0em;}
#section-body > .wrap .text > ul.negativeIndent.val-2_7 > li {text-indent: -2.7em; margin-left: 2.7em;}

#section-body > .wrap > .img-Wrapper {margin-left: auto; margin-right: auto;}
#section-body > .wrap > .img-Wrapper > .caption {}
#section-body > .wrap > .img-column {}
#section-body > .wrap > .img-column > .img {}
#section-body > .wrap > .img-column > .body {}
#section-body > .wrap > .img-column > .body > .title {font-weight: bold;}
#section-body > .wrap > .img-column > .body > .title > span {font-weight: normal;}
#section-body > .wrap > .img-column > .img-wrapper > .img {}

#section-body > .wrap > .borderWrapper {border: solid max(.1rem, 1px) var(--color-DYFC-orange); padding: 3rem;}
#section-body > .wrap > .borderWrapper > .title {}
#section-body > .wrap > .borderWrapper > .text {}



#section-profile {}
#section-profile > .wrap > .card {
	border: solid max(.1rem, 1px) var(--color-DYFC-orange);
}
#section-profile > .wrap > .card > .cord-inner > .image {}

#section-profile > .wrap > .card > .cord-inner > .image > img {}
	#section-profile > .wrap > .card > .cord-inner > .image.layoutA {aspect-ratio: 1;}
	#section-profile > .wrap > .card > .cord-inner > .image.layoutA > img {object-fit: cover; object-position: center 20%; width: 100%; height: 100%;}

#section-profile > .wrap > .card > .cord-inner > .name {color: var(--color-DYFC-orange);font-weight: bold;}
#section-profile > .wrap > .card > .cord-inner > .name > span {margin-left: 0.4em;}
#section-profile > .wrap > .card > .cord-inner > .text {text-align: justify;}
#section-profile > .wrap > .card > .cord-inner > .sns {}
#section-profile > .wrap > .card > .cord-inner > .sns > .item {}
#section-profile > .wrap > .card > .cord-inner > .sns > .item.instagram {}
#section-profile > .wrap > .card > .cord-inner > .sns > .item.blog {}
#section-profile > .wrap > .card > .cord-inner > .sns > .item > a {}
#section-profile > .wrap > .card > .cord-inner > .sns > .item.instagram > a {}
#section-profile > .wrap > .card > .cord-inner > .sns > .item.blog > a {}
#section-profile > .wrap > .card > .cord-inner > .sns > .item > a::before {
	content: "";
}





#section-backToList {}
#section-backToList > .wrap > .backToList--wrapper {
	border-color: var(--color-line-gray);
	border-width: max(.1rem, 1px);
	border-top-style: solid;
	border-bottom-style: solid;
}
#section-backToList > .wrap > .backToList--wrapper {}
#section-backToList > .wrap > .backToList--wrapper > a {display: flex; width: fit-content;}
#section-backToList > .wrap > .backToList--wrapper > a > .addInner-before {
	font-size: 0;
	mask: url(/-/media/Project/globeride/globeride_cojp/common/img/arrow-right.svg) center/contain no-repeat;
	aspect-ratio: 0.56;/* 84x150px (AspectRatio = 14:25 ≒ 0.56) */
	background-color: black;
	width: 0.45rem;
	margin-right: 2rem;
}




#section-migrated {}
#section-migrated img {display: inline;}
#section-migrated > .wrap {width: fit-content;}



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




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


footer.footer {margin-top: 0;}




#section-contentsHeader > .wrap > .title {font-weight: bold;}
#section-contentsHeader > .wrap > .text {margin-top: 4rem;}



#section-body > .wrap > .title {
	font-size: 2rem;
	margin-top: 6rem;
	margin-bottom: 3rem;
}
#section-body > .wrap > .text {
	margin-top: 3rem;
	margin-bottom: 3rem;
}
#section-body > .wrap > .text.reference {margin-top: 10rem;}
#section-body > .wrap > .img-Wrapper > .caption {font-size: 1.2rem; margin-top: 1rem;}
#section-body > .wrap > .img-column {margin-top: 5rem; margin-bottom: 5rem;}
#section-body > .wrap > .img-column > .body > .title {
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}
#section-body > .wrap > .img-column > .body > .title > span {font-size: 1.6rem;}
#section-body > .wrap > .img-column > .body > .text {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
#section-body > .wrap > .img-column > .img-wrapper > .img {margin-top: 2rem;}

#section-body > .wrap > .text > img.float-right {
	float: right;
	width: 15rem;
	margin: 0 0 1rem 2rem;
}
#section-body > .wrap > .borderWrapper {padding: 2.2rem;}
#section-body > .wrap > .borderWrapper > .title {font-size: 1.8rem; margin-bottom: 2rem;}
#section-body > .wrap > .borderWrapper > .text {font-size: 1.4rem;}


#section-profile {margin-top: 4rem;}
#section-profile > .wrap > .card {padding: 1.5rem;}
#section-profile > .wrap > .card > .cord-inner > .image {
	display: flex;
	justify-content: center;
	height: 17rem;
}
#section-profile > .wrap > .card > .cord-inner > .image > img {}
	#section-profile > .wrap > .card > .cord-inner > .image.layoutA {margin-right: auto; margin-left: auto;}
	#section-profile > .wrap > .card > .cord-inner > .image.layoutA > img {}
#section-profile > .wrap > .card > .cord-inner > .name {margin-top: 2rem; margin-bottom: 2rem; font-size: 2rem;}
#section-profile > .wrap > .card > .cord-inner > .text {font-size: 1.4rem;}
#section-profile > .wrap > .card > .cord-inner > .sns {margin-top: 2rem;}



#section-backToList {margin-top: 10rem; margin-bottom: 5rem;}
#section-backToList > .wrap > .backToList--wrapper {border-bottom: none;}
#section-backToList > .wrap > .backToList--wrapper > a {margin: auto; padding: 2rem;}




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




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


main.main {padding-bottom: 10rem;}
main section > .wrap {padding-bottom: 0;}




#section-contentsHeader {}
#section-contentsHeader > .wrap {}
#section-contentsHeader > .wrap > .title {font-size: 3.6rem;}
#section-contentsHeader > .wrap > .text {line-height: 2; margin-top: 4rem;}




#section-mainImage {}
#section-mainImage > .wrap > .image {
	display: flex;
	justify-content: center;
	margin: 0 10rem;
	max-height: 100rem;
}
#section-mainImage > .wrap > .caption {width: 70%; margin: auto;}




#section-body > .wrap {
	width: auto;
	margin-left: 30rem;
	margin-right: 30rem;
}
#section-body > .wrap > .title {
	font-size: 3rem;
	margin-top: 10rem;
	margin-bottom: 4rem;
}
#section-body > .wrap > .title > span {font-size: 2.5rem;}
#section-body > .wrap > .text {
	margin-top: 3rem;
	margin-bottom: 3rem;
	line-height: 2;
}
#section-body > .wrap > .text.reference {
	margin-top: 10rem;
}
#section-body > .wrap > .text > img.float-right {
	float: right;
	width: 30rem;
	margin: 0 0 2rem 3rem;
}
#section-body > .wrap > .img {max-height: 90rem;}
#section-body > .wrap > .img-Wrapper {width: 80%; margin-top: 7rem; margin-bottom: 7rem;}
#section-body > .wrap > .img-Wrapper > .caption {margin-top: 1.2rem;}
#section-body > .wrap > .img-column {
	display: flex;
	gap: 5rem;
	margin-top: 5rem;
	margin-bottom: 5rem;
}
#section-body > .wrap > .img-column > .img-wrapper {width: 45rem; display: flex; gap: 1rem;}
#section-body > .wrap > .img-column > .img-wrapper > .img {flex: 1;}
#section-body > .wrap > .img-column > .body {flex: 1; align-self: center;}
#section-body > .wrap > .img-column > .body > .title {font-size: 2.6rem; margin-bottom: 1rem;}
#section-body > .wrap > .img-column > .body > .title > span {font-size: 1.6rem;}
#section-body > .wrap > .borderWrapper > .title {font-size: 2rem; margin-bottom: 2rem;}


#section-profile > .wrap {
	width: auto;
	margin-left: 30rem;
	margin-right: 30rem;
}
#section-profile > .wrap > .card {padding: 3rem;}
#section-profile > .wrap > .card > .cord-inner {
	display: grid;
	grid-template-columns: 27rem 1fr;
	grid-template-rows: auto 1fr auto;
	grid-gap: 2rem 2rem;
}
#section-profile > .wrap > .card > .cord-inner > .image {grid-area: 1 / 1 / 4 / 2;}
#section-profile > .wrap > .card > .cord-inner > .name {grid-area: 1 / 2 / 2 / 3; font-size: 2.5rem;}
#section-profile > .wrap > .card > .cord-inner > .text {grid-area: 2 / 2 / 3 / 3;}
#section-profile > .wrap > .card > .cord-inner > .sns {grid-area: 3 / 2 / 4 / 3; font-size: 1.8rem;}




#section-backToList > .wrap {padding-top: 10rem;}
#section-backToList > .wrap > .backToList--wrapper > a {padding: 3rem 3rem; margin-left: auto;}




#section-migrated > .wrap {width: 88rem; overflow: hidden;}




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




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