@charset "utf-8";
@media screen and (min-width: 768px) {
    /*PCとtablet*/    
    .is-sp {
        display: none !important;
      }
    p{
        font-size: 18px;
        font-weight: bold;
        line-height: 1.4;
    }
    p b{
    font-size: 24px;
    font-weight: bold;
    color: #E3332A;
    }

    h2{
        font-size: 32px;
        text-align: center;
        line-height: 1.5;
    }

    .top{
        width: 100%;
        margin: 0 auto;
    }

    .l-section.top-main{
        height: 506px;
        background: #FF7D33;
    }

    .l-section.top-main h2{
        margin-top: 58px;
    }

    .l-section.top-main p{
        height: 0;
    }
    .l-section.top-main p img{
        position: relative;
        left: calc(50% - 235px);
        top: -170px;
        width: fit-content;
    }
    .l-section .top-inner{
        width: 875px;
        margin: 0 auto;
    }

    .l-section.top-problem,
    .l-section.top-solution,
    .l-section.top-contact,
    .l-section.top-recruitment,
    .l-section.top-uservoice,
    .l-section.top-publish,
    .l-section.top-faq{
        padding: 0 120px;
        width: 1050px; 
    }

    .l-section.top-problem{
        background: #F2E8DC;
        padding: 100px 0 100px 0;
        text-align:center;
        border-bottom: 4px solid #363636;
        position: relative;
        width:100%;
        height:auto;
        z-index: 10;
    }

    .l-section.top-problem:after,
    .l-section.top-solution:after,
    .l-section.top-contact:after,
    .l-section.top-function:after,
    .l-section.top-recruitment:after,
    .l-section.top-uservoice:after,
    .l-section.top-publish:after,
    .l-section.top-faq:after,
    .l-section.top-problem:before,
    .l-section.top-solution:before,
    .l-section.top-contact:before,
    .l-section.top-function:before,
    .l-section.top-recruitment:before,
    .l-section.top-uservoice:before,
    .l-section.top-publish:before,
    .l-section.top-faq:before{
        border: solid transparent;
        content:'';
        height:0;
        width:0;
        pointer-events:none;
        position:absolute;
        top:100%;
        left:50%;
    }

    .l-section.top-problem:after{
        border-color: rgba(255, 240, 0, 0);
        border-top-width: 80px;
        border-bottom-width: 80px;
        border-left-width: 80px;
        border-right-width: 80px;
        margin-left: -80px;
        border-top-color:#F2E8DC;
    }    

    .l-section.top-solution:after,
    .l-section.top-recruitment:after,
    .l-section.top-publish:after{
        border-color: rgba(255, 240, 0, 0);
        border-top-width: 80px;
        border-bottom-width: 80px;
        border-left-width: 80px;
        border-right-width: 80px;
        margin-left: -80px;
        border-top-color:#FFDE2F;
    }    

    .l-section.top-function:after,
    .l-section.top-uservoice:after,
    .l-section.top-faq:after{
        border-color: rgba(255, 240, 0, 0);
        border-top-width: 80px;
        border-bottom-width: 80px;
        border-left-width: 80px;
        border-right-width: 80px;
        margin-left: -80px;
        border-top-color:#FF7D33;
    }    

    .l-section.top-problem:before,
    .l-section.top-solution:before,
    .l-section.top-function:before,
    .l-section.top-recruitment:before,
    .l-section.top-uservoice:before,
    .l-section.top-publish:before,
    .l-section.top-faq:before{
        border-color: rgba(54, 54, 54, 0);
        border-top-width: 82px;
        border-bottom-width: 82px;
        border-left-width: 82px;
        border-right-width: 82px;
        margin-left: -82px;
        margin-top: 4px;
        border-top-color:#363636;
    }    

    .l-section.top-function:before,
    .l-section.top-uservoice:before,
    .l-section.top-faq:before{
        border-color: rgba(54, 54, 54, 0);
        border-top-width: 82px;
        border-bottom-width: 82px;
        border-left-width: 82px;
        border-right-width: 82px;
        margin-left: -82px;
        margin-top: 4px;
        border-top-color:#363636;
    }    

    .l-section.top-problem h2{
        border-bottom: 4px solid #363636;
        width: fit-content;
        text-align: center;
        margin: 0 auto 80px auto;
        padding: 0px 10px 10px 10px;
    }

    .l-section.top-problem ul{
        display: flex;
        justify-content: space-between;
        text-align: center;
    }

    .l-section.top-problem img{
        margin-bottom: 20px;
    }

    .l-section.top-solution{
        background: #FFDE2F;
        padding: 145px 0 10px 0;
        text-align:center;
        border-bottom: 4px solid #363636;
        position: relative;
        width:100%;
        height:auto;
        z-index:2;
    }

    .l-section.top-solution h2{
        padding-bottom: 80px;
    }

    .l-section.top-solution ul li{
        margin-bottom: 90px;
    }

    .l-section.top-solution dl{
        display: flex;
        text-align: center;
    }

    .l-section.top-solution dt{
        margin-right: 65px;
    }

    .l-section.top-solution dt p{
        margin-top: 30px;
    }

    .l-section.top-solution dd p{
        margin-top: 30px;
    }

    .l-section.top-contact{
        padding: 145px 0 100px 0;
        background: #FFFFFF;
        border-bottom: 4px solid #363636;
        position: relative;
        width:100%;
        height:auto;
    }

    .l-section.top-contact .l-section-inner{
        display: flex;
        align-items: center;
        justify-content: space-between;    
    }

    .l-section.top-contact .l-section-inner h2{
        padding: 0px 10px 10px 10px;
        border-bottom: 4px solid #363636;
        margin-bottom: 40px;
    }

    .l-section.top-contact p{
        text-align: center;
    }

    .l-section.top-contact p img{
        width: fit-content;
    }

    .l-section.top-function{
        background-color: #FF7D33;
        padding: 100px 0 100px 0;
        border-bottom: 4px solid #363636;
        position: relative;
        width:100%;
        height:auto;
        z-index:2;
    }

    .l-section.top-function .l-section-inner h2{
        color: #FFF;
        padding: 0px 10px 10px 10px;
        border-bottom: 6px solid #FFF;
        width: fit-content;
        margin: 0px auto 80px auto;
    }

    .l-section.top-function .fucntion-inner{
        width: 100%;
        margin: 0 auto 100px auto;
        border: 4px solid #363636;
        border-radius: 20px;
        padding: 0px 50px 10px 50px;
        background-color: #FFF;
    }

    .l-section.top-function .fucntion-inner h3{
        text-align: center;
        position: relative;
        top: -38px;
    }

    .l-section.top-function .fucntion-inner ul{
    }

    .l-section.top-function .fucntion-inner ul li{
        margin-bottom: 40px;
    }

    .l-section.top-function .fucntion-inner ul li h4{
        font-size: 32px;
        padding-bottom: 15px;
    }

    .l-section.top-function .fucntion-inner ul li p{
        font-size: 18px;
    }

    .l-section.top-function .fucntion-inner ul li dl{
        display: flex;
    }

    .l-section.top-function .fucntion-inner ul li dt{
        margin-right: 18px;
    }

    .l-section.top-function .fucntion-inner ul li dd{
    }

    .l-section.top-fee .l-section-inner h2{
        margin: 0 auto 80px auto;
    }

    .l-section.top-fee .fee-inner{
        width: 100%;
        margin: 0 auto;
        border: 4px solid #363636;
        border-radius: 20px;
        padding: 50px 50px 10px 50px;
        background-color: #FFF;
    }

    .l-section.top-fee .fee-inner ul{
    }

    .l-section.top-fee .fee-inner ul li{
        margin-bottom: 50px;
    }

    .l-section.top-fee .fee-inner ul li dl{
        display: flex;
    }

    .l-section.top-fee .fee-inner ul li dl dt img{
        margin-right: 35px
    }

    .l-section.top-fee .fee-inner ul li dl h4{
        font-size: 32px;
        color: #E3332A;
        margin-bottom: 20px;
    }

    .l-section.top-fee .fee-inner ul li dl p{
        font-size: 18px;
    }

    .l-section.top-recruitment{
        background: #FFDE2F;
        padding: 100px 0 100px 0;
        text-align:center;
        border-bottom: 4px solid #363636;
        position: relative;
        width:100%;
        height:auto;
        z-index:3;
    }

    .l-section.top-recruitment h2{
        font-size: 32px;
        width: fit-content;
        border-bottom: 4px solid #363636;
        text-align: center;
        margin: 0 auto 80px auto;
        padding: 0px 10px 10px 10px;
    }

    .l-section.top-recruitment .recruitment-inner{
        padding: 60px 40px 60px 40px;
        background: #FFF;
        border: 4px solid #363636;
        border-radius: 20px;
    }

    .l-section.top-recruitment .recruitment-inner h3{
        font-size: 32px;
    }

    .l-section.top-recruitment .recruitment-inner p{
        margin: 45px 0 15px 0;
    }

    .l-section.top-recruitment .recruitment-inner ul{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 60px;
    }

    .l-section.top-recruitment .recruitment-inner li{}


    .l-section.top-uservoice{
        background-color: #FF7D33;
        padding: 145px 0 100px 0;
        border-bottom: 4px solid #363636;
        position: relative;
        width:100%;
        height:auto;
        z-index:2;
    }

    .l-section.top-uservoice h2{
        color: #FFF;
        padding: 0px 10px 10px 10px;
        border-bottom: 6px solid #FFF;
        width: fit-content;
        margin: 0 auto 45px auto;
    }

    .l-section.top-uservoice p{
        color: #FFF;
        font-size: 18px;
        text-align: center;
        margin-bottom: 80px;
    }

    .l-section.top-uservoice ul{
        display: flex;
    }

    .l-section.top-uservoice ul li{
        margin-right: 40px;
        border: 4px solid #363636;
        border-radius: 20px;
        width: 260px;
        text-align: center;
        background: #FFF;
        padding: 24px 16px 40px 16px;
    }

    .l-section.top-uservoice ul li:last-child{
        margin-right: 0;
    }

    .l-section.top-uservoice ul li img{
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .l-section.top-uservoice ul li h3{
        color: #FF7D33;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .l-section.top-uservoice ul li p{
        font-size: 18px;
        color: #363636;
        text-align: left;
        margin-bottom: 0;
    }

    .l-section.top-publish{
        background: #FFDE2F;
        padding: 100px 0 100px 0;
        text-align:center;
        border-bottom: 4px solid #363636;
        position: relative;
        width:100%;
        height:auto;
        z-index:3;
    }

    .l-section.top-publish h2{
        font-size: 32px;
        width: fit-content;
        border-bottom: 4px solid #363636;
        text-align: center;
        margin: 0px auto 40px auto;
        padding: 0px 10px 10px 10px;
    }

    .l-section.top-publish p{
        font-size: 18px;
        margin-bottom: 80px;
    }

    .l-section.top-publish ul{
        display: flex;
        justify-content:space-between;
        align-items: flex-start;
    }

    .l-section.top-publish ul li{
    }

    .l-section.top-publish ul li dl{}

    .l-section.top-publish ul li dt{}

    .l-section.top-publish ul li dt img{
        margin-bottom: 30px;
    }

    .l-section.top-publish ul li dd{
        font-size: 18px;
        width: 275px;
        text-align: left;
    }

    .l-section.top-faq{
        background-color: #FF7D33;
        padding: 145px 0 40px 0;
        border-bottom: 4px solid #363636;
        position: relative;
        width:100%;
        height:auto;
        z-index:2;
    }

    .l-section.top-faq h2{
        color: #FFF;
        padding: 0px 10px 10px 10px;
        border-bottom: 6px solid #FFF;
        width: fit-content;
        margin: 0 auto 45px auto;
    }

    .l-section.top-faq p{
        color: #FFF;
        font-size: 18px;
        text-align: center;
        margin-bottom: 95px;
    }

    /*アコーディオン*/
    .l-section.top-faq .accordion {
        display: flex;
        flex-direction: column;
        margin: 20px auto;
    }
    
    .l-section.top-faq .accordion-item {
        border: 4px solid #363636;
        margin-bottom: 40px;
        border-radius: 10px;
        line-height: 1.4;
        background: #fff;
    }

    .l-section.top-faq .accordion-header {
        background-color: #FFF;
        cursor: pointer;
        padding: 35px 65px 35px 25px;
        font-size: 18px;
        border-radius: 12px 12px 12px 12px;
    }

    .l-section.top-faq .accordion-header i {
        position: absolute;
        right: 40px;
    }

    .l-section.top-faq .accordion-header dl,
    .l-section.top-faq .accordion-content dl{
        display: flex;
        align-items: center;
    }

    .l-section.top-faq .accordion-header a,
    .l-section.top-faq .accordion-content a{
        color: #1B5BFF;
        text-decoration: underline;
    }

    .l-section.top-faq .accordion-header dl dt,
    .l-section.top-faq .accordion-content dl dt{
        margin-right: 25px;
    }

    .l-section.top-faq .accordion-header dl dd,
    .l-section.top-faq .accordion-content dl dd {
        font-size: 18px;
    }

    .l-section.top-faq .accordion-content {
        display: none;
        padding: 25px 65px 25px 25px;
        background: #FFE8DC;
        border-radius: 0 0 8px 8px;
    }

    .l-section.top-faq .accordion-content p {
        color: #363636;
        text-align: left;
        margin-bottom: 0;
    }
        
    .l-section.top-faq .accordion-item.active .accordion-content {
        display: block;
    }
}     

  
@media screen and (max-width: 768px) {
    /*sp*/
    .is-pc {
        display: none !important;
    }
    figure{
        text-align: center;
      }
    h2{
        font-size: 24px;
        line-height: 1.4;
        text-align: center;
    }
    img {
        border-style: none;
        width: 100%;
    } 
    p{
        font-size: 18px;
    }      
    .l-section.top-main {
        background-color: #FFF;
        border-bottom: 4px solid #363636;
    }
    .l-section.top-main img {
    }    
    .l-section.top-main p{
        text-align: center;
        padding: 40px 25px 50px 25px;
    }

    .l-section.top-main h2{
        margin-top: 63px;
    }

    .l-section.top-main img.main_img{
        width: 100%;
    }

    /*区切り*/
    .l-section.top-problem,
    .l-section.top-solution,
    .l-section.top-contact,
    .l-section.top-recruitment,
    .l-section.top-uservoice,
    .l-section.top-publish,
    .l-section.top-faq{
        padding: 0 60px;   
    }

    .l-section.top-problem{
        background: #F2E8DC;
        padding: 45px 25px 50px 25px;
        text-align:center;
        border-bottom: 4px solid #363636;
        position: relative;
        width:100%;
        height:auto;
        z-index: 10;
    }

    .l-section.top-problem h2{
        border-bottom: 4px solid #363636;
        padding-bottom: 10px;        
        margin-bottom: 45px;
    }

    .l-section.top-problem p{
        margin-bottom: 50px;
    }

    .l-section.top-problem p b{
        font-size: 26px;
        color: #E3332A;
    }

    .l-section.top-problem img{
        width: 210px;
        height: auto;
        margin-bottom: 15px;
    }

    .l-section.top-problem:after,
    .l-section.top-solution:after,
    .l-section.top-contact:after,
    .l-section.top-function:after,
    .l-section.top-recruitment:after,
    .l-section.top-uservoice:after,
    .l-section.top-publish:after,
    .l-section.top-faq:after,
    .l-section.top-problem:before,
    .l-section.top-solution:before,
    .l-section.top-contact:before,
    .l-section.top-function:before,
    .l-section.top-recruitment:before,
    .l-section.top-uservoice:before,
    .l-section.top-publish:before,
    .l-section.top-faq:before{
        border: solid transparent;
        content:'';
        height:0;
        width:0;
        pointer-events:none;
        position:absolute;
        top:100%;
        left:50%;
    }

    .l-section.top-problem:after{
        border-color: rgba(255, 240, 0, 0);
        border-top-width: 60px;
        border-bottom-width: 60px;
        border-left-width: 60px;
        border-right-width: 60px;
        margin-left: -60px;
        border-top-color:#F2E8DC;
    }    

    .l-section.top-solution:after,
    .l-section.top-recruitment:after,
    .l-section.top-publish:after{
        border-color: rgba(255, 240, 0, 0);
        border-top-width: 60px;
        border-bottom-width: 60px;
        border-left-width: 60px;
        border-right-width: 60px;
        margin-left: -60px;
        border-top-color:#FFDE2F;
    }    

    .l-section.top-function:after,
    .l-section.top-uservoice:after,
    .l-section.top-faq:after{
        border-color: rgba(255, 240, 0, 0);
        border-top-width: 60px;
        border-bottom-width: 60px;
        border-left-width: 60px;
        border-right-width: 60px;
        margin-left: -60px;
        border-top-color:#FF7D33;
    }    

    .l-section.top-problem:before,
    .l-section.top-solution:before,
    .l-section.top-function:before,
    .l-section.top-recruitment:before,
    .l-section.top-uservoice:before,
    .l-section.top-publish:before,
    .l-section.top-faq:before{
        border-color: rgba(54, 54, 54, 0);
        border-top-width: 64px;
        border-bottom-width: 64px;
        border-left-width: 64px;
        border-right-width: 64px;
        margin-left: -64px;
        margin-top: 2px;
        border-top-color:#363636;
    }    

    .l-section.top-function:before,
    .l-section.top-uservoice:before,
    .l-section.top-faq:before{
        border-color: rgba(54, 54, 54, 0);
        border-top-width: 64px;
        border-bottom-width: 64px;
        border-left-width: 64px;
        border-right-width: 64px;
        margin-left: -64px;
        margin-top: 2px;
        border-top-color:#363636;
    } 

    .l-section.top-solution{
        background: #FFDE2F;
        padding: 65px 25px 20px 25px;
        text-align:center;
        border-bottom: 4px solid #363636;
        position: relative;
        width:100%;
        height:auto;
        z-index:2;
    }

    .l-section.top-solution p{
        margin: 20px auto 30px auto;
    }

    .l-section.top-solution ul{
        margin-top: 60px
    }

    .l-section.top-solution ul li{
        margin-bottom: 80px
    }

    .l-section.top-solution dl.dl-box,
    .l-section.top-solution dl.dl-box2    
    {
        display: flex;
        flex-wrap: wrap;         
    }

    .l-section.top-solution dl.dl-box dt{
        order: 2;
    }

    .l-section.top-solution dl.dl-box dd {
        order: 1;
    }

    .l-section.top-solution dl.dl-box2 dt{
        order: 2;
    }

    .l-section.top-solution dl.dl-box2 dd {
        order: 1;
    }
    
    .l-section.top-contact{
        padding: 105px 25px 60px 25px;
        background: #FFFFFF;
        border-bottom: 4px solid #363636;
        position: relative;
        width:100%;
        height:auto;
    }

    .l-section.top-contact.area{
        border-bottom: none;
    }

    .l-section.top-contact h2{
        border-bottom: 4px solid #363636;
        padding-bottom: 10px;
        margin: 0 auto 40px auto;
        width: fit-content;
    }
    
    .l-section.top-contact p{
        text-align: center;
    }

    .l-section.top-contact figure{
        margin-bottom: 40px
    }
    
    
    .l-section.top-function{
        background-color: #FF7D33;
        padding: 55px 25px 75px 25px;
        border-bottom: 4px solid #363636;
        position: relative;
        width:100%;
        height:auto;
        z-index:2;
    }

    .l-section.top-function h2{
        color: #FFF;
        border-bottom: 4px solid #FFF;
        padding-bottom: 10px;
        margin: 0 auto 10px auto;
        width: fit-content;
    }

    .l-section.top-function h3{
        text-align: center;
    }

    .l-section.top-function h4{
        font-size: 28px;
        margin-bottom: 25px;
        text-align: center;
    }

    .l-section.top-function h3 img{
        width: 225px;
        height: auto;
        position: relative;
        top: 40px;
    }

    .l-section.top-function ul{
        background: #FFF;
        border-radius: 10px;
        border: 4px solid #363636;
        padding: 80px 15px 10px 15px;
    }

    .l-section.top-function li{
        margin-bottom: 50px;
    }

    .l-section.top-function li dt{
        text-align: center;
        margin-bottom: 15px;
    }

    .l-section.top-function li dt img{
        width: 30px;
        height: auto;
    }    

    .l-section.top-function li dd p{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .l-section.top-fee .l-section-inner h2{
        color: #FFF;
        border-bottom: 4px solid #FFF;
        padding-bottom: 10px;
        margin: 65px auto 50px auto;
        width: fit-content;
    }

    .l-section.top-fee .fee-inner{
    }

    .l-section.top-fee .fee-inner ul{
        padding: 40px 15px 10px 15px;
    }

    .l-section.top-fee .fee-inner ul li{
    }

    .l-section.top-fee .fee-inner ul li dl{
    }

    .l-section.top-fee .fee-inner ul li dl dt img{
        width: 142px;
    }

    .l-section.top-fee .fee-inner ul li dl h4{
    color: #E3332A;
    }

    .l-section.top-fee .fee-inner ul li dl p{
    }    

    .l-section.top-recruitment{
        background: #FFDE2F;
        padding: 65px 25px 75px 25px;
        text-align:center;
        border-bottom: 4px solid #363636;
        position: relative;
        width:100%;
        height:auto;
        z-index:3;
   }

    .l-section.top-recruitment h2{
        padding-bottom: 10px;
        border-bottom: 4px solid #363636;
        width: fit-content;
        margin: 0 auto 40px auto;
      }

    .l-section.top-recruitment h3{
        font-size: 20px;
        margin-bottom: 20px;
      }
    
    .l-section.top-recruitment .recruitment-inner{
        padding: 35px 20px;
        background: #FFF;
        border-radius: 16px;
        border:4px solid #363636;
    }    

    .l-section.top-recruitment ul {
        display: flex;
        flex-wrap:wrap;
        margin: 30px auto 0px auto;
        justify-content: center;
    }    

    .l-section.top-recruitment ul li {
        margin-bottom: 14px;
    }    

    .l-section.top-recruitment ul li img {
        width:92px;
    }    
    
   .l-section.top-uservoice{
        background-color: #FF7D33;
        padding: 85px 25px 15px 25px;
        border-bottom: 4px solid #363636;
        position: relative;
        width:100%;
        height:auto;
        z-index:2;
    }

    .l-section.top-uservoice h2{
        padding-bottom: 10px;
        border-bottom: 4px solid #FFF;
        width: fit-content;
        margin: 0 auto 40px auto;
        color: #FFF;
    }

    .l-section.top-uservoice h3{
        text-align: center;
        color: #FF7D33;
        font-size: 28px;
        margin: 25px auto;
    }

    .l-section.top-uservoice p{
        text-align:center;
        color:#FFF;
        margin-bottom: 50px;
    }

    .l-section.top-uservoice ul li{
        background: #FFF;
        border-radius: 16px;
        border: 4px solid #363636;
        padding: 20px 20px 0px 20px;
        margin-bottom: 60px;
    }

    .l-section.top-uservoice ul li p{
        color: #363636;
        text-align: left;
    }

    .l-section.top-publish{
        background: #FFDE2F;
        padding: 65px 25px 45px 25px;
        text-align:center;
        border-bottom: 4px solid #363636;
        position: relative;
        width:100%;
        height:auto;
        z-index:3;
    }

    .l-section.top-publish h2{
        padding-bottom: 10px;
        border-bottom: 4px solid #363636;
        width: fit-content;
        margin: 0 auto 40px auto;        
    }

    .l-section.top-publish p{
        margin-bottom: 55px;        
    }

    .l-section.top-publish ul li dl dd{
        font-size: 18px;
        margin: 15px 0 30px 0;
        text-align: left;
    }
    
    .l-section.top-faq{
        background-color: #FF7D33;
        padding: 95px 0 20px 0;
        border-bottom: 4px solid #363636;
        position: relative;
        width:100%;
        height:auto;
        z-index:2;
    }

    /*アコーディオン*/
    .l-section.top-faq h2 {
        color: #FFF;
        padding:0px 10px 20px 10px;
        border-bottom: 4px solid #FFF;
        width: fit-content;
        margin: 0 auto 50px auto;
    }

    .l-section.top-faq .accordion {
        display: flex;
        flex-direction: column;
        margin: 20px auto;
        padding: 0px 25px;
    }

    .l-section.top-faq .accordion img {
        width: 50px
    }

    .l-section.top-faq .accordion-item {
        border: 4px solid #363636;
        margin-bottom: 40px;
        border-radius: 20px;
        line-height: 1.4;
        background: #fff;
    }

    .l-section.top-faq .accordion-header {
        background-color: #FFF;
        cursor: pointer;
        padding: 20px 20px 0px 20px;
        font-size: 18px;
        border-radius: 20px;
    }

    .l-section.top-faq .accordion-header dl,
    .l-section.top-faq .accordion-content dl{
    }

    .l-section.top-faq .accordion-header a,
    .l-section.top-faq .accordion-content a{
        color: #1B5BFF;
        text-decoration: underline;
    }

    .l-section.top-faq .accordion-header dl dt,
    .l-section.top-faq .accordion-content dl dt{
        margin-bottom: 15px;
        text-align: center;
    }

    .l-section.top-faq .accordion-header dl dd,
    .l-section.top-faq .accordion-content dl dd {
        font-size: 18px;
        padding-bottom: 30px;
    }

    .l-section.top-faq .accordion-content {
        display: none;
        padding: 25px 20px 10px 20px;
        background: #FFE8DC;
        border-radius: 0 0 20px 20px;
    }

    .l-section.top-faq .accordion-content p {
        color: #363636;
        text-align: left;
        margin-bottom: 0;
    }
        
    .l-section.top-faq .accordion-item.active .accordion-content {
        display: block;
    }

    .l-section.top-faq .accordion-content p {
        color: #363636;
        text-align: left;
        margin-bottom: 0;
    }
    
    .l-section.top-faq .accordion-header i {
        position: relative;
        top: -22px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        font-size: 25px;
    }
}