@charset "utf-8";
.contents_ttl{background: #f4f2ec;}
.contents_ttl h2{font-size: 2.8rem;text-align: left;padding: 40px 0;}

/*--------------------------キーワードで調べる--------------------------*/
.ttl03{margin-top:40px;}
.faq_search_area form{position: relative;margin:40px 0;padding:0; text-align:left;}
.faq_search_area .form-text{background: #ededed;border: none;border-radius: 30px;padding: 20px;min-width: 450px;}
.faq_search_area button{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left:400px;background: #4b4b4b;border-radius: 50px;border: none;padding: 10px;line-height: 20px;}
/*--------------------------サイトについて調べる--------------------------*/
.faq_lead {margin:40px 0;line-height:2.5rem;text-align:left;}
.tab-products-faq {display: flex;flex-wrap: wrap;align-items: stretch;margin:40px auto;padding:0;}
.tab-products-faq  li{width: 19%;border: 1px solid #b3b3b3;margin: 10px 5px;padding:5px;}
.tab-products-faq li a {font-weight:bold;text-decoration:none;display:block;text-align:center;background-color:#ededed;padding: 5px 5px;color:#505050;}
.tab-products-faq li a:hover {background-color:#c8c8c8;color:#fff;text-decoration: none;}
hr .dl_hr{display: block !important;width:100% !important;border-bottom: 1px solid #848484 !important;padding:10px 0 !important;}
@media only screen and (max-width: 1070px) {
.tab-products-faq {justyify-content:center;	}
.tab-products-faq  li{width: 29%;border: 1px solid #b3b3b3;margin: 10px auto;}
.tab-products-faq li a {font-weight:bold;text-decoration:none;display:block;text-align:center;padding: 5px 5px;color:#505050;}
}
@media only screen and (max-width: 768px) {
.tab-products-faq  li{width: 100%;border: 1px solid #b3b3b3;margin: 10px auto;}
}

/*--------------------------製品について調べる--------------------------*/

.tab-target-faq ul{display: flex;flex-wrap: wrap;align-items: stretch;margin-top:40px;margin-bottom: 20px;padding-bottom: 20px;}
.tab-target-faq ul:last-child{border-bottom: none;}
.tab-target-faq ul li{width: 20%;padding: 0 0 20px 0;margin-bottom: 40px;text-align:left;border-left: 1px solid #b3b3b3;}
.tab-target-faq ul li img{text-align:center;margin:0 auto;display:block;}
.tab-target-faq ul li:last-child{border-right: 1px solid #b3b3b3;}
.tab-target-faq ul li.bdnone{border-bottom: none;}
.tab-target-faq ul li span{display: block;margin: 10px 20px 5px 20px;font-weight: bold;padding: 0 0 5px 0;border-bottom:1px solid #b3b3b3;}
.tab-target-faq ul li p{margin:7px 20px;padding:0 0 7px 0;border-bottom:1px dotted #505050;}
.tab-target-faq ul li a{display: block;transition: 0.5s ease;}
.tab-target-faq ul li a:hover{opacity: 0.6;text-decoration: underline;}
@media only screen and (max-width: 768px) {
.sec01 .inner > div{width: 70%;margin-right: 10px;}
}
@media only screen and (max-width: 767px) {
section{margin-bottom: 40px;}
.sec01 .inner{margin: 0 auto 40px;}
.sec01 .inner > div{width: 100%;margin-right: 0;}
.sec01 .inner{display: block;}
.sec01 .inner > figure{margin: 30px 0;}
.tab-target-faq ul{flex-wrap: wrap;}
.tab-target-faq ul li{width: 50%;margin-bottom: 20px;}
.tab-target-faq ul li:nth-child(2n) {border-right: 1px solid #b3b3b3;}
.tab-target-faq ul li.bdnone{border-bottom: 1px solid #b3b3b3;}
.tab-target-faq ul li:last-child{border-right: none;}
.tab-target-faq ul li span{font-size: 13px;}
}

.faq_box {display:flex;flex-direction: row;justify-content: space-between;flex-wrap:wrap;margin:60px 0;text-align:left;margin:40px 0;padding:20px 0 40px;border-bottom:1px solid #848484;}
.faq_box figure{width:10%;padding:0;margin:0;}
.faq_box .faq_info {width:90%;padding-left:30px;overflow: hidden;}
.faq_box .faq_info h4 {font-size:2rem;margin:0 0 10px 0;text-align:left;}
.faq_box .faq_info h4 a{text-decoration:underline;}
.faq_box .faq_info h4 a:hover{opacity:0.7;}
.faq_box .faq_info p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.faq_box .faq_info p a:hover{opacity:0.7;}
.faq_lead {text-align:left; margin:20px 0;}
.faq_lead figure{text-align:center; margin:40px 0;}
@media only screen and (max-width: 768px) {
.faq_box {flex-wrap: wrap;}
.faq_box figure, .faq_box .faq_info{width:100%;padding:0;margin:0 auto 40px;flex-wrap: wrap;}
}
/*--------------------------ページ送り--------------------------*/
.nav-links{padding:2em;display:flex;justify-content:center;background:#f3f3f;}
.nav-links a,.nav-links span{width:50px;height:50px;margin:2px;line-height:50px;text-align:center;font-size:14px;font-weight:bold;text-decoration:none;background:#fff;color:#222;transition:.3s;}
.nav-links a:hover{background:#505050;color:#fff;}
.nav-links .current{background:#505050;color:#fff;}
.nav-links .dots{background:none;}

/*--pagenavi--*/
.wp-pagenavi { padding:2em;display:flex;justify-content:center;background:#f3f3f;}
.wp-pagenavi .pages,
.wp-pagenavi .current,
.wp-pagenavi a {width:50px;height:50px;margin:2px;line-height:50px;text-align:center;font-size:14px;font-weight:bold;text-decoration:none;background:#fff;color:#222;transition:.3s;}
.wp-pagenavi .current,
.wp-pagenavi a:hover {background:#505050;color:#fff;}