@charset "utf-8";
/*---------- 共通 ---------*/

/* ------------------------------------------------------------ #faq ------------------------------------------------------------ */
#faq{padding: 70px 0 100px;}
#faq .flex{align-items: center}
#faq .flex h3{font-size: 20px; font-family: 'Noto-Sans-JP-Medium'; padding: 0 43px 0 0;}
#faq .flex h3 span{font-size: 53px;}
#faq .flex p{line-height: 190%; font-size: 15px;}
#faq ul{padding: 52px 0 0;}
#faq ul li{border-radius: 18px; background: #fff; }
#faq ul li:not(:last-child){margin: 0 0 26px}
#faq ul li p{position: relative; color: #000; text-align: left; padding: 0 0 0 37px;}
#faq ul li p .icn_tt{font-size: 30px;font-family: din-1451-lt-pro, sans-serif; font-weight: 400; font-style: normal; position: absolute; top: 0%; left: 0px;}
#faq ul li p .icn_tt.q{color: #1F3D75; top: 50%; transform: translateY(-50%);}
#faq ul li p .icn_tt.a{ color: #E87700;}
#faq ul li .btn{ padding: 40px 23px 40px 42px;}
#faq ul li .btn p{font-family: 'Noto-Sans-JP-Bold';font-size: 22px; line-height: 160%; padding: 0 0 0 37px;}
#faq ul li .btn span.clos{width: 36px; height: 36px; transform: translateY(-50%); top: 50%;display: block; position: absolute; right: 0px;}
#faq ul li .btn span.clos:before{content: ""; display: block; width: 100%; height: 2px; background: #FF8822; transform: rotateZ(-90deg) translateY(-50%); top: 50%; left: 0%; position: absolute; transition: 0.5s;}
#faq ul li .btn span.clos:after{content: ""; display: block; width: 100%; height: 2px; background: #FF8822; transform: translate(-50%,-50%); top: 50%; left: 50%; position: absolute;}
#faq ul li .btn.open span.clos:before{transform: rotateZ(0deg) translateY(-50%); transition: 0.5s;}
#faq ul li .text{display: none;padding: 0 23px 42px 42px;}
#faq ul li .text p{line-height: 175%; padding: 0 0 0 37px;}






@media only screen and (max-width:768px) {
	
	/* ------------------------------------------------------------ #faq ------------------------------------------------------------ */
	#faq{padding: 30px 0 13px;}
	#faq .flex{align-items: center}
	#faq .flex h3{font-size: 20px; display: none;}
	#faq .flex h3 span{font-size: 53px;}
	#faq .flex p{line-height: 190%; font-size: 15px;}
	#faq ul{padding:23px 0 0;}
	#faq ul li{border-radius: 18px;  }
	#faq ul li:not(:last-child){margin: 0 0 26px}
	#faq ul li p{padding: 0 0 0 37px;}
	#faq ul li p .icn_tt{font-size: 30px;}
	#faq ul li .btn{ padding: 17px 58px 12px 17px; font-size: 27px;}
	#faq ul li .btn p{font-size: 18px; line-height: 160%; padding: 0 0 0 37px;}
	#faq ul li p .icn_tt.q { color: #1F3D75; top: 0%; transform: none; }
	#faq ul li .btn span.clos{width: 22px; right: -45px; height: 22px; top: 0%;transform: none;}
	#faq ul li .btn span.clos:before{ height: 2px; }
	#faq ul li .btn span.clos:after{ height: 2px;}
	#faq ul li .text{display: none;padding: 0px 58px 19px 17px;}
	#faq ul li .text p{line-height: 175%; padding: 0 0 0 37px;}
}