@charset "UTF-8";
/*==========================
    - 〜479px      ：SP portrait
    - 480px〜599px ：SP landscape
    - 600px〜959px ：tablet
    - 960px〜1279px：small PC
    - 1280px〜     ：large PC
    - 1400px〜     ：largest PC
==========================*/
/* 〜479px：SP portrait
------------------------------ */

#title-bar {
	background-image: url("../../../../art/assets/img/h1_bg.png");
	border-top: 2px solid #ffffff;
}
#title-bar h1 {
	top: calc(50% - 5px);
}
#block-faq {
	width: 100%;
	max-width: inherit;
}
#block-faq .accordion {
	margin: 50px auto;
  width: 90.66666666666666%;
	max-width: 950px;
}
.faqwrap {
	padding-top: 60px;
}
.faq01 {
	background: url("../../../../art/assets/img/bg_paint05.png") no-repeat calc(25% - 56px) 0 / 140px auto;
}
.faq02 {
	background: url("../../../../art/assets/img/bg_paint03.png") no-repeat calc(75% + 90px) 0 / 180px auto;
}
.faq03 {
	background: url("../../../../art/assets/img/bg_paint07.png") no-repeat calc(25% - 20px) 0 / 54px auto;	
}




/* 480px〜599px：SP landscape
------------------------------ */
@media screen and (min-width: 414px) {
	
}

/* 600px〜959px：tablet
------------------------------ */
@media screen and (min-width: 600px) {
	.faqwrap {
		padding-top: 50px;
	}
	.faq01 {
		background-position: calc(25% - 100px) 0;
		background-size: 180px auto;
	}
	.faq02 {
		background-position: calc(75% + 160px) 30px;
		background-size: 240px auto;
	}
	.faq03 {
		background-position: calc(50% - 180px) 0;
		background-size: 70px auto;
	}
}

/* 960px〜1279px：small PC
------------------------------ */
@media screen and (min-width: 960px) {
	#container #title-bar h1 {
		top: calc(50% - 5px);
	}
	.faq01 {
		background-position: calc(50% - 500px) 0;
		background-size: 252px auto;
		
	}
	.faq02 {
		background-position: calc(50% + 480px) 50px;
		background-size: 280px auto;
	}
	.faq03 {
		background-position: calc(50% - 280px) 50px;
		background-size: 80px auto;
	}

}
/* 1280px〜：large PC
------------------------------ */
@media screen and (min-width: 1280px) {
	#container #title-bar {
		height: 220px;
	}
	#container #title-bar h1 {
		top: calc(50% + 10px);
	}
	#title-bar {	
		border-top: none;
	}
}
/* 1400px〜：largest PC
------------------------------ */
@media screen and (min-width: 1400px) {

}