@charset "Shift-JIS";


@media screen and (min-width : 960px){

	#content #wrap section.faqList{
		padding-top: 65px;
	}
	#content #wrap section.faqList:first-of-type{
		padding-top: 80px;
	}
	#content #wrap section.faqList:last-of-type{
		padding-bottom: 120px;
	}

	#content #wrap section.faqList dl{
		position: relative;
		border-bottom: 1px solid #004ea2;
	}
	#content #wrap section.faqList dl:first-of-type{
		border-top: 1px solid #004ea2;
	}
	#content #wrap section.faqList dt{
		display: flex;
		align-items: flex-start;
		position: relative;
		transition: background-color 0.3s linear;
		padding: 10px 0;
		background-color: #f5f5f5;
		color: #004ea2;
		cursor: pointer;
	}
	#content #wrap section.faqList dt:before{
		content: "";
		position: absolute;
		top: 50%;
		right: 17px;
		transform: translateY(-50%);
		width: 20px;
		height: 1px;
		background-color: #0c56a6;
	}
	#content #wrap section.faqList dt:after{
		content: "";
		position: absolute;
		top: 50%;
		right: 17px;
		transform: translateY(-50%) rotate(-90deg);
		width: 20px;
		height: 1px;
		background-color: #0c56a6;
	}
	#content #wrap section.faqList dt .num{
		padding: 0.625rem 0;
		width: 4rem;
		text-align: center;
		font-size: 1.11rem;
		line-height: 1.6;
	}
	#content #wrap section.faqList dt .question{
		padding: 0.625rem 1rem;
		border-left: 1px solid #004ea2;
		font-size: 0.88rem;
		line-height: 2;
		box-sizing: border-box;
		max-width: 86%;
	}

	#content #wrap section.faqList dd.accordion{
		display: none;
		transition: background-color 0.3s linear;
		padding-bottom: 10px;
		background-color: #f5f5f5;
	}

	#content #wrap section.faqList .acd-check{
		display: none;
	}

	#content #wrap section.faqList .acd-check:checked + .acd-label + .accordion{
		transition: background-color 0.3s linear;
		background-color: #fff;
		display: block;
	}

	#content #wrap section.faqList dd.accordion .answer{
		margin-left: 4.7rem;
		padding: 20px 22px 16px 0;
		border-top: 1px dashed #004ea2;
		font-size: 0.77rem;
		line-height: 1.71;
	}

	#content #wrap section.faqList .acd-check:checked + .acd-label + dt{
		transition: background-color 0.3s linear;
		background-color: #fff;
	}
	#content #wrap section.faqList .acd-check:checked + .acd-label dt{
		transition: background-color 0.3s linear;
		background-color: #fff;
	}
	#content #wrap section.faqList .acd-check:checked + .acd-label dt:after{
		display: none;
	}

	#content #wrap section.interviewer{
		padding: 65px 0 55px;
		text-align: center;
		font-size: 0.88rem;
	}
	#content #wrap section.interviewer a{
		padding-bottom: 2px;
		border-bottom: 1px solid #0f58a7;
		color: #0f58a7;
	}
	#content #wrap section.interviewer a:hover{
		opacity: 0.6;
	}

}@media screen and (max-width : 959px){

	#contents h3.light:first-of-type p{
		max-width: 79vw;
	}

	#content #wrap section.faqList{
		padding-top: 12vw;
	}
	#content #wrap section.faqList:last-of-type{
		padding-bottom: 17.19vw;
	}

	#content #wrap section.faqList dl{
		position: relative;
		border-bottom: 1px solid #004ea2;
	}
	#content #wrap section.faqList dl:first-of-type{
		border-top: 1px solid #004ea2;
	}
	#content #wrap section.faqList dt{
		display: flex;
		align-items: center;
		position: relative;
		transition: background-color 0.3s linear;
		padding: 2.96% 0;
		background-color: #f5f5f5;
		color: #004ea2;
		cursor: pointer;
	}
	#content #wrap section.faqList dt:before{
		content: "";
		position: absolute;
		top: 50%;
		right: 2.96%;
		transform: translateY(-50%);
		width: 6.27%;
		height: 1px;
		background-color: #0c56a6;
	}
	#content #wrap section.faqList dt:after{
		content: "";
		position: absolute;
		top: 50%;
		right: 2.96%;
		transform: translateY(-50%) rotate(-90deg);
		width: 6.27%;
		height: 1px;
		background-color: #0c56a6;
	}
	#content #wrap section.faqList dt .num{
		padding: 10px 0;
		width: 20%;
		text-align: center;
		font-size: 1.06rem;
		line-height: 1.6;
	}
	#content #wrap section.faqList dt .question{
		padding: 2.96% 14.22% 2.96% 3.56%;
		border-left: 1px solid #004ea2;
		width: 80%;
		font-size: 0.93rem;
		line-height: 1.58;
		text-align: left;
	}
	#content #wrap section.faqList dd.accordion{
		display: none;
		transition: background-color 0.3s linear;
		padding-bottom: 10px;
		background-color: #f5f5f5;
	}

	#content #wrap section.faqList .acd-check{
		display: none;
	}

	#content #wrap section.faqList .acd-check:checked + .acd-label + .accordion{
		transition: background-color 0.3s linear;
		background-color: #fff;
		display: block;
	}

	#content #wrap section.faqList dd.accordion .answer{
		margin-left: 20%;
		padding: 5.93% 6.52% 4.74% 0;
		border-top: 1px dashed #004ea2;
		font-size: 0.86rem;
		line-height: 1.54;
		text-align: left;
	}

	#content #wrap section.faqList .acd-check:checked + .acd-label + dt{
		transition: background-color 0.3s linear;
		background-color: #fff;
	}
	#content #wrap section.faqList .acd-check:checked + .acd-label dt{
		transition: background-color 0.3s linear;
		background-color: #fff;
	}
	#content #wrap section.faqList .acd-check:checked + .acd-label dt:after{
		display: none;
	}

	#content #wrap section.interviewer{
		padding: 12vw 0 0 0;
		text-align: center;
		font-size: 0.93rem;
	}
	#content #wrap section.interviewer p{
		line-height: 1.78;
	}
	#content #wrap section.interviewer a{
		border-bottom: 1px solid #0f58a7;
		color: #0f58a7;
	}


}


