@charset "utf-8";

:root {

}

@media (prefers-color-scheme: dark) {
	:root {

	}
}

/* モバイル　ALL */
@media screen and (max-width: 425px) {
	:root {
		--AboutUs_Card_Div_flex-basis: calc( calc( 100% - calc( var(--Gap) * 0 ) ) / 1 );
		--AboutUs_Member_Dl_flex-basis: calc( calc( 100% - calc( var(--Gap) * 0 ) ) / 1 );
	}
}

/* タブレット */
@media screen and (min-width:426px) and (max-width: 768px) {
	:root {
		--AboutUs_Card_Div_flex-basis: calc( calc( 100% - calc( var(--Gap) * 0 ) ) / 1 );
		--AboutUs_Member_Dl_flex-basis: calc( calc( 100% - calc( var(--Gap) * 0 ) ) / 1 );
	}
}

/* ノートパソコン */
@media screen and (min-width:769px) and ( max-width:1024px) {
	:root {
		--AboutUs_Card_Div_flex-basis: calc( calc( 100% - calc( var(--Gap) * 2 ) ) / 3 );
		--AboutUs_Member_Dl_flex-basis: calc( calc( 100% - calc( var(--Gap) * 2 ) ) / 3 );
	}
}

/* ノートパソコン L */
@media screen and (min-width:1025px) and ( max-width:1440px) {
	:root {
		--AboutUs_Card_Div_flex-basis: calc( calc( 100% - calc( var(--Gap) * 2 ) ) / 3 );
		--AboutUs_Member_Dl_flex-basis: calc( calc( 100% - calc( var(--Gap) * 2 ) ) / 3 );
	}
}

/* 2K以上 */
@media screen and (min-width:1441px) and ( max-width:2560px) {
	:root {
		--AboutUs_Card_Div_flex-basis: calc( calc( 100% - calc( var(--Gap) * 2 ) ) / 3 );
		--AboutUs_Member_Dl_flex-basis: calc( calc( 100% - calc( var(--Gap) * 2 ) ) / 3 );
	}
}

/* 4K以上 */
@media screen and (min-width:2561px) {
	:root {
		--AboutUs_Card_Div_flex-basis: calc( calc( 100% - calc( var(--Gap) * 2 ) ) / 3 );
		--AboutUs_Member_Dl_flex-basis: calc( calc( 100% - calc( var(--Gap) * 2 ) ) / 3 );
	}
}








/* ーーーーーーーーーーーーーーーーーーーー
	About_Us
ーーーーーーーーーーーーーーーーーーーー */

#contents.about_us {
	& > h4 {
		padding: 0 0 var(--Size_06);
	}
}

#contents.about_us {
	& div#card {
		display: flex;
		flex-direction: var(--Flex-direction_CCRRRR);
		gap: var(--Gap);
		margin: var(--Card_margin);
		& > div {
			flex-basis: var(--AboutUs_Card_Div_flex-basis);
			position: relative;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			gap: var(--Size_06);
			padding: var(--Size_10);
			background: var(--Color_FF100);
			border-radius: var(--Border-radius_S);
			& h4 {
				font-size: var(--Size_12);
				color: var(--Color_B100);
				font-weight: 600;
			}
			& > div {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				& i {
					display: flex;
					padding: var(--Size_02) var(--Size_04);
					color: var(--Color_FF100);
					background: var(--Color_B100);
				}
			}
		}
	}
}

#contents.about_us {
	& div#member {
		display: flex;
		flex-direction: var(--Flex-direction_CCRRRR);
		gap: var(--Gap);
		margin: var(--Card_margin);
		& dl {
			flex-basis: var(--AboutUs_Member_Dl_flex-basis);
			position: relative;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: var(--Size_10);
			padding: var(--Size_10);
			background: var(--Color_FF100);
			border-radius: var(--Border-radius_S);
			& dt {
			}
			& dd {
				font-size: var(--Size_08);
			}
		}
	}
}

#contents.about_us {
	& div#bank {
		display: flex;
		flex-direction: column;
		gap: var(--Size_04);
		margin: var(--Card_margin);
		padding: var(--Size_06);
		background: var(--Color_FF100);
		border: 1px var(--Color_1D020) solid;
		border-radius: var(--Border-radius_S);
		& dl {
			position: relative;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: center;
			gap: var(--Gap);
			& dt {
				flex-basis: calc( var(--Size_10) * 7 );
				font-size: var(--Size_08);
				color: var(--Color_1D100);
			}
			& dd {
				flex: 1;
				padding: 0 0 0 var(--Size_04);
				font-size: var(--Size_10);
				border-left: 1px var(--Color_1D020) solid;
			}
		}
	}
}