@charset "utf-8";

/**
 *
 *  FAQ・よくあるご質問  .sec_faq .sec_contact
 *
 */

/*--------------------------------------------------------------------------
	FAQ・よくあるご質問  .sec_faq .sec_contact
---------------------------------------------------------------------------*/
	.sec_faq,
	.sec_contact{
/*		background: linear-gradient(180deg, #EAEFF2BF, #EAEFF2BF, #EAEFF2, #EAEFF2, #EAEFF2, #EAEFF2BF);*/
		position: relative;
	}
	.sec_faq .sec_bg,
	.sec_contact .sec_bg {
		position: absolute;
		-webkit-background-size: cover;
		background-size: cover;
		width: 100%;
		height: 100%;
		opacity: 0.2;
	}
	
	/* .previews */
	.sec_faq .cont .previews,
	.sec_contact .cont .previews {
/*		background: #EAEFF2BF;*/
	}
	section.sec_faq .cont .previews dl,
	section.sec_contact .cont .previews dl {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-evenly;
		align-content: flex-start;
		align-items: flex-start;
		padding: 0 60px;
	}
	section.sec_faq .cont .previews dl > div {
		position: relative;
		width: 40%;
		min-width: 350px;
		max-width: 400px;
		min-height: 180px;
		background: inherit !important;
		margin-bottom: 30px;
		padding: 0;
		z-index: 1;
	}

	section.sec_faq .cont .previews dl > div > a {
    	border-radius: 15px;
	}

	section.sec_faq .cont .previews dl > div > a > div {
		background: #FFE25E;
		border: 2px solid #0088DC;
		border-radius: 15px;
    	padding: 20px 25px 25px;
	}
	section.sec_faq .cont .previews dl > div > a > div span {
		display: inline !important;
	}
	section.sec_faq .cont .previews .cont_icons,
	section.sec_contact .cont .previews .cont_icons {
		width: 100%;
		max-width: 200px;
	}
	section.sec_faq .cont .previews dt,
	section.sec_contact .cont .previews dt {
		font-size: 2.2rem;
		line-height: 1.2em;
	}
	section.sec_faq .cont .previews dt div  {
		padding-left: 5px;
		padding-bottom: 5px;
		font-size: 2.4rem;
		line-height: 1.35em;
	}
	section.sec_faq .cont .previews dd,
	section.sec_contact .cont .previews dd {
		padding-left: 5px;
		font-size: 1.6rem;
		line-height: 2.0em;
	}

	/* .previews_image */
	.sec_faq .cont img.cont_icons,
	.sec_contact .cont img.cont_icons {
	}


	section.sec_faq .cont .previews > div,
	section.sec_contact .cont .previews > div {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: flex-start;
		justify-content: center;
		align-items: flex-start;
		padding: 0 60px;
	}
	section.sec_faq .cont .previews > div div,
	section.sec_contact .cont .previews > div div.sec_contact_phone,
	section.sec_contact .cont .previews > div div.sec_contact_mail {
		width: 40%;
		min-width: 400px;
		padding: 20px;
	}
	section .cont .previews div > span,
	section .cont .previews li > span {
		position: relative;
	}
	section.sec_faq .cont .previews .faq-hoken .cont_icons,
	section.sec_faq .cont .previews .faq-maintenance .cont_icons {
		position: relative;
		left: 50%;
		width: 100%;
		max-width: 180px;
		transform: translate(-50%,0);
	}
	section.sec_contact .cont .previews .cont_icons {
		position: relative;
		width: 100%;
	}
	section.sec_faq .cont .previews > div > a,
	section.sec_contact .cont .previews > div > a {
		display: flex;
		border-radius: 35px;
		margin: 0px 30px;
	}
	section.sec_faq .cont .previews > div div span,
	section.sec_contact .cont .previews > div div span {
		display: inline-block;
		font-size: 2.8rem;
		font-weight: 600;
	}

	section.sec_contact .cont .previews div.sec_contact_phone,
	section.sec_contact .cont .previews div.sec_contact_mail {
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		background: #DC143C;
		border: 2px solid #0088DC;
		padding: 12px !important;
		border-radius: 35px;
		color: #FFF;
	}
	section.sec_contact .cont .previews div.sec_contact_phone svg,
	section.sec_contact .cont .previews div.sec_contact_mail svg {
		width: 1.2em;
		height: 1.2em;
		fill: #FFF;
	}
	section.sec_contact .cont .previews a div.sec_contact_phone > span,
	section.sec_contact .cont .previews a div.sec_contact_mail > span {
		height: 1.35em;
		padding-right: 10px;
		margin-bottom: 0;
	}

	section.sec_contact .cont .previews div.sec_contact_phone div.contact_text span,
	section.sec_contact .cont .previews div.sec_contact_mail div.contact_text span {
		margin: inherit;
		color: #FFF;
		line-height: normal;
	}

	.sec_faq .cont .btn_more a {
		background: #FFF;
	}

	section.sec_faq .cont .previews *:not(.btn_more) a:link,
	section.sec_faq .cont .previews *:not(.btn_more) a:visited,
	section.sec_contact .cont .previews *:not(.btn_more) a:link,
	section.sec_contact .cont .previews *:not(.btn_more) a:visited {
		text-decoration: none;
	}
/*	section.sec_faq .cont .previews a:hover,
	section.sec_contact .cont .previews a:hover {
		text-decoration: underline;
	}*/


/* @pc wide **************************************************/
@media all and (min-width: 1626px){

}

/* @sp **************************************************/
@media all and (max-width: 1100px){

}

/* @sp **************************************************/
@media all and (max-width: 950px){
	section.sec_faq .cont .previews > div,
	section.sec_contact .cont .previews > div {
		flex-wrap: wrap;
	}	
}

/* @sp **************************************************/
@media all and (max-width: 612px){
	section.sec_faq .cont .previews dl > div,
	section.sec_contact .cont .previews > div div.sec_contact_phone,
	section.sec_contact .cont .previews > div div.sec_contact_mail {
        width: 76%;
		min-width: 320px;
	}
	.c-button_anchor {
		margin-bottom: 20px !important;
	}
	.c-button_anchor:hover {
		margin-bottom: 20px !important;
	}
}