.fixNav { width: 100%; background: white; position: inherit; top: 0px; left: 0px; margin-top: 0px; padding-top: 0px; z-index: 100; }

.fixSpace { height: 190px; display: none; }

@media screen and (max-width: 768px) { .fixNav { display: none; }
  .fixSpace { height: 0px; } }
/******************************************************
 container 
******************************************************/
.container { max-width: 1000px; margin: auto; width: 90%; padding: 0px 0 50px; }

.p-taitle { background: #0075c2; text-align: center; color: #fff; padding: 40px 0; font-size: 26px; }

.faq-list { font-size: 0px; text-align: center; margin: auto; max-width: 900px; padding-top: 50px; padding-bottom: 20px; }
.faq-list li { display: inline-block; vertical-align: top; width: 24%; margin-right: 1.33333333333%; margin-bottom: 1.5%; }
.faq-list li:nth-child(4n) { margin-right: 0px; }
.faq-list li a img { width: 100%; height: auto; }
.faq-list li a:hover img { opacity: 0.65; }
@media screen and (max-width: 414px) { .faq-list li { width: 48%; margin-right: 4%; }
  .faq-list li:nth-child(2n) { margin-right: 0px; } }

.faqBox { padding-top: 200px; margin-top: -150px; }

.faq-midashi { color: #0075c2; font-size: 18px; line-height: 170%; font-weight: bold; margin-bottom: 20px; }

.faq-bold { color: #0075c2; font-weight: bold; }

ul.accordion { margin: 0 auto; font-size: 16px; border-bottom: 1px solid #0075c2; border-right: 1px solid #0075c2; box-sizing: border-box; }
@media screen and (max-width: 414px) { ul.accordion { font-size: 12px; } }
ul.accordion span { display: block; position: relative; padding: 15px; padding-right: 60px; color: #333; font-weight: bold; border-top: 1px solid #0075c2; border-left: 1px solid #0075c2; box-sizing: border-box; background: #dce9f1; }
ul.accordion span:hover { background: #0075c2; color: #fff; }
ul.accordion span:before { content: ''; position: absolute; width: 20px; height: 2px; right: 15px; top: 50%; margin-top: -1px; background-color: currentColor; color: #0075c2; }
ul.accordion span:after { content: ''; position: absolute; width: 20px; height: 2px; right: 15px; top: 50%; margin-top: -1px; background-color: currentColor; -webkit-transform: rotate(90deg); transform: rotate(90deg); color: #0075c2; }
ul.accordion span:hover { background: #0075c2; color: #fff; }
ul.accordion span:hover:before { color: #fff; }
ul.accordion span:hover:after { color: #fff; }
ul.accordion ul { display: none; }
ul.accordion ul li { border-top: 1px solid #0075c2; border-left: 1px solid #0075c2; box-sizing: border-box; background: #fff; }
ul.accordion ul li div { padding: 25px; position: relative; }
ul.accordion ul li div .ans-txt { position: absolute; top: 17px; left: 30px; font-size: 26px; color: #0075c2; }
ul.accordion ul li div .ans-read { padding-left: 50px; font-size: 16px; font-weight: lighter; line-height: 200%; }
@media screen and (max-width: 414px) { ul.accordion ul li div .ans-read { font-size: 12px; } }
ul.accordion li p .open { background: #0075c2; color: #fff; }
ul.accordion li p .open:before { color: #fff; }
ul.accordion li p .open:after { color: #fff; display: none; }

.toi-btn { background: #0074bb; color: #fff; font-size: 18px; font-weight: bold; padding: 10px; max-width: 380px; border: 1px solid #0074bb; text-align: center; display: block; border-radius: 50px; text-decoration: none; margin: 20px 0px; }
.toi-btn:hover { background: #fff; color: #0074bb; }