main .inner_wrap { display:block; }
main section .text_box { text-align:center; }
.nav-tabs { width:auto; margin:0 auto; padding:5px; border-bottom:0; border-radius:5px; display:inline-block; background:#e9e9e9; }
.nav-tabs>li { margin:0; }
.nav-tabs>li>a { margin:0; border:0; border-radius:5px; color:#555; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border:0; color:#1a1a1a; }
.nav>li>a { padding:5px 20px; }
main .plan .cont_box { margin-top:60px; display:flex; flex-direction:column; justify-content:center; }
main .plan .cont_box .tab-content  { margin-top:60px; }
main .plan .cont_box .tab-content .tab-pane > p { text-align:right; }
main .plan .cont_box .tab-content .tab-pane .plan_list { margin-top:5px; display:flex; gap:20px; }
main .plan .cont_box .tab-content .tab-pane .plan_list li { width:calc((100% - 60px) / 4); padding:10px; border:1px solid #ddd; border-radius:10px; text-align:center; }
main .plan .cont_box .tab-content .tab-pane .plan_list li:hover { border:3px solid #6639E5; }
main .plan .cont_box .tab-content .tab-pane .plan_list li > div { padding:20px 0; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .top_box { border-bottom:1px solid #ddd; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .top_box .plan_title { font-size:22px; font-weight:700; display:flex; align-items:center; justify-content:center; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .top_box .plan_title span { margin-left:10px; padding:1px 7px; font-size:12px; line-height:19px; color:#fff; border-radius:3px; display:inline-block; background:#6639E5; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .top_box .sub { color:#555; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .top_box p:not(.plan_title) { margin-top:10px; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .btm_box .price { margin-top:14px; font-size:20px; font-weight:700; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .btm_box .price .period { font-size:16px; color:#555; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .btm_box .price + p { padding-top:5px; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .btm_box .cost { font-size:12px; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .btm_box .cost span:first-child { text-decoration:line-through; color:#555; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .btm_box .cost span:last-child { margin-left:10px; color:red; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .btm_box .cost + .price { margin-top:0; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .btm_box ul { margin:20px 0 40px; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .btm_box ul + p { color:#555; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .btm_box ul li { width:100%; border:0; text-align:left; display:flex; align-items:center; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .btm_box ul li .icon_box { display:inline-block; width:24px; height:24px; margin-right:10px; background:url('/image/check.svg')no-repeat -24px 0; }
main .plan .cont_box .tab-content .tab-pane .plan_list li .btm_box ul li.impossible .icon_box { background-position:0 0; }

main .plan .cont_box .info { margin-top:50px; white-space:pre-line; word-break:keep-all; font-size:16px; line-height:35px; }

main .faq .cont_box h3 { margin-top:60px; font-weight:700; }
main .faq .cont_box dl { margin-top:20px; }
main .faq .cont_box dl dt { padding:15px 20px; font-size:20px; font-weight:400; line-height:30px; white-space:pre-line; word-break:keep-all; border:1px solid #e5e7eb; border-radius:10px; position:relative; cursor:pointer; }
main .faq .cont_box dl dt::after { content:''; display:block; width:25px; height:25px; position:absolute; top:50%; right:25px; transform:translateY(-50%); background:url('/image/arrow.svg')no-repeat -25px 0; }
main .faq .cont_box dl dt:not(.first) { margin-top:20px; }
main .faq .cont_box dl dd { padding:15px 20px; font-size:20px; line-height:35px; white-space:pre-line; word-break:keep-all; border:1px solid #e5e7eb; border-top:0; border-radius:0 0 10px 10px; background:#f5f8fb; display:none; }
main .faq .cont_box dl dd span.blur { color:#888; }
main .faq .cont_box dl dd span.circle { font-size:10px; line-height:19px; display:inline-block; }
main .faq .cont_box dl dt.active { border-bottom:0; border-radius:10px 10px 0 0; }
main .faq .cont_box dl dt.active::after { transform:translateY(-50%) rotate(-90deg); }
main .faq .cont_box dl dt.active + dd { display:block; }

@media only screen and (max-width:768px){
    main .plan .cont_box { margin-top:30px; }
    main .plan .cont_box .tab-content { margin-top:30px; }
    main .plan .cont_box .tab-content .tab-pane .plan_list { gap:10px; flex-wrap:wrap; }
    main .plan .cont_box .tab-content .tab-pane .plan_list li { width:100%; }
    main .plan .cont_box .tab-content .tab-pane .plan_list li:hover { border:2px solid #6639E5; }
    main .faq .cont_box h3 { font-size:16px; margin-top:30px; }
    main .faq .cont_box dl dt { padding:15px 55px 15px 20px; font-size:16px; line-height:23px; }
    main .faq .cont_box dl dd { padding:15px 20px; font-size:14px; line-height:22px; }
    main .faq .cont_box dl dt::after { width:20px; height:20px; background-size:20px; }
}