@charset "UTF-8";

/*/////////////////////////////
// !index 
/////////////////////////////*/
.qa h3 {
	font-size: 18px;
	color: #063886;
	margin: 50px 0 24px;
}

#t01 dt span, #t01 dd span {
	flex-shrink: 0;
}
#t01 dt p, #t01 dd p {
	padding-right: 24px;
}

.qa dl {
	/* max-height: 111px; */
	overflow: hidden;
	transition: .25s;
	cursor: pointer;
}
.qa dl dt {
	position: relative;
}
.qa dl dt::after {
	content: '▼';
	font-size: 15px;
	color: #063886;
	position: absolute;
	right: 24px;
}

.qa dl.is-open {
	max-height: 1000px !important;
	transition: .5s;
}

.qa dl.is-open dt::after {
	content: '▲';
}

@media screen and (max-width: 768px) {
	.qa h3 {
		font-size: 36px;
	}
	.qa dl.is-open {
		max-height: 2000px !important;
		transition: .5s;
	}
	.qa dl dt::after {
		font-size: 24px;
		right: 50%;
		transform: translateX(50%);
		bottom: 5%;
	}
	#t01 dt, dd {
        padding: 7% 0 9%;
    }
}