@charset "UTF-8";

body{
    padding-top:60px;
}
section{
    padding-top:50px;
}
section:first-child{
    padding-top:80px;
}
section:last-child{
    padding-bottom:50px;
}
.section_wrapper{
    width:calc(100% - 30px);
    padding:0 15px;
}
p, a, li, span, dt, dd{
    font-size:14px;
}

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

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

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

/* メニュー内 */
.menu{
    top:70px;
    width:190px;
}
.menu li{
    padding:15px 0 15px 15px;
}
.menu img{
    width:25px;
    margin-right:10px;
}
.menu p{
    font-weight:500;
}


/* 一覧ページ タイトル */
span.title_en{
    font-size:26px;
}
span.title_ja{
    font-size:15px;
    margin-top:10px;
}
#page_title .title_image{
    margin-top:50px;
}
#page_title .title_image img{
    width:200px;
    height:auto;
}

/* 一覧ページ コンテンツ */
#home_list ul{
    display:block;
}
#home_list li{
    margin:0 auto 15px;
    width:70%;
}
.list li{
    width:47%;
    margin-right:calc(6% - 8px);
    margin-bottom:15px;
}
.list li:nth-child(2n){
    margin-right:0;
}
.list a{
    padding:20px 0;
}
.list img{
    width:25px;
    margin-right:8px;
}
.list p{
    font-size:13px;
    width:110px;
}


/* マニュアルページ */
#manual_title h1{
    border-left:4px solid;
    padding-left:10px;
}
#manual_contents .step{
    margin-bottom:50px;
}
#manual_contents .step:last-child{
    margin-bottom:0;
}
#manual_contents .step_order{
    width:80px;
    padding:5px 0;
    font-size:14px;
    margin-right:10px;
}
#manual_contents .step_title{
    font-size:15px;
}
#manual_contents .detail_box{
    padding:15px;
}
#manual_contents .text_box p,
#manual_contents .text_box ul{
    margin-bottom:14px;
}
#manual_contents .text_box p:last-child,
#manual_contents .text_box ul:last-child{
    margin-bottom:0;
}
#manual_contents .text_box ul{
    margin-left:14px;
}
.lead_buttons{
    min-height:50px;
}
.lead_buttons.double{
    min-height:115px;
}
.lead_buttons a{
    width:47%;
    padding:12px 0;
}
.lead_buttons a.btnBack::before{
    margin-right:5px;
}
.lead_buttons a.btnNext::after{
    margin-left:5px;
}
.lead_buttons a.lower{
    top:65px;
}

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


/* FAQページ */
.faq_box dt,
.faq_box dd{
    padding:10px 25px 10px 15px;
}
.faq_box dt::before{
    width:16px;
    right:5px;
    height:1px;
}
.faq_box dt::after{
    right:13px;
    top:calc(50% - 7px);
    width:1px;
    height:14px;
}

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

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