@charset "utf-8";

/* --------------------------------------------------
   PC styles from ../faq_pc.css
-------------------------------------------------- */
@media print, screen and (min-width: 640px) {
	/* -------------------------------------------------- */
	/* よくある質問*/
	/* -------------------------------------------------- */
	/* メインイメージ */
	.fv {
		background-image: url(../../img/fv_bg_faq.webp);
	}
	
	
	#faqSe1 {
		width: 1000px;
		margin: 0 auto 100px;
	}
	
	.faq_toggle {
		margin-bottom: 20px;
	}
	
	#faqSe1 h2 {
		padding: 0 30px;
		background-image: url(../../img/common/arrow_gold_vertical.png);
		background-position: right 30px bottom 50%;
		background-repeat: no-repeat;
		font-size: 2.1rem;
		color: #dac495;
		border: 1px #dac495 solid;
		position: relative;
	}
	
	#faqSe1 h2.active {
		background-image: url(../../img/common/arrow_gold_vertical_up.png);
	}
	
	#faqSe1 h2 a {
		color: #dac495;
		display: block;
		padding: 17px 0;
	}
	
	.faqtoggleText {
		padding: 30px;
		display: none;
		border-left: 1px #dac495 solid;
		border-right:  1px #dac495 solid;
		border-bottom:  1px #dac495 solid;
		font-size: 1.6rem;
		line-height: 1.5;
		letter-spacing: 0.1em;
		color: #fff;
	}
	
	.faqtoggleText span.faqA {
		font-weight: bold;
	}
	
	faqtoggleText a {
		color: #dac495;
		text-decoration: underline;
	}
	
	#faqSe1 p a:hover, #faqSe1 p a:active{
	  text-decoration: underline;
	}
}

/* --------------------------------------------------
   SP styles from ../faq_sp.css
-------------------------------------------------- */
@media screen and (max-width: 639px) {
	/* -------------------------------------------------- */
	/* よくある質問ページ */
	/* -------------------------------------------------- */
	/* メインイメージ */
	#spFv {
		background-image: url(../../img/fv_bg_faq.webp);
	}
	
	#faqSe1 {
		width: 100%;
		margin: 0 auto 40px;
		padding: 15px 15px 0;
	}
	
	.faq_toggle {
		margin-bottom: 15px;
	}
	
	#faqSe1 h2 {
		padding: 0 10px;
		background-image: url(../../img/common/arrow_gold_vertical.png);
		background-position: right 10px bottom 50%;
		background-repeat: no-repeat;
		background-size: 10px 12.5px;
		font-size: 1.6rem;
		color: #dac495;
		border: 1px #dac495 solid;
		position: relative;
		padding-right: 30px;
	}
	
	#faqSe1 h2.active {
		background-image: url(../../img/common/arrow_gold_vertical_up.png);
	}
	
	#faqSe1 h2 a {
		color: #dac495;
		display: block;
		padding: 10px 0;
	}
	
	.faqtoggleText {
		padding: 15px;
		display: none;
		border-left: 1px #dac495 solid;
		border-right:  1px #dac495 solid;
		border-bottom:  1px #dac495 solid;
		font-size: 1.2rem;
		line-height: 1.5;
		letter-spacing: 0.1em;
		color: #fff;
	}
	
	.faqtoggleText span.faqA {
		font-weight: bold;
	}
	
	faqtoggleText a {
		color: #dac495;
		text-decoration: underline;
	}
	
	#faqSe1 p a:hover, #faqSe1 p a:active{
	  text-decoration: underline;
	}
	
	
	/*
	#faqSe1 {
		width: 90%;
		margin: 0 auto 8%;
		font-size: 108%;
		color: #666666;
		line-height: 1.625;
		overflow: hidden;
	}
	
	#faqSe1 h2 {
		background: url(../../img/icon9.png) 98% center no-repeat;
		font-size: 100%;
		color: #666666;
		font-weight: bold;
		margin-bottom: 5%;
		border: 1px #0A7C25 solid;
		position: relative;
		padding: 10px 15px 10px 10px;
		-webkit-background-size: 10px 6px;
		background-size: 10px 6px;
	}
	
	#faqSe1 h2.active {
		background: url(../../img/icon10.png) 98% center no-repeat;
		-webkit-background-size: 10px 6px;
		background-size: 10px 6px;
	}
	
	.faqtoggleText {
		display: none;
		padding-bottom: 20px;
	}
	
	#faqSe1 h2 img {
		position: absolute;
		right: 20px;
		top: 19px;
	}
	
	#faqSe1 h2 a {
		color: #0A7C25;
		display: block;
		vertical-align: top;
	}
	
	#faqSe1 p {
		font-size: 100%;
		color: #666666;
		line-height: 1.625;
		padding: 0 0 8% 40px;
	}
	
	.faqtoggleText {
		margin: 0 2%;
	}
	
	.faqtoggleText span {
		margin-right: 9px;
	}
	
	#faqSe1 p a {
		color: #da2805;
	}
	
	#faqSe1 p a:hover,
	#faqSe1 p a:active {
		color: #666666;
	}
	*/
}