@charset "UTF-8";

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

.menu {
	position: relative;
	margin: 0 auto;
	width: calc(630vw / 7.5);
}
.menu__item {
	position: relative;
	margin-top: calc(18vw / 7.5);
}
.menu__item-link {
	padding: calc(15vw / 7.5) calc(25vw / 7.5);
	font-size: calc(28vw / 7.5);
	line-height: calc(30em / 28);
	font-weight: bold;
	color: #FFF !important;
	background: #292C4B;
	display: block;
	cursor: pointer;
}
.menu__item-link dt {
	float: left;
	width: calc(110vw / 7.5);
}
.menu__item-link dd {
	float: left;
	width: calc(420vw / 7.5);
}
.menu__item-link:after {
	position: absolute;
	top: 0;
	right: 0;
	width: calc(75vw / 7.5);
	padding: calc(15vw / 7.5) calc(25vw / 7.5);
	font-family: "Font Awesome 5 Free";
	font-size: calc(28vw / 7.5);
	line-height: calc(30em / 28);
	font-weight: bold; /* 重要 */
	text-align: right;
	color: #EDC951;
	content: '\f13a';
	display: block;
}
.menu__item-link.active:after { /* 最初から開けておく */
	content: '\f139';
}
.submenu {
	display: none;
}
.submenu.open { /* 最初から開けておく */
	display: block;
}
.submenu__item {
	margin-top: calc(9vw / 7.5);
	padding: calc(18vw / 7.5) 0;
	font-size: calc(28vw / 7.5);
	line-height: calc(42 / 28);
	font-weight: bold;
}
.submenu__item__list {
	padding-bottom: 12px;
	font-size: calc(25vw / 7.5);
	line-height: calc(39 / 25);
	font-weight: normal;
}
.submenu__item__list dt {
	float: left;
	width: calc(100vw / 7.5);
}
.submenu__item__list dd {
	float: left;
	width: calc(530vw / 7.5);
}

/* 定義リストの場合
.submenu__item {
	margin-top: calc(3vw / 7.5);
	font-size: calc(25vw / 7.5);
	line-height: calc(39em / 25);
}
.submenu__item dt {
	padding: calc(12vw / 7.5) calc(25vw / 7.5) calc(1.5vw / 7.5);
	font-weight: bold;
	background: #F2F2F2;
}
.submenu__item dd {
	padding: calc(1.5vw / 7.5) calc(25vw / 7.5) calc(12vw / 7.5);
	background: #F2F2F2;
}
*/

}	/* 削除注意 */

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

.menu {
	position: relative;
	margin: 0 auto;
	width: 520px;
}
.menu__item {
	position: relative;
	margin-top: 30px;
}
.menu__item-link {
	padding: 9px 20px;
	font-size: calc(22rem / 16);
	line-height: calc(27em / 22);
	font-weight: bold;
	color: #FFF !important;
	background: #292C4B;
	display: block;
	cursor: pointer;
}
.menu__item-link dt {
	float: left;
	width: 80px;
}
.menu__item-link dd {
	float: left;
	width: 370px;
}
.menu__item-link:after {
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	padding: 9px 20px 9px 3px;
	font-family: "Font Awesome 5 Free";
	font-size: calc(22rem / 16);
	line-height: calc(27em / 22);
	font-weight: bold; /* 重要 */
	text-align: right;
	color: #EDC951;
	content: '\f13a';
	display: block;
}
.menu__item-link.active:after { /* 最初から開けておく */
	content: '\f139';
}
.submenu {
	display: none;
}
.submenu.open { /* 最初から開けておく */
	display: block;
}
.submenu__item {
	margin-top: 6px;
	padding: 12px 0 0;
	font-size: calc(19rem / 16);
	line-height: calc(27em / 19);
	font-weight: bold;
}
.submenu__item__list {
	margin-top: 3px;
	padding-bottom: 12px;
	font-size: calc(16rem / 16);
	line-height: calc(24em / 16);
	font-weight: normal;
}
.submenu__item__list dt {
	float: left;
	width: 60px;
}
.submenu__item__list dd {
	float: left;
	width: 460px;
}
.menu.left {
	float: left;
}
.menu.right {
	float: right;	
}

/* 定義リストの場合
.submenu__item {
	margin-top: 3px;
	font-size: calc(19rem / 16);
	line-height: calc(27em / 19);
	display: flex;
}
.submenu__item dt {
	float: left;
	width: 357px;
	padding: 15px 20px;
	font-weight: bold;
	background: #F2F2F2;
}
.submenu__item dd {
	float: left;
	margin-left: 3px;
	width: 600px;
	padding: 15px 20px;
	background: #F2F2F2;
}
*/

}	/* 削除注意 */