@charset "utf-8";
/* CSS Document */
@media all{
	
/* ファーストビュー */
	#firstimage{
		width: 100%;
		height:24vw;
	}
	#firstimage .text{
		position: absolute;
		width: 100%;
		top: 12vw;
		left: 0;
		transform: translateY(10%);
		-webkit-transform: translateY(10%);
		-ms-transform: translateY(10%);
		color: #fff;
		text-align: center;
		letter-spacing: .1em;
	}
	#firstimage .fvimage{
		width: 100%;
		height: 100%;
	}
	
/* contents */
	#contents{
		padding: 100px 0 140px;
	}
	#contents .accordionlist{
		width: calc(100% - 40px);
		max-width: 740px;
		margin: 0 auto;
		border-bottom: solid 1px #000;
	}
	#contents .accordionlist dt {
		font-size: 1.8rem;
		width: 100%;
		padding: 1em 0.5em 1em;
		border-top: solid 1px #000;
	}
	#contents .accordionlist dt:first-child{
		border-top: none;
	}
	#contents .accordionlist dt:hover {
		cursor: pointer;
	}
	#contents .accordionlist dt span {
		position: relative;
		display: block;
		padding-right: 2em;
		box-sizing: border-box;
	}
	#contents .accordionlist dt span::after {
		position: absolute;
		content: "";
		background: url("./images/arrow_open.svg") no-repeat;
		background-size: contain;
		width: 1.16rem;
		height: 1.16rem;
		top: 0.5em;
		right: 0.5em;
		transition: .3s;
	}
	#contents .accordionlist dt.active span::after {
		transform: rotate(180deg);
		top: 0.3em;
	}
	#contents .accordionlist dd {
		display: none;
		width: 100%;
		margin: 0 auto;
		font-size: 1.6rem;
		padding: 0 0.7em 1.5em;
		overflow: hidden;
	}
	#contents .accordionlist dt,
	#contents .accordionlist dd{
		padding-left: 1.3em;
		text-indent: -1.3em;
	}
	
}

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

/* ファーストビュー */
	#firstimage{
	height: 47vw;
}
	#firstimage .fvimage img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#firstimage .text{
		top: 23.5vw;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	#firstimage .text h2{
		font-size: 2rem;
	}
	
/* contents */
	#contents {
		padding: 40px 0 80px;
	}
	#contents .accordionlist dt {
		font-size: 1.1rem;
	}
	#contents .accordionlist dd {
		font-size: 1rem;
	}
	
}

@media screen and (min-width: 568px) and (max-width: 1024px){

	#firstimage .text h2{
		font-size: 2.5rem;
	}
	
}

@media screen and (min-width: 1025px), print{

	#firstimage .text h2{
		font-size: 3rem;
	}
	
}