#faq.inner {
	max-width: var(--width-large);
	}	
	
	.faqbox {
		padding-top: 100px;
		margin-top: -100px;
	}
	
	.faqbox dl {
		color: var(--white);
		position: relative;
		z-index: 15;
	}
	.faqbox dl:last-child {
		border-bottom: 1px solid var(--opa-white02);
	}
	.faqbox dt {
		padding: 12px 0;
		border-top:1px solid var(--opa-white02);
		cursor: pointer;
		font-family: var(--gs);
		font-size: var(--font-h6);
		display: flex;
		align-items: center;
	}	
	.faqbox dt:before {
		content: "Q ";
		margin: 0;
		font-family: var(--js);
		font-weight: 500;
		background: var(--black);
		color: var(--white);
		width: 25px;
		height: 25px;
		border-radius: 100px;
		display: flex;
		align-items: center;
		justify-content: center;
	}	
	.faqbox dt:after {
        transform: rotate(90deg);
        content: "";
        position: absolute;
        right: 2%;
        top: 3px;
        bottom: 0;
        margin: auto;
        display: flex;
        align-items: center;
        font-size: 10px;
        background: url(../../../assets/images/common/arrow_w.svg) no-repeat;
        width: 12px;
        height: 13px;
        color: #fff;
 }

.faqbox dt.active:after {
        transform: rotate(-90deg);
        bottom: inherit;
        top: 20%;
 }
		
	.faqbox dd {
		display:none;
		padding: 0 0 25px 20px;
	}	
	.faqbox dd p {
		color: var(--white);
		font-size: var(--font-em);
	}	

	.faqbox dd p a {
		color: var(--aqua);
	}
	
	.faqbox dt.active dd {
		display: block;
	}
	
	@media screen and (min-width: 600px) {
	#faq.inner {
	max-width: var(--width-large);
	}	
	
	.faqbox dt {
		padding: 20px 0;
		border-top:1px solid var(--opa-white02);
		cursor: pointer;
		font-family: var(--gs);
		font-size: var(--font-h5);
		display: flex;
		align-items: center;
	}	
	.faqbox dt:before {
		width: 40px;
		height: 40px;
	}	
		
	.faqbox dd {
		display:none;
		padding: 0 0 25px 50px;
	}	

	.faqbox dt.active dd {
		display: block;
	}
	}
	
	@media screen and (min-width: 1024px) {
	#faq.inner {
	max-width: var(--width-large);
	}	

	.faqbox dt {
		padding: 20px 0;
		border-top:1px solid var(--opa-white02);
		cursor: pointer;
		font-family: var(--gs);
		font-size: var(--font-h5);
		display: flex;
		align-items: center;
	}	
	.faqbox dt:after {
		width:18px;
		height:19px;
	}	

	.faqbox dd {
		display:none;
	}	
	.faqbox dd p a {
	text-decoration: underline;
	}	
	.faqbox dd p a:hover {
		text-decoration:none;
	}	
	
	.faqbox dt.active dd {
		display: block;
	}
	}
	
	@media screen and (min-width: 1200px) {
	#faq.inner {
	max-width: var(--width-large);
	}	
	
	.faqbox dl {
		color: var(--white);
	}
	.faqbox dl:last-child {
	}
	.faqbox dt {
		padding: 20px 0;
		border-top:1px solid var(--opa-white02);
		cursor: pointer;
		font-family: var(--gs);
		font-size: var(--font-h5);
		display: flex;
		align-items: center;
	}	

		
	.faqbox dd {
		display:none;
	}	

	.faqbox dt.active dd {
		display: block;
	}
	}