@charset "UTF-8";

/* faq */
.faq_category { display:flex; justify-content:flex-start; flex-wrap:wrap; padding:0 20px; }
.faq_category li { background:#fff; text-align:center; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.18); }
.faq_category li a { display:block; height:100%; padding:30px 30px 60px; color:#0f74b6; position:relative; }
.faq_category li a:after { display:inline-block; font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f078"; font-size:20px; color:#0f74b6; position:absolute; bottom:20px; left:50%; margin-left:-8px; }
.faq_category li a:hover { background:#0f74b6; color:#fff; }
.faq_category li a:hover img { opacity:1; }
.faq_category li a:hover:after { color:#fff; }
.faq_category li span { display:block; margin-top:20px; font-size:24px; }

.faq_top .con_h3 { text-align:center; margin:60px 0 20px; }
.faq_top .con_h3:first-child { margin-top:0; }
.faq_search { position:relative; width:400px; height:50px; margin:auto; border:1px solid #9fa0a0; border-radius:25px; overflow:hidden; }
.faq_search #search_text { position:absolute; top:0; left:0; width:100%; height:100%; padding:0 15px; font-size:16px; outline:0; border:0; z-index:0; }
.faq_search #search_icon { position:absolute; top:0; right:0; height:100%; padding:0 10px; color:#0f74b6; font-size:20px; cursor:pointer; z-index:1; background:#fff; border:none; }

.sub_category { display:flex; justify-content:flex-start; flex-wrap:wrap; }
.sub_category li a { display:block; padding:12px; color:#0f74b6; background:#fff; border:1px solid #0f74b6; position:relative; }
.sub_category li a:after { display:inline-block; font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f078"; font-size:14px; color:#0f74b6; position:absolute; top:50%; right:15px; margin-top:-10px; }
.sub_category li a:hover { background:#f0f6fb; }
.faq_list_box { background:#fff; padding:40px 50px; }
.faq_list_box + .faq_list_box { margin-top:30px; }
.faq_list_box .con_h3 { text-align:center; }

.faq_detail_box { background:#fff; padding:40px 50px; }
.faq_detail_box .con_h3 { padding-left:60px; position:relative; }
.faq_detail_box .con_h3 > span.en { display:inline-block; position:absolute; top:0; left:0; font-size:40px; line-height:1; }
.faq_detail_box .answer { padding-left:60px; margin-top:60px; position:relative; }
.faq_detail_box .answer > span.en { display:inline-block; position:absolute; top:0; left:0; font-size:40px; line-height:1; color:#D36769; }
.btn.back { margin-top:50px; }


/* 稼働状況 */
#status .con_h3 { text-align:center; margin-bottom:20px; }
#status .con_tbl { width:80%; margin:auto; background:#fff; }
#status .con_tbl tr { vertical-align: middle; }
#status .con_tbl th, #status .con_tbl td { padding:12px; }
#status .con_tbl th { width:auto; text-align:center; background:#c7dbec; }
#status .con_tbl th.num { width:100px; background:none; }
#status .con_tbl td:last-child { width:320px; }
#status .con_tbl td .status { text-align:center; }
#status .con_tbl td .status.ok { color:#36b60f; }
#status .con_tbl td .status.ok:before { font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f00c"; font-size:16px; color:#36b60f; margin-right:8px; }
#status .con_tbl td .status.ng{ color:#dd4646; }
#status .con_tbl td .status.ng:before { font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f00d"; font-size:16px; color:#dd4646; margin-right:8px; }
#status .con_tbl td a { text-decoration:underline; color:#0f74b6; }

@media (min-width: 1001px) {
	.sub_category li { width:24%; margin-right:1.33%; }
	.sub_category li:nth-child(4n) { margin-right:0; }
	.sub_category li:nth-child(n+5) { margin-top:15px; }
}
@media (min-width: 801px) {
	.faq_category li { width:31%; margin-right:3.5%; }
	.faq_category li:nth-child(3n) { margin-right:0; }
	.faq_category li:nth-child(n+4) { margin-top:3.5%; }

	.faq_top .search_list { width:80%; margin:auto; }
}

@media (max-width: 1200px) {
	.faq_category li span { font-size:20px; }

	#status .con_tbl { width:100%; }
}
@media (max-width: 1000px) {
	.faq_category { padding:0; }
	.faq_category li a { padding:20px 10px 45px; }
	.faq_category li a:after { bottom:10px; }
	.faq_category li span { margin-top:15px; }

	.sub_category li { width:32%; margin-right:2%; }
	.sub_category li:nth-child(3n) { margin-right:0; }
	.sub_category li:nth-child(n+4) { margin-top:2%; }
	.faq_list_box { padding:30px; }
	.faq_detail_box { padding:30px; }
	.faq_detail_box .answer { margin-top:40px; }
}
@media (max-width: 800px) {
	.faq_category li { width:48%; margin-right:4%; }
	.faq_category li:nth-child(2n) { margin-right:0; }
	.faq_category li:nth-child(n+3) { margin-top:4%; }
	.faq_category li img { width:100px; }
	.faq_category li span { font-size:18px; }
}
@media (max-width: 600px) {
	.faq_category li span { font-size:16px; }

	.faq_search { width:100%; }
	.faq_search #search_text { font-size:14px; }

	.sub_category li { width:49%; margin-right:2%; }
	.sub_category li:nth-child(3n) { margin-right:2%; }
	.sub_category li:nth-child(n+4) { margin-top:0; }
	.sub_category li:nth-child(2n) { margin-right:0; }
	.sub_category li:nth-child(n+3) { margin-top:2%; }
	.sub_category li a { padding:8px 12px; }
	.sub_category li a:after { font-size:11px; right:10px; margin-top:-8px; }
	.faq_list_box { padding:20px; }
	.faq_detail_box { padding:20px; }
	.faq_detail_box .answer { margin-top:15px; }
	.faq_detail_box .con_h3,
	.faq_detail_box .answer { padding-left:40px; }
	.faq_detail_box .con_h3 > span.en,
	.faq_detail_box .answer > span.en { font-size:30px; }

	#status .con_tbl tr:first-child { display:none; }
	#status .con_tbl th.num { width:100%; }
	#status .con_tbl th +td { border-bottom:0; padding-top:0; padding-bottom:0; }
	#status .con_tbl td:last-child { width:100%; }
}
@media (max-width: 480px) {
	.faq_category li a { padding:10px 10px 35px; }
	.faq_category li a:after { font-size:16px; bottom:5px; }
	.faq_category li { width:100%; margin-right:0; }
	.faq_category li:nth-child(n+2) { margin-top:4%; }
	.faq_category li img { width:70px; }
	.faq_category li span { margin-top:5px; }
}