@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	.faq_sub .h1_sub{
		display:block;
		font-size:18px;
	}
	.faq_sub h1 > span{
		border-bottom:#0057b8 2px dashed;
		font-size:34px;
		color:#333;
	}
	
	.faq_sub .faq_sub_box{
		width:100%;
	}
	.faq_sub .faq_sub_box section{
		margin-top:50px;
	}
	.faq_sub .faq_sub_box h2{
		font-size:24px;
	}
	.faq_sub .faq_sub_box .faq_item{
		width:100%;
		margin:20px 0;
		padding:15px 20px;
		background-color:#ececec;
		border-radius:15px;
	}
	.faq_sub .faq_sub_box .faq_item dt,
	.faq_sub .faq_sub_box .faq_item dd{
		width:100%;
		font-size:16px;
	}
	.faq_sub .faq_sub_box .faq_item dt::before{
		content:"Q";
		margin-right:20px;
		vertical-align:middle;
		font-size:28px;
		color:#0057b8;
	}
	.faq_sub .faq_sub_box .faq_item dd::before{
		content:"A";
		display:inline-block;
		margin-right:20px;
		vertical-align:middle;
		font-size:28px;
		color:#0057b8;
	}
	.faq_sub .faq_sub_box .faq_item dt:hover{
		cursor:pointer;
	}
	.faq_sub .faq_sub_box .faq_item dd{
		display:none;
		margin-top:5px;
		padding:5px 20px;
		background-color:#fff;
		border-radius:10px;
	}
	
	.faq_sub .service_detail_box{
		width:100%;
		background-color:#0057b8;
		padding:20px 0;
	}
	.faq_sub .service_detail_box a{
		display:block;
		padding:20px;
		background-color:#fff;
		border:#fff 2px solid;
		border-radius:15px;
		color:#333;
	}
		.faq_sub .service_detail_box a:hover{
			text-decoration:none;
			background-color:#0057b8;
		}
	.faq_sub .service_detail_box .pic{
		margin-right:30px;
	}
	.faq_sub .service_detail_box .pic img{
		border-radius:10px;
	}
	.faq_sub .service_detail_box .desc dt{
		font-size:26px;
	}
	.faq_sub .service_detail_box .desc dd{
		margin-top:5px;
		font-size:15px;
	}
		.faq_sub .service_detail_box a:hover .desc dt span{
			color:#ffe44f;
		}
		.faq_sub .service_detail_box a:hover .desc dt,
		.faq_sub .service_detail_box a:hover .desc dd{
			color:#fff;
		}
	
	.faq_sub .faq_other_box > p > span{
		padding:0 7% 3px;
		border-bottom:#0057b8 2px dashed;
		font-size:16px;
	}
	.faq_sub .faq_other_box > ul li{
		width:32%;
		margin:20px 2% 0;
	}
		.faq_sub .faq_other_box > ul li:not(:nth-child(3n-1)){
			margin-left:0;
			margin-right:0;
		}
	.faq_sub .faq_other_box > ul a{
		display:block;
		padding:5px 0;
		background:#fff url(../imgs/other/pc/icon-arrow_1_2.png) no-repeat 95% center;
		background-size:22px;
		border:#0057b8 1px solid;
		border-radius:30px;
		font-size:14px;
		color:#333;
	}
		.faq_sub .faq_other_box > ul a:hover{
			text-decoration:none;
			background:#0057b8 url(../imgs/other/pc/icon-arrow_1_1.png) no-repeat 95% center;
			color:#fff;
			
		}
		.faq_sub .faq_other_box > ul a:hover span{
			color:#ffe44f;
			transition: all 1s ease;
		}
	

}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	.faq_sub .h1_sub{
		display:block;
		font-size:14px;
	}
	.faq_sub h1 > span{
		display:inline-block;
		border-bottom:#0057b8 2px dashed;
		font-size:25px;
		color:#333;
	}
	
	
	.faq_sub .faq_sub_box section{
		margin-top:50px;
	}
	.faq_sub .faq_sub_box h2{
		font-size:16px;
	}
	.faq_sub .faq_sub_box .faq_item{
		width:100%;
		margin:15px 0;
		padding:15px 20px;
		background-color:#ececec;
		border-radius:15px;
	}
	.faq_sub .faq_sub_box .faq_item dt,
	.faq_sub .faq_sub_box .faq_item dd{
		width:100%;
		font-size:14px;
	}
	.faq_sub .faq_sub_box .faq_item dt::before{
		content:"Q";
		margin-right:20px;
		vertical-align:middle;
		font-size:20px;
		color:#0057b8;
	}
	.faq_sub .faq_sub_box .faq_item dd::before{
		content:"A";
		display:inline-block;
		margin-right:20px;
		vertical-align:middle;
		font-size:20px;
		color:#0057b8;
	}
	.faq_sub .faq_sub_box .faq_item dt:hover{
		cursor:pointer;
	}
	.faq_sub .faq_sub_box .faq_item dd{
		display:none;
		margin-top:5px;
		padding:5px 20px;
		background-color:#fff;
		border-radius:10px;
	}
	
	.faq_sub .service_detail_box{
		width:100%;
		background-color:#0057b8;
		padding:20px 0;
	}
	.faq_sub .service_detail_box a{
		display:block;
		padding:10px;
		background-color:#fff;
		border:#fff 2px solid;
		border-radius:15px;
		color:#333;
	}
	.faq_sub .service_detail_box .pic{
		width:20%;
		margin-right:5%;
		float:left;
	}
	.faq_sub .service_detail_box .pic img{
		border-radius:10px;
	}
	.faq_sub .service_detail_box .desc dt{
		margin-top:1vw;
		font-size:17px;
	}
	.faq_sub .service_detail_box .desc dd{
		margin-top:20px;
		font-size:13px;
	}
	
	.faq_sub .faq_other_box > p{
		padding:0 7% 3px;
		border-bottom:#0057b8 2px dashed;
	}
	.faq_sub .faq_other_box > p > span{
		font-size:15px;
	}
	.faq_sub .faq_other_box > ul li{
		width:100%;
		margin:20px auto 0;
	}
	.faq_sub .faq_other_box > ul a{
		display:block;
		padding:5px 0;
		background:#fff url(../imgs/other/sp/icon-arrow_1_2.png) no-repeat 95% center;
		background-size:5%;
		border:#0057b8 1px solid;
		border-radius:30px;
		font-size:13px;
		color:#333;
	}

}/* End SP */