@charset "UTF-8";

body{
    padding-top:100px;
}
section{
    padding-top:90px;
}
section:first-child{
    padding-top:140px;
}
section:last-child{
    padding-bottom:140px;
}
.section_wrapper{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}
p, a, li, span, dt, dd{
    font-size:17px;
}

/* クラス */
.sp_tab{
    display:none;
}
.pc_flex{
    display:flex;
}

/* ヘッダー */
header{
    padding:30px 0;
}
.header_logo{
    margin-left:50px;
}
.header_logo a{
    line-height:1;
}
.header_logo img{
    width:auto;
    height:38px;
}
.hamburger{
    width:40px;
    height:40px;
    margin-right:50px;
}
.hamburger span{
    height:2px;
    margin:6px 0;
}

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

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


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

/* 一覧ページ コンテンツ */
#home_list ul{
    justify-content:space-around;
}
#home_list li{
    width:280px;
    margin:0 24px;
}
.list li{
    width:278px;
    margin-right:24px;
    margin-bottom:24px;
}
.list li:nth-child(4n){
    margin-right:0;
}
.list a{
    padding:20px 0;
}
.list img{
    width:45px;
    margin-right:15px;
}
.list p{
    width:140px;
}


/* マニュアルページ */
#manual_title h1{
    border-left:6px solid;
    padding-left:20px;
}
#manual_contents .step{
    margin-bottom:90px;
}
#manual_contents .step:last-child{
    margin-bottom:0;
}
#manual_contents .step_order{
    width:105px;
    padding:10px 0;
    font-size:20px;
    margin-right:15px;
}
#manual_contents .step_title{
    font-size:22px;
}
#manual_contents .detail_box{
    padding:30px 15px 30px 120px;
}
#manual_contents .text_box p,
#manual_contents .text_box ul{
    margin-bottom:17px;
}
#manual_contents .text_box p:last-child,
#manual_contents .text_box ul:last-child{
    margin-bottom:0;
}
#manual_contents .text_box ul{
    margin-left:17px;
}
.lead_buttons{
    min-height:81px;
}
.lead_buttons.double{
    min-height:177px;
}
.lead_buttons a{
    width:275px;
    padding:25px 0;
}
.lead_buttons a.btnBack::before{
    margin-right:10px;
}
.lead_buttons a.btnNext::after{
    margin-left:10px;
}
.lead_buttons a.lower{
    top:96px;
}

.document .text_box{
    width:calc(100% - 100px);
    margin-right:30px;
}
.manual_image .text_box{
    width:calc(100% - 500px);
    margin-right:30px;
}
.manual_image img{
    width:500px;
    height:auto;
}
#rejected,
#approved{
    scroll-margin-top:140px;
}


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

/* チャットサポート */
#chat_support .caption p{
    margin-bottom:15px;
}
#chat_support .detail_box{
    padding:30px;
    margin-top:60px;
}
#chat_support h2{
    font-size:22px;
    font-weight:600;
    margin-bottom:20px;
}
#chat_support .how_to ul{
    display:flex;
    justify-content:space-between;
}
#chat_support .how_to li{
    width:340px;
    text-align:center;
    background-color:#F8F7F5;
    border-radius:4px;
    padding:20px 0;
}
#chat_support .order{
    display:block;
    font-size:22px;
    letter-spacing:2px;
}
#chat_support .contents ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
}
#chat_support .contents li{
    width:50%;
    margin-bottom:15px;
}
#chat_support .contents li:nth-child(3){
    margin-bottom:0;
}
#chat_support li:last-child{
    margin-bottom:0;
}
#chat_support .mail_support{
    margin-bottom:90px;
}
#chat_support .mail_support picture{
    width:36px;
    height:36px;
    margin-right:10px;
}
#chat_support .mail_support img{
    width:36px;
    height:auto;    
}

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