.kumiai {
	background: var(--purple);
}
.kyotei {
	background: var(--green);
}

/*====================================================
//// id faq
====================================================*/
#faq .faq_icon {
	background: url('../img/cmn/fluid.svg') no-repeat center / contain;
	display: grid;
		place-content: center;
		place-items: center;
	line-height: 1em;
	padding-top: .1em;
	margin: auto;
	width: 2em;
	height: 2em;
}
.kumiai #faq .faq_icon {
	color: var(--purple);
}
.kyotei #faq .faq_icon {
	color: var(--green);
}
#faq .item-a {
	border-radius: 50px;
	position: relative;
}
#faq .item-a::before,
#faq .item-a::after {
	background: url('../img/cmn/a_deco.svg') no-repeat top center;
	background-size: 100%;
	content: '';
	display: block;
	padding-top: 13.64%;
	position: absolute;
		left: -.15%;
	width: 100.35%;
	height: 0;
	z-index: -1;
}
#faq .item-a::before {
	top: -2px;
}
#faq .item-a::after {
	bottom: -2px;
	transform: rotate(180deg);
}
#faq .item-a .faq_icon {
	position: absolute;
		top: -1em;
		left: 0;
		right: 0;
}
#faq .item-a .detail {
}
#faq .item-a ol li {
	padding-left: 2em;
}
#faq .item-a ol li::before {
	content: '（'counter(number)'）';
	top: -.1em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#faq > .innerBox {
		padding-top: 20px;
	}
	#faq .item-q .faq_icon {
		font-size: 1.7em;
	}
	#faq .item-q h1 {
		font-size: 2.7rem;
	}
	#faq .item-a {
		font-size: 2.0rem;
		margin: 90px auto 0;
		padding: 2em 1.5em;
	}
	#faq .item-a .decoBox {
		right: -4vw;
		top: -90px;
		width: 20%;
		z-index: -10;
	}
	#faq .item-a .decoBox img {
		max-height: 130px;
	}
	#faq .item-a .faq_icon {
		font-size: 1.8em;
	}
	#faq .item-a .detail {
		border-radius: 1em;
		margin: 1em -.7em -.8em;
		padding: 1em 1em;
		width: calc(100% + 1.4em);
	}
}

@media screen and (max-width:500px) {
	#faq .item-q h1 {
		font-size: 1.4em;
	}
	#faq .item-a {
		font-size: 1.1em;
	}
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#faq .innerBox {
		padding-top: 40px;
	}
	#faq .item-q .faq_icon {
		font-size: 3.8rem;
	}
	#faq .item-q h1 {
		font-size: 3.3rem;
	}
	#faq .item-a {
		font-size: 2.5rem;
		margin: 90px auto 0;
		max-width: 880px;
		padding: 2.5em 2em;
	}
	.kumiai #faq .item-a {
		padding-right: 22%;
	}
	.kyotei #faq .item-a:not(.detail_a) {
		padding-right: 22%;
	}
	#faq .item-a .decoBox {
		left: 80%;
		bottom: 25px;
		width: 22%;
	}
	#kyotei-3 #faq .item-a .decoBox {
		bottom: -10px;
	}
	#faq .item-a .faq_icon {
		font-size: 4.3rem;
	}
	#faq .item-a .detail {
		border-radius: 1.5em;
		margin: 1em -.7em -.8em;
		padding: 1.3em 17% 1.3em 1.5em;
		width: calc(100% + 1.4em);
	}
}

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

@media screen and (min-width:1040px) {
	.kumiai #faq .item-a {
		padding-right: 17%;
	}
	.kyotei #faq .item-a:not(.detail_a) {
		padding-right: 17%;
	}
	#faq .item-a .decoBox {
		left: 85%;
		width: 22%;
	}
}

/*====================================================
//// id link
====================================================*/
#link .linkBox {
	margin: auto;
	max-width: 880px;
}
#link .linkBox li:not(li:first-child) {
	margin-top: .7em;
}
#link .linkBox li .icon_link {
	line-height: 1.4;
	padding-left: 1.7em;
	position: relative;
}
#link .linkBox li .icon_link::before {
	content: '';
	display: block;
	margin: auto;
	position: absolute;
		top: .1em;
		left: 0;
	width: 1.3em;
	height: 1.3em;
}
#link .linkBox li .icon-web::before {
	background: url('../img/cmn/link_icon-web.svg') no-repeat top left / contain;
}
#link .linkBox li .icon-pdf::before {
	background: url('../img/cmn/link_icon-pdf.svg') no-repeat top left / contain;
}
#link .linkBox li .icon-video::before {
	background: url('../img/cmn/link_icon-video.svg') no-repeat top left / contain;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#link .linkBox {
		font-size: 1.1em;
	}
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#link .linkBox {
		font-size: 2.6rem;
	}
}

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

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

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

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

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

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

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

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