@charset "UTF-8";
@import url(./common/common.css);
@import url(./common/base.css);


/*----- よくある質問ページ 設定 ----------------------------------------------------*/

article.faq_contents { width:100%; max-width:1000px; padding:30px 0; margin:0 auto; overflow:hidden; }

div#faq_left { width:100%; padding:30px 0; float:left; }
div#faq_right { width:100%; padding:30px 0; float:right; }

ul.faq_menu {  }
ul.faq_menu li{ width:25%; padding:5px 0; text-align:center; float:left; }
ul.faq_menu li a{ width:90%; height:40px; margin:0 auto; font-size:1.0em; color:#fff; line-height:40px; background-color:#108ccf; border-radius:6px; text-align:center; display:block; position:relative; }
ul.faq_menu li a::before { content: ''; width:7px; height:7px; border-bottom:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); position:absolute; left:10%; top:calc(50% - 7px); }

ul.faq_menu li a:hover{ text-decoration:underline; background-color:#66b3cc; }

article.faq_box { width:100%; padding:30px 0; overflow:hidden; }

section.disease { width:90%; padding:20px 5% 0 5%; border-bottom:dotted 1px #aaa; float:left; }

h4.disease_detail_btn { width:100%; padding-bottom:10px; float:left; }

h4.disease_detail_btn span{ width:95%; padding:0 0 0 20px; font-size:1.1em; font-weight:normal; color:#333; line-height:20px; text-align:left; background:url(/img/faq/arrow_b01.png) 0 50% no-repeat; background-size:15px 15px; cursor:pointer; float:left; }
h4.disease_detail_btn span:hover { text-decoration:underline; }
h4.disease_detail_btn span.active { background:url(/img/faq/arrow_b03.png) 0 50% no-repeat; background-size:15px 15px; }

div.disease_box { width:100%; padding:5px 0; margin:0 0 10px 0; background-color:#c5e4f3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:none; float:left; }
div.disease_box p{ width:94%; padding:10px 3%; font-size:1.1em; color:#333; line-height:1.8em; text-align:justify; letter-spacing:0.1em; }
div.disease_box p a{ color:#555; font-weight:bold; text-decoration:underline; }

ul.dw_list { width:80%; margin:10px 15% 10px 5%; overflow:hidden; float:left; }
ul.dw_list li{ width:100%; padding:5px 0; float:left; }

div.faq_image { width:100%; padding:20px 0; text-align:center; overflow:hidden; }
div.faq_image img{ width:50%; max-width:200px; margin:0 auto; }


/*----- 1000px以下の画面設定 ----------------------------------------------------*/

@media screen and (max-width:1000px) {

	ul.faq_menu li{ width:50%; padding:5px 0; margin:0 auto 10px auto; text-align:center; float:left; }

}


/*----- 650px以下の画面設定 ----------------------------------------------------*/

@media screen and (max-width:650px) {



}