@charset "utf-8";
/*-------------------------
	index.html style
	created: 2021.07.20
	updated: 2022.02.10
---------------------------*/

.btngroup h4 {
	margin-left: 0;
}

.btngroup h5 {
	margin-left: 10px;
}

/*--------------
	os
---------------*/
#os a {
	display: block;
	width: calc(100% - 190px);
	height: auto;
}

#os a ul {
	max-width: 100%;
}

/*--------------
	A
---------------*/
#Aa ul {
	max-width: calc(100% - 175px);
}

.A-child {
	margin-left: 190px;
}

#Aa1-1 {
	max-width: calc(100% - 289px);
	margin: 0 0 0 5px;
	column-gap: 10px;
	flex-wrap: nowrap;
}

#Aa1-1 h6 {
	width: 112px;
	height: 74px;
	font-size: 0.8rem;
	margin: 0;
}

#Aa1-1 ul {
	max-width: 100%;
}


#Aa2 ul {
	max-width: calc(100% - 175px);
}

/* 3ボタン連続 */
#Aa2 ul li:first-child,
#Aa2 ul li:first-child a {
	width: 332px;
}

#Ab ul,
#Ab1 ul,
#Ab2 ul {
	max-width: calc(100% - 175px);
}

#Aa2,
#Ab1, #Ab2 {
	column-gap: 10px;
}


/*--------------
	B
---------------*/
#Ba ul, #Ba1 ul, #Ba2 ul,
#Bb ul, #Bb1 ul, #Bb2 ul,
#Bc ul, #Bc1 ul, #Bc2 ul {
	max-width: calc(100% - 175px);
}

.B-child {
	margin-left: 190px;
}

#Ba1, #Ba2,
#Bb1, #Bb2,
#Bc1, #Bc2 {
	column-gap: 10px;
}


/* -Tablet- 600px-1024px */
@media screen and (max-width: 1024px){
	
	.btngroup {
		flex-wrap: wrap;
	}
	
	.btngroup .btngroup {
		flex-wrap: nowrap;
		column-gap: 15px;
	}
	
	.btngroup h3 {
		margin-bottom: 10px;
	}

	.btngroup h4 {
		margin-left: 10px;
	}

	.btngroup h5 {
		margin-left: 20px;
	}
	
	.group {
		max-width: 100%;
		column-gap: 15px;
	}
	
	/*--------------
		A
	---------------*/
	.A-child {
		margin-left: 0;
	}
	
	#Aa1-1 {
		overflow-x: visible;
		margin-bottom: 0;
	}
	
	#Aa1-1 h6 {
		margin-right: 25px;
	}
	
	/* 3ボタン連続 */
	#Aa2 ul li:first-child,
	#Aa2 ul li:first-child a {
		width: 352px;
	}
	
	#Aa2,
	#Ab1, #Ab2 {
		column-gap: 15px;
	}
	
	/*--------------
		B
	---------------*/
	.B-child {
		margin-left: 0;
	}
	
	#Ba1, #Ba2,
	#Bb1, #Bb2,
	#Bc1, #Bc2 {
		column-gap: 15px;
	}
}

/* -SP- -599px */
@media screen and (max-width: 599px){
}