@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/
section#faq div.section_inner dl dt{
	cursor: pointer;
}
/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

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

	section#faq {
		padding-top: 4.4vw;
	}
	
	section#faq div.section_inner{
		width: 65.8%;
		max-width: 900px;
		margin: 0 auto;
	}
	
	section#faq div.section_inner h3{
		font-size: 3.0rem;
		font-size: clamp(1.5rem, 2.19vw, 3.0rem);
		font-weight: 500;
		line-height: 1.4;
		letter-spacing: 0.05em;
		margin-bottom: 2em;
		text-align: center;
	}
	
	section#faq div.section_inner dl{
		border-radius: 10px;
		background: #F5F7F7;
		transition-duration: 0.5s;
		transition-property: background;
	}
	
	section#faq div.section_inner dl.ac{
		background: #E4EFEF;
	}
	
	section#faq div.section_inner dl + dl{
		margin-top: 1.6vw;
	}
	
	section#faq div.section_inner dl dt{
		font-size: 2.0rem;
		font-size: clamp(1.0rem, 1.46vw, 2.0rem);
		font-weight: 500;
		line-height: 1.5;
		letter-spacing: 0.08em;
		padding: 1em 1.5em;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	
	section#faq div.section_inner dl dt::before{
		width: 2em;
		font-family: "Montserrat";
		font-size: 2.5rem;
		font-size: clamp(1.75rem, 1.83vw, 2.5rem);
		font-weight: 400;
		content: "Q.";
		color: #188A85;
		display: inline-block;
	}
	
	section#faq div.section_inner dl dt span{
		width: calc(100% - 2.75em);
	}
	
	section#faq div.section_inner dl dd{
		font-size: 1.6rem;
		font-size: clamp(0.8rem, 1.17vw, 1.6rem);
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: 0.08em;
		padding: 0.5em 2em 1.75em;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	
	section#faq div.section_inner dl dd small{
		font-size: 100%;
	}
	
	section#faq div.section_inner dl dd a{
		color: #0088FF;
	}
	
	section#faq div.section_inner dl dd a:hover{
		text-decoration: underline;
	}
	
	section#faq div.section_inner dl dd::before{
		width: 2em;
		font-family: "Montserrat";
		font-size: 2.5rem;
		font-size: clamp(1.75rem, 1.83vw, 2.5rem);
		content: "A.";
		color: #DB6A93;
		display: inline-block;
		margin-top: -0.25em;
	}
	
	section#faq div.section_inner dl dd span{
		width: calc(100% - 3.2em);
	}
}
	

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 750px){
	
	
	
	section#faq {
		padding-top: 10vw;
	}
	
	section#faq div.section_inner{
		width: 88%;
		margin: 0 auto;
	}
	
	section#faq div.section_inner h3{
		font-size: 1.5rem;
		font-size: clamp(1.5rem, calc(0.115rem + 3.846vw), 3.0rem);
		font-weight: 500;
		line-height: 1.6;
		letter-spacing: 0.08em;
		margin-bottom: 1em;
		text-align: center;
	}
	
	section#faq div.section_inner dl{
		border-radius: 1.33vw;
		background: #F5F7F7;
		transition-duration: 0.5s;
		transition-property: background;
	} 
	
	section#faq div.section_inner dl.ac{
		background: #E4EFEF;
	}
	
	section#faq div.section_inner dl + dl{
		margin-top: 1.6vw;
	}
	
	section#faq div.section_inner dl dt{
		font-size: 1.2rem;
		font-size: clamp(1.2rem, calc(0.092rem + 3.077vw), 2.4rem);
		font-weight: 500;
		line-height: 1.5;
		letter-spacing: 0.08em;
		padding: 1em 1.5em;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	
	section#faq div.section_inner dl dt::before{
		width: 2em;
		font-family: "Montserrat";
		font-size: 1.3rem;
		font-size: clamp(1.3rem, calc(0.100rem + 3.333vw), 2.6rem);
		font-weight: 400;
		content: "Q.";
		color: #188A85;
		display: inline-block;
	}
	
	section#faq div.section_inner dl dt span{
		width: calc(100% - 2.5em);
	}
	
	section#faq div.section_inner dl dd{
		font-size: 1.1rem;
		font-size: clamp(1.1rem, calc(0.085rem + 2.821vw), 2.2rem);
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: 0.08em;
		padding: 0.5em 1.75em 1.75em;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	
	section#faq div.section_inner dl dd small{
		font-size: 90%;
	}
	
	section#faq div.section_inner dl dd a{
		color: #0088FF;
	}
	
	section#faq div.section_inner dl dd a:hover{
		text-decoration: underline;
	}
	
	section#faq div.section_inner dl dd::before{
		width: 2em;
		font-family: "Montserrat";
		font-size: 1.3rem;
		font-size: clamp(1.3rem, calc(0.100rem + 3.333vw), 2.6rem);
		content: "A.";
		color: #DB6A93;
		display: inline-block;
	}
	
	section#faq div.section_inner dl dd span{
		width: calc(100% - 2.5em);
	}
}