@charset "UTF-8";

body{
    padding-top:76px;
}
section{
    padding-top:60px;
}
section:first-child{
    padding-top:90px;
}
section:last-child{
    padding-bottom:60px;
}
.section_wrapper{
    width:calc(100% - 80px);
    max-width:740px;
    margin:0 auto;
    padding:0 40px;
}
p, a, li, span, dt, dd{
    font-size:16px;
}

/* クラス */
.pc_lap{
    display:none;
}

/* ヘッダー */
header{
    padding:20px 0;
}
.header_logo{
    margin-left:35px;
}
.header_logo a{
    line-height:1;
}
.header_logo img{
    width:auto;
    height:30px;
}
.hamburger{
    width:32px;
    height:32px;
    margin-right:35px;
}
.hamburger span{
    height:1.5px;
    margin:4px 0;
}

/* ハンバーガーがアクティブな時に「×」表示 */
.hamburger.active span:nth-child(1){
    transform:translateY(11px) rotate(45deg);
}


/* メニュー内 */
.menu{
    top:72px;
    width:270px;
}
.menu li{
    padding:15px 20px;
}
.menu img{
    width:30px;
    margin-right:15px;
}


/* 一覧ページ タイトル */
span.title_en{
    font-size:36px;
}
span.title_ja{
    font-size:18px;
    margin-top:14px;
}
#page_title .title_image{
    margin-top:60px;
}
#page_title .title_image img{
    width:280px;
    height:auto;
}

/* 一覧ページ コンテンツ */
.list li{
    width:30%;
    margin-right:calc(5% - 6px);
    margin-bottom:20px;
}
.list li:nth-child(3n){
    margin-right:0;
}
.list a{
    padding:20px 0;
}
.list img{
    width:30px;
    margin-right:10px;
}
.list p{
    width:130px;
}


/* マニュアルページ */
#manual_title h1{
    border-left:4px solid;
    padding-left:15px;
}
#manual_contents .step{
    margin-bottom:60px;
}
#manual_contents .step:last-child{
    margin-bottom:0;
}
#manual_contents .step_order{
    width:90px;
    padding:8px 0;
    font-size:16px;
    margin-right:15px;
}
#manual_contents .step_title{
    font-size:18px;
}
#manual_contents .detail_box{
    padding:20px;
}
#manual_contents .text_box p,
#manual_contents .text_box ul{
    margin-bottom:16px;
}
#manual_contents .text_box p:last-child,
#manual_contents .text_box ul:last-child{
    margin-bottom:0;
}
#manual_contents .text_box ul{
    margin-left:16px;
}
.lead_buttons{
    min-height:59px;
}
.lead_buttons.double{
    min-height:133px;
}
.lead_buttons a{
    width:195px;
    padding:15px 0;
}
.lead_buttons a.btnBack::before{
    margin-right:5px;
}
.lead_buttons a.btnNext::after{
    margin-left:5px;
}
.lead_buttons a.lower{
    top:74px;
}

.document .image_box{
    margin-top:20px;
    text-align:center;
}
.manual_image .image_box{
    margin-top:20px;
    text-align:center;
}
.manual_image img{
    width:360px;
    height:auto;
}
#rejected,
#approved{
    scroll-margin-top:90px;
}

/* FAQページ */
.faq_box dt,
.faq_box dd{
    padding:10px 30px 10px 20px;
}
.faq_box dt::before{
    width:20px;
    right:5px;
    height:1px;
}
.faq_box dt::after{
    right:15px;
    top:calc(50% - 9px);
    width:1px;
    height:18px;
}

/* チャットサポート */
#chat_support .caption p{
    margin-bottom:10px;
}
#chat_support .detail_box{
    padding:25px 20px;
    margin-top:40px;
}
#chat_support h2{
    font-size:18px;
    font-weight:600;
    text-align:center;
    margin-bottom:20px;
}
#chat_support .how_to li{
    text-align:center;
    background-color:#F8F7F5;
    border-radius:4px;
    padding:20px 0;
    margin-bottom:20px;
}
#chat_support .order{
    font-size:16px;
    letter-spacing:2px;
    margin-right:15px;
}
#chat_support .contents li{
    width:320px;
    margin:0 auto 10px;
}
#chat_support li:last-child{
    margin-bottom:0;
}
#chat_support .mail_support a{
    justify-content:center;
}
#chat_support .mail_support{
    margin-bottom:60px;
}
#chat_support .mail_support picture{
    width:32px;
    height:32px;
    margin-right:10px;
}
#chat_support .mail_support img{
    width:32px;
    height:auto;    
}

/* Footer */
footer p{
    font-size:13px;
}