@charset "utf-8";

@media screen and (max-width:670px){
    /* --------------------------------------------------
     * スマホ非表示
     * -------------------------------------------------- */
    /*改行*/
	.br-sp {
		display: inline-block;
	}

    html{
        font-size: 62.5%;
        -webkit-text-size-adjust: 100%;
        line-height: 1.42857;
    }
    
    body{
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.42857em;
        color: #000;
    }

    /* --------------------------------------------------
     * メインメニュー
     * -------------------------------------------------- */
    #menuWrap .list_columnPc a{
        padding: 10px 10px 10px 12px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    /*区切り線*/
    #menuWrap .list_columnPc a:first-child{
        padding: 10px;
    }
    
	/* --------------------------------------------------
	 * サブリスト（新本部・旧本部）
	 * -------------------------------------------------- */
    div.subKind{
        max-width: 330px;
    }
    div.subKind ul li{
        margin-left:2px;
        width: calc(50% - 2px);
    }
	div.subKind ul li a{
        padding:6px 0px;
		font-size:12px;
	}
        
    /* --------------------------------------------------
     *見出し
     * -------------------------------------------------- */
    .title-lv2{
        margin-top: 50px;
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 1.16667;
	}
    
    .title-lv3 {
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 1.22727;
    }
    .title-lv3.title_arpu {
        margin-top: 40px;
    }
    
    
    /* --------------------------------------------------
     * 単位
     * -------------------------------------------------- */
	span.unit{
		font-size: 14px;
	}
    
    /* --------------------------------------------------
     * グラフ 幅・高さ
     * -------------------------------------------------- */ 
    /*セグメント別情報(日本語)*/
    .langJP div[id^="comG"].segmentAGraphWrap_sokyuMae,
    .langJP div[id^="comG"].segmentAGraphWrap,
    .langJP div[id^="comG"].segmentQGraphWrap 
    {height: 645px;}
    /*セグメント別情報(英語)*/
    .langEN div[id^="comG"].segmentAGraphWrap_sokyuMae,
    .langEN div[id^="comG"].segmentAGraphWrap,
    .langEN div[id^="comG"].segmentQGraphWrap 
    {height: 604px;}
    
    /* --------------------------------------------------
	 * Table
	 * -------------------------------------------------- */
    .TableWrap table td,
    .TableWrap_seg table td{
        font-size: 14px;
    }
    .TableWrap table td,
    .TableWrap_seg table td,
    .TableWrap table td.headerTop, 
    .TableWrap_seg table td.headerTop {
        padding: 15px 10px !important;
    }
    
	/*最初の列*/
	.TableWrap table tr td:first-child,
    .TableWrap_seg table tr td:first-child {
		padding: 12px 6px;
	}

    /* --------------
	 * td 幅設定
	 *  -------------- */
	.TableWrap table td,
    .TableWrap_seg table td{min-width: 100px;}
	.TableWrap table td.fixed,
    .TableWrap_seg table td.fixed{width: 10%; min-width: 130px;max-width: 230px;}  /*最初の1列目*/
    
    /* --------------------------
     * セグメントの表
     * -------------------------- */
    .TableWrap_seg table tr td:first-child {
        padding-left: 12px;
    }
    .TableWrap_seg table tr td.combinedColumns_title {
        padding-left: 6px;
    }


    /* --------------------------------------------------
     * 注釈
     * -------------------------------------------------- */	
	.att {
		margin: 28px 0 9px;
	}
    .att .att_title{
        margin: 9px 0;
    }
    .att .att_title,
	.att ul li {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
	}
    .att ul li .list_marker{
        min-width: 35px;
    } 
}


@media screen and (max-width:500px){
	/* --------------------------------------------------
	 * グラフ操作（ボタン）
	* -------------------------------------------------- */
	div.comGraphTermButton{
		margin-left:8px;
	}
	div.comGraphTermButton div{
		width:32.4%;
	}
}