@charset "UTF-8";

/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	.main{
		margin-bottom: 160px;
	}
	.faq{
		width: 74%;
		margin: 0 auto 32px;
		border-radius: 20px;
		padding: 40px;
		background: #F6F6F6 ;
	}
	
	.faq dt{
		position: relative;
		cursor: pointer;
		font-weight: 700;
		padding-left: 64px;
		background: #F6F6F6 url("../imgs/common/icon_down.png") no-repeat right center;
		background-size: 16px 8px;
		
	}
	.faq dt.close{
		background: #F6F6F6 url("../imgs/common/icon_up.png") no-repeat right center;
		background-size: 16px 8px;
	}
	.faq dd{
		position: relative;
		padding-left: 64px;
		display: none;
		margin-top: 32px;

	}
	.faq dt::before{
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		display: inline-block;
		content: 'Q';
		font-family: "Poppins", sans-serif;
		font-size: 2.0rem;
		background:#0055B8;
		color: #fff;
		width: 40px;
		height: 40px;
		border-radius: 20px;
		text-align: center;
		line-height: 40px;
		
	}
	
	.faq dd::before{
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		display: inline-block;
		content: 'A';
		font-family: "Poppins", sans-serif;
		font-size: 2.0rem;
		background:#fff;
		color: #0055B8;
		width: 40px;
		height: 40px;
		border-radius: 20px;
		text-align: center;
		line-height: 40px;
		margin-right: 24px;
		border: solid 1px #0055B8;
	}
	
}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
.main{
		margin-bottom: 120px;
	}
	.faq{
		width: 86%;
		margin: 0 auto 32px;
		border-radius: 20px;
		padding: 32px 24px 32px 24px;
		background: #F6F6F6 ;
		font-size: 1.4rem;

	}
	
	.faq dt{
		position: relative;
		cursor: pointer;
		font-weight: 700;
		padding-left: 48px;
		padding-right: 24px;
		background: #F6F6F6 url("../imgs/common/icon_down.png") no-repeat right center;
		background-size: 14px 7px;
		
	}
	.faq dt.close{
		background: #F6F6F6 url("../imgs/common/icon_up.png") no-repeat right center;
		background-size: 14px 7px;
	}
	.faq dd{
		position: relative;
		padding-left: 48px;
		display: none;
		margin-top: 32px;

	}
	.faq dt::before{
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		display: inline-block;
		content: 'Q';
		font-family: "Poppins", sans-serif;
		font-size: 1.6rem;
		background:#0055B8;
		color: #fff;
		width: 34px;
		height: 34px;
		border-radius: 17px;
		text-align: center;
		line-height: 34px;
		
	}
	
	.faq dd::before{
		position: absolute;
		top: 50%;
		left: 0%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		display: inline-block;
		content: 'A';
		font-family: "Poppins", sans-serif;
		font-size: 1.6rem;
		background:#fff;
		color: #0055B8;
		width: 34px;
		height: 34px;
		border-radius: 17px;
		text-align: center;
		line-height: 34px;
		margin-right: 24px;
		border: solid 1px #0055B8;
	}
	
}/* End SP */