@charset "utf-8";

/*=================================

faq

=================================*/
.title { background-color:#fff; }
.title:before { content:none; }
.title h2 { padding:45px 0 75px; }
.title h2:after,
.title h2:before { bottom:50px; }

#second_main_visual { position:relative; }
#second_main_visual:before { background-image:url(../img/faq/t_faq.png); background-size:210px 92px; background-position:top center;  content:" "; height:92px; position:absolute; top:42%; margin-top:-46px; left:15%; width:210px; z-index:10; }

/*------------------------------------------------------------
faq（index）
------------------------------------------------------------*/
#faq { background-color:#fff; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; padding:0; position:relative; }

#faq .title { flex:0 0 100%; padding:0; position:relative; }
#faq #faq_cont { display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; margin:0; padding:40px; position:relative; z-index:2; }
#faq #faq_cont ul.link_menu { display:flex; flex:1; justify-content:start; }
#faq #faq_cont ul.link_menu li { flex:0 0 30%; margin-left:5%; }
#faq #faq_cont ul.link_menu li:first-child { margin-left:0; }
#faq #faq_cont ul.link_menu li a { align-items:center; border:1px solid #eee; display:flex; justify-content:space-between; padding:30px; position:relative; }
#faq #faq_cont ul.link_menu li a span { font-size:116%; line-height:1.6; }

#faq #faq_cont h3 { flex:0 0 100%; margin-top:30px; }

#faq #faq_cont > dl { flex:0 0 100%; margin-top:30px; }
#faq #faq_cont > dl > dt { padding:20px; position:relative; }
#faq #faq_cont > dl > dt span { font-size:116%; padding-left:10px; }
#faq #faq_cont > dl > dt span:first-child { color:rgba(0,71,156,1); font-weight:600; padding-left:0; }
#faq #faq_cont > dl > dt:before { background-color:#fff; border-radius:50%; content:" "; position:absolute; height:26px; width:26px; right:10px; top:50%; margin-top:-13px; }
#faq #faq_cont > dl > dt:after { color:rgba(0,71,156,1); content:"\f054"; font-family: "Font Awesome 5 Free"; font-weight:900; font-size:85%; position:absolute; right:18px; top:50%; margin-top:-6px;  }

#faq #faq_cont > dl > dt.active:before { background-color:rgba(0,71,156,1); }
#faq #faq_cont > dl > dt.active:after { color:#fff; content:"\f078"; }
#faq #faq_cont > dl > dd { display:none; padding:20px; }
#faq #faq_cont > dl > dd span:first-child { color:#333; font-weight:600; padding-left:0; }

#faq #faq_cont > dl > dd .cont { display:flex; justify-content:space-between; }
#faq #faq_cont > dl > dd .cont p { display:flex; flex:1; justify-content:start; padding-right:30px; }
#faq #faq_cont > dl > dd .cont p span { font-size:116%; padding-left:10px; line-height:1.6; }
#faq #faq_cont > dl > dd .cont p span:first-child { padding-left:0; }
#faq #faq_cont > dl > dd .cont .btn_link { width:200px; }
#faq #faq_cont > dl > dd .cont .btn_link li { margin-top:15px; }
#faq #faq_cont > dl > dd .cont .btn_link li:first-child { margin-top:0; }

#faq #faq_cont > dl > dd .cont .btn_link a { align-items:center; border:1px solid #eee; display:flex; justify-content:space-between; padding:20px 15px; position:relative; }
#faq #faq_cont > dl > dd .cont .btn_link a span {}
#faq #faq_cont > dl > dd .cont .btn_link a i { color:#ccc; font-size:85%; }

#faq #faq_cont .contact { flex:0 0 100%; margin-top:30px; }
#faq #faq_cont .contact .contact_cont { border:1px solid #eee; display:flex; flex-direction:column; margin-top:30px; padding:50px 50px; position:relative; }
#faq #faq_cont .contact .contact_cont:after { background-image:url(../img/faq/p_charactor.png); background-position:center center; background-size:171px 240px; background-repeat:no-repeat; content:" "; height:240px; position:absolute; bottom:0; left:30px; width:171px; }
#faq #faq_cont .contact .contact_cont h5 { padding:0 0 30px; text-align:center; }
#faq #faq_cont .contact .contact_cont h5 span { font-size:154%; font-weight:600; }
#faq #faq_cont .contact .contact_cont > dl { flex:0 1 auto; text-align:center; }
#faq #faq_cont .contact .contact_cont > dl dt { display:flex; flex:0 1 auto; justify-content:center; text-align:center; padding:5px 10px; }
#faq #faq_cont .contact .contact_cont > dl dt span { background-color:#e5ecf5; border-radius:2px; color:rgba(0,71,156,1); display:block; font-size:108%; font-weight:600; padding:10px 50px; }
#faq #faq_cont .contact .contact_cont > dl dd { flex:0 0 100%; margin-top:7px; text-align:center; }
#faq #faq_cont .contact .contact_cont > dl dd a { text-decoration:none; }
#faq #faq_cont .contact .contact_cont > dl dd a img { height:24px; width:auto; }
#faq #faq_cont .contact .contact_cont > dl dd a span { color:#F07800; font-size:200%; font-weight:600; padding-left:5px; }
#faq #faq_cont .contact .contact_cont .open_hour { display:flex; flex:1; justify-content:center; margin-top:30px; }
#faq #faq_cont .contact .contact_cont .open_hour p { align-items:center; display:flex; flex:0 1 auto; justify-content:center; margin-left:30px;  text-align:center; }
#faq #faq_cont .contact .contact_cont .open_hour p:first-child { margin-left:0; }
#faq #faq_cont .contact .contact_cont .open_hour p span { display:block; font-size:108%; line-height:1.6; padding:5px 10px; }
#faq #faq_cont .contact .contact_cont .open_hour p span:first-child { align-items:center; display:flex; justify-content:center; text-align:center; }
#faq #faq_cont .contact .contact_cont .open_hour p span:nth-child(2) { font-size:108%; padding-left:5px; text-align:left; }
#faq #faq_cont .contact .contact_cont .open_hour p:first-child span:first-child { background-color:#e9f2fb; }
#faq #faq_cont .contact .contact_cont .open_hour p:nth-child(2) span:first-child{ background-color:#ffefef; }