
/*====================================================
//// id 　main
====================================================*/
#main .linkBox {
	grid-gap: 6px;
	margin-top: -15px;
}
#main .linkBox .link-item {
	max-width: 50%;
}
#main .linkBox .linkBtn {
	min-width: 0;
	width: 100%;
		max-width: none;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#main .itemBox {
		height: 80vw;
			max-height: 400px;
	}
}

@media screen and (max-width:540px) {
	#main .itemBox {
	}
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#main .itemBox {
		height: 40vw;
			max-height: 700px;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1550px) {
}

/*====================================================
//// id list
====================================================*/
#list .item {
	border-top: solid 1px #707070;
}
#list .item:last-child {
	border-bottom: solid 1px #707070;
}
#list .item dt {
	padding: 1.2em 50px 1.2em 1em;
	transition: .2s ease-in-out;
}
#list .item .open dt {
	background: #f6f6f6;
}
.accordion .accordion_arrow {
    display: inline-block;
    margin-left: 1em;
    position: relative;
    width: .6em;
    height: 1em;
}
.accordion .accordion_arrow::before {
    border: solid #000;
    border-width: 0 1px 1px 0;
    content: '';
    margin: auto;
    position: absolute;
    top: 0.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: 0.5em;
    transform: rotate(-135deg);
}
#list .item dt .accordion_arrow {
	margin: auto;
	position: absolute;
		top: calc(50% - .6em);
		right: 20px;
}
#list .item dd .accordion-inner {
	border-top: solid 1px #e0e0e0;
	padding: 1.2em 1em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#list .headBox .en {
		font-size: 3.6rem;
	}
}

@media screen and (max-width:540px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#list .headBox .en {
		font-size: 4.2rem;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1550px) {
}

/*====================================================
//// id 　
====================================================*/

/* ////////// mobile ////////// */
@media screen 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:1550px) {
}
