@charset "utf-8";
/* CSS Document */

/******* よくあるご質問 *******/
ul.faq_list{list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; border-top: 1px solid #0F218B; border-left: 1px solid #0F218B; margin: 30px 0;}
ul.faq_list li{width: 50%; border-bottom: 1px solid #0F218B; border-right: 1px solid #0F218B;}
ul.faq_list li a{color: #0F218B; display: block; padding: 5px 10px; background: url("../images/arrow_down.png") no-repeat 95% 50%; background-size: 15px auto;}
.faq_category{font-size: 20px; font-weight: bold; padding: 10px; background: #e7f3ff; margin: 20px 0;}
dl.faq_content dt{padding: 15px 0 15px 40px; font-weight: bold; font-size: 16px; background: url("../images/faq_q.png") no-repeat left 50%; background-size: 30px auto;}
dl.faq_content dd{padding:0 0 15px 40px; background: url("../images/faq_a.png") no-repeat left top; background-size: 30px auto; border-bottom: 1px dotted #CCC;}
dl.faq_content dd p.faq_a{padding: 2px 0 10px  0; font-weight: bold; font-size: 16px; color: #0f218b;}
sup{display: inline-block; font-size: 0.75em;vertical-align: 25%}
.indent-1{text-indent: -1em; margin: 0 0 0 1em;}

@media print, screen and (min-width: 767px) {

/******* よくあるご質問 *******/
ul.faq_list{list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; border-top: 1px solid #0F218B; border-left: 1px solid #0F218B; margin: 80px 0;}
ul.faq_list li{width:20%; border-bottom: 1px solid #0F218B; border-right: 1px solid #0F218B; font-size: 15px;}
ul.faq_list li a{color: #0F218B; display: block; padding: 10px 10px; transition: 0.3s ease-in-out; background: url("../images/arrow_down.png") no-repeat 95% 50%; background-size: 21px auto;}
ul.faq_list li a:hover,ul.faq_list li a:focus{color: #FFF; display: block; padding: 10px 10px; background: url("../images/arrow_down_white.png") no-repeat 95% 50% #0F218B; transition: 0.3s ease-in-out;}
.faq_category{font-size: 24px; font-weight: bold; padding: 20px; background: #e7f3ff; margin: 20px 0;}
dl.faq_content{width: 800px; margin: 0 auto 60px;}
dl.faq_content dt{padding: 40px 0 20px 60px; font-weight: bold; font-size: 18px; background: url("../images/faq_q.png") no-repeat left 75%; background-size: 38px auto;}
dl.faq_content dd{padding:0 0 40px 60px; background: url("../images/faq_a.png") no-repeat left top; background-size: 38px auto; border-bottom: 1px dotted #CCC;}
dl.faq_content dd p.faq_a{padding: 5px 0 10px  0; font-weight: bold; font-size: 16px; color: #0f218b;}




}