@charset "utf-8";

/* CSS レイアウト *//* 全体の設定*/
/* ken_index */

/*〓↓共通↓━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*〓ｈ２タイトル【会社設立Webの‥‥】━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.roleup-1,
.roleup-2{
    position:relative;
    width:98%;
    margin:0 auto;
    border-bottom:5px solid #315F30;
    margin-bottom:40px;
}
.roleup-1 br,
.roleup-2 br{
    display: none
}
.roleup-1 h2,
.roleup-2 h2{
/*    font-size: 1em;*/
    font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
    font-weight: bold;
    -webkit-transform: scale( 1 , 0.9 );
    transform: scale( 1 , 0.9 );平体
/*    height: 84px*/
}

.roleup-1 p,
.roleup-2 p{
    padding-left:28%
}
.roleup-1 br,
.roleup-2 br{
    display: block
}
/*〓「会社設立Webの‥‥」*/
.roleup-1 p:first-child,
.roleup-2 p:first-child{
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

#table table{
        letter-spacing: 1px;
        width: 100%;
        border-bottom:3px solid #e36f4b;
    }
    margin-top: -2px;
    letter-spacing: 1px;
    color:#abac09;
    text-shadow:#000 1px 1px 1px;
    line-height: 1.1
}
.roleup-1 p:last-child{
    font-size: 1.4em;
    margin-top: 4px;
    text-align: center;
    position: relative;
    top:-2px;
}
/*〓メインタイトル------*/
.roleup-2 p:last-child{
    font-size: 1.4em;
    -webkit-transform: scale(0.75, 1);
    transform: scale(0.75, 1);
    line-height: 1.1;
}

/*〓会社設立Webの--------*/
.f-s{margin-left:0px;}

/*〓ｈ２タイトル名（・許可申請・建設業許可・古物商許可）*/
.p-c{margin-left:8px}

/*〓その２--------------*/
.sono{
    font-size: 1.6em;
    position: relative;
    top:1px
}
.f-s2{
    margin-left:0px
}
.f-s3{
    line-height: 3;
}
.hf {display: none}
.ihin{
    text-align: left
}

.f-s3{
    font-size: 1.5em;
    line-height: 1;
    padding-top: 5px;
}
/*↕共通↕*/

/*〓デコレーション-------*/
.icon-unsou{
    background-image:url(../icon/unsou_icon.gif),url(../image_button/mb2-gradation.gif);
}
.icon-mb8{
    background-image:url(../image_button/mb8-icon.gif),
        url(../image_button/mb2-gradation.gif);
}
.icon-kobutu{
    background-image:url(../icon/kobutu_icon.gif),
        url(../image_button/mb2-gradation.gif); 
}
.icon-en{
    background-image:url(../icon/en-icon.gif),
        url(../image_button/mb2-gradation.gif); 
}
.icon-hp{
    background-image:url(../icon/pc_icon1.gif),
        url(../image_button/mb2-gradation.gif); 
}
.icon-unsou,.icon-mb8,
.icon-kobutu,.roleup-2,
.icon-hp{
    padding-left:3%;
    background-repeat:
        no-repeat,
        repeat;
    background-position:
        left,
        right;
    position: relative;
}
/*〓ｈ２タイトル下-------*/
.title2{
    width: 80%;
    margin: 0 auto;
    margin-bottom: 35px;
    color: #000580;
    font-size: 3rem;
    text-align: center
}
/*〓地図---------*/
#map{text-align: center;
    margin-top: 25px;
    margin-bottom: 25px
}
    #map img{
        max-width: 400px;
        width: 100%;
        height: auto;
    }

.E2{/*試験の日程--------*/
    background-color: #CCFFCC;
    max-width: 800px;
    width: 100%;
    height:auto;
    margin: auto;
    line-height: 2em;
    font-size: medium;
    text-align: center;
}

/*〓詳しくはこちら-------*/
.p5-p3{
    width: 100%;
    text-align: right;
}

.style7{
    text-align: center;
}
.style7 span{
    margin-left: 16px;
    color: #0b2bd8;
}
/*↑共通↑/////////////////*/

/*〓建設業許可 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*〓建設業許可申請 報酬額一覧表-----*/
#table{
    max-width:600px;
    width:94%;
    height:auto;
    margin: 0 auto;
    margin-bottom: 70px
}
    .caption1{
        font-weight: bold;
        font-size: 1.6em;
        text-align: center;
        background-color: #e87e5e;
        padding: 5px;
        letter-spacing: 4px;
    }
    #table table{
        letter-spacing: 1px;
        width: 100%;
        height: auto
    }
#table{
    padding-bottom: 30px;
    border-bottom:2px solid #e87e5e;
}
    #table table tr td{
        padding: 4px 0;
    }

    #table table td:nth-child(odd){
        text-indent: 1em;
    }
    #table table td:nth-child(even){
        text-align: right;
        padding-right: 8px;
    }
    .TB1{
        margin-top: 30px;
    }


.td-0{/*0円位置*/
    position: relative;
    right: 9.3%; }
.td-s1{color:#65ea04}
.td-s2{color:#9bad13}
.td-s3{color:#7c6a0a}
.td-s4{color:#3c3b35}
/*.td-s5{color:#8ebee8}*/
/*.td-s6{color:#ff9300}*/
/*.td-s7{color:#8ebee8}*/
/*.td-s8{color:#ff9300}*/


/*〓遺品査定・動産の財産目録作成業 ━━━━━━━━━━━━━━━━*/
/*〓遺品査定報酬額一覧表-----*/
.caption2{
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
    background-color: #e87e5e;
    padding: 0;
    letter-spacing: 4px;
}
.table2 table{
    border-collapse:collapse;
    letter-spacing: 1px;
    max-width:680px;
    width:94%;
    margin: 0 auto;
    font-size:1.1em;
}
.table2{
    line-height: 2;
    border-collapse:collapse;
    letter-spacing: 1px;
    max-width: 800px;
    width: 100%;
    margin:0 auto;
    font-size: .9em; 
    padding-bottom: 30px;
}


/*項目---------*/
.table-style01 tbody th {
    background:#FFE49C;
    color:#111;
    text-align: left;
    padding:10px 15px;
    border-bottom:#FFF solid 1px;
    vertical-align:top;
}
/*境界線--------*/
.table-style01 tbody td {
    padding:8px 5px;/*@media*/
    border-bottom:#3EB1C6 solid 1px;
    vertical-align:top;
    font-size:1.2rem;
}
/*四角アイコン----*/
.cubic_icon:before{
    font-family: FontAwesome;
    content:"\f0c8";/*■アイコン*/
    color: #95c91f;
    font-size: 1.5rem;
}
.td2{font-weight: bold}
.tax{
    font-size: .8em
}
.td0{
    font-weight: bold;
    line-height: 4
}
.td1{
    background-color:#8ebee8;
    font-weight: bold;
}
.td2{
    background-color: #ffe49c;
    font-weight: bold;
}
.W09{
    text-align: center;
    background-color: #a4eaf4;
    padding-top: 3px;
    max-width: 810px;
    width: 100%;
}
.p-wrap p{
    /*●↓半角スペース・Tab・改行をそのまま表示*/
/*    white-space: pre;*/
/*    ●↓半角スペース・Tab・改行をそのまま表示*/
/*    white-space: pre-wrap;*/
    /*●↓連続した半角スペース・Tab・改行を全て1つの半角スペースとして表示　ボックスの横幅到達時に改行が行われます。さらにソース内の改行も適用されます。*/
/*    white-space: pre-line;*/
}
/*〓古物商許可 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.W3{
/*    width: 240px*/
}
.table-style01{
/*    width:100%;*/
/*    border-collapse: collapse;*/
}

#pageTitle span{
/*    font-size: 2rem*/
}
#pageTitle br{
/*    display: block*/
}

/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
/*MEDIA ━━━━━スマホ━━━━━━━━━━━━━━ 567px以上━━━━━━━━━━━
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
@media all and (min-width: 567px) {
    .roleup-1 p:last-child{
/*            font-size: 2em;*/
        line-height: .8;
    }
    /*〓メインタイトル------*/
    .roleup-2 p:last-child{
/*        font-size: 2em;*/
/*        line-height: 1.1*/
        -webkit-transform: scale(0.5, 1);
        transform: scale(0.5, 1);
    }
    .roleup-1 p,
    .roleup-2 p{
        padding-left:16%
    }
    .roleup-1 br,
    .roleup-2 br{
        display: none
    }
    .p-c{
        font-size: 1.3em;
    }

    .roleup-1 p:last-child{
        font-size: 2.4em;
        margin-top: 4px;
        text-align: center;
        position: relative;
        top:-2px;
    }
    /*〓メインタイトル------*/
    .roleup-2 p:last-child{
        font-size: 2.4em;
        -webkit-transform: scale(0.9, 1);
        transform: scale(0.9, 1);
        line-height: 1.1;
    }
    .table-style01 tbody td:last-child {
        margin-bottom:15px
    }
    
    #table2 table td:nth-child    }
/*    .W0{text-align: left}*/
    .W0 span{line-height: 1.4}

    .cubic_icon:before{
/*        font-family: FontAwesome;*/
/*        content:"\f0c8";*/
        /*■アイコン*/
/*        color: #95c91f;*/
/*        font-size: 1.5rem;*/
    }

/*    .M1{margin-top:20px}*/

    #M-1ul ul{
/*        margin-top: -8px;*/
/*        padding-top:30px  */
    }
    #M-ul-li-1 a{
/*        background-color:skyblue;*/
/*        pointer-events:none;*/
        /*非リンク*/
/*        cursor:default;*/
        /*カーソルを矢印のまま*/
/*        text-decoration:none;*/
    }
}
@media all and (min-width: 667px) {
    
}
@media screen and (min-width:534px) and ( max-width:863px){
}
@media screen and (min-width:864px) and ( max-width:1024px){
}
@media only screen and (min-width:1025px) {
    .flex-box100 div p{
        width:96%;
        margin: 0 auto
    }
    .f-s{
        font-size: 1.6em
    }
    .p-c{
        font-size: 2.2em
    }
    .f-s2{
        font-size: 1.9em
    }
    .sono{
        font-size: 2.5em
    }
    .f-s3{

    }
    .table2 table{
        max-width:800px;
        font-size:1.5em; 
    }
    .table2 table td{
        font-size:1.5rem; 
    }
    #table table tr td{
        padding: 6px 0;
    }
}