/*====================================================
//// id 　nav
====================================================*/
#nav .innerBox {
	padding-bottom: 30px;
}
#nav .itemBox {
	grid-gap: .5em;
}
#nav .itemBox a {
	min-width: 6em;
	text-align: center;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#nav .itemBox {
	}
}

@media screen and (max-width:540px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#nav {
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1080px) {
}

@media screen and (min-width:1280px) {
}

/*====================================================
//// id list
====================================================*/
#list .item {
	border-top: solid 1px var(--blue);
}
#list .item:last-child {
	border-bottom: solid 1px var(--blue);
}
#list .item .open dt {
	background: var(--l_blue);
}
#list .item dt .accordion_arrow {
	margin: auto;
	position: absolute;
		top: calc(50% - .6em);
		right: 20px;
}
.accordion .accordion_arrow {
	display: inline-block;
	margin-left: 1em;
	position: relative;
	width: .6em;
	height: 1em;
}
.accordion .accordion_arrow::before {
    border: solid var(--blue);
    border-width: 0 2px 2px 0;
    content: '';
    margin: auto;
    position: absolute;
    top: .1em;
    left: 0;
    right: 0;
    transform: rotate(45deg);
    transition: .2s ease-in-out;
    width: 0.6em;
    height: 0.6em;
}
.accordion.open .accordion_arrow::before {
	top: .5em;
	transform: rotate(-135deg);
}

#list .item dd .accordion-inner {
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#list .headBox .en {
		font-size: 3.6rem;
	}
	#list .headBox.en_jp .jp {
		font-size: 1.3rem;
	}
	#list .item dt {
		padding: 1.2em 50px 1.2em .5em;
	}
	#list .item dd .accordion-inner {
		padding: 1.2em .5em 2.5em;
	}
}

@media screen and (max-width:540px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#list .headBox .en {
		font-size: 4.2rem;
	}
	#list .headBox.en_jp .jp {
		font-size: 1.4rem;
	}
	#list .item dt {
		padding: 1.2em 50px 1.2em 1.5em;
		transition: .2s ease-in-out;
	}
	#list .item dt:hover {
		background: var(--l_blue);
	}
	#list .item dd .accordion-inner {
		padding: 1.2em 1.5em 1.5em;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1280px) {
}

/*====================================================
////id xxx
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (min-width:500px) and (max-width:769px) {
}

@media screen and (max-width:540px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1280px) {
}