/*===============================================
　SP iPhone6以上（画面の横幅が761pxまで）
===============================================*/

@media (max-width:761px){
	
	/* ==============================================================
     *
     * common
     *
     * ============================================================== */
    
    #sec_main_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 300px;
		background: url("../../img/main_bg2.png") no-repeat;
		background-size: 2966px auto;
		background-position-x: -971px;
		background-position-y: -36px;
		position: absolute;
		top: 0;
		left: 0;
	}



	/* =========================================================================
 	second main title
	===========================================================================*/
	

	#sec_main_wrap{
		width:100%;
		height: 240px;
		margin: 100px 0 0;
		position: relative;
	}


	#sec_main_wrap .bg_grade{
		width: 64vw;
		height: 180px;
		background: url("/img/bg_c2.png") repeat;
		background-size: 100% auto;
		position: absolute;
		bottom: 0;
		right:0;
		z-index: -1;
	}

	
	#sec_main_wrap #copy_box{
		position: absolute;
		top: 49%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#sec_main_wrap #copy_box p{
		font-family: 'Roboto', sans-serif;
		font-weight:600;
		font-size: 7.4rem;
		color:#000;
		line-height: 90%;
		letter-spacing: 0;
		white-space: nowrap;
		padding:0 0 10px;
	}

	
    
	/* ==============================================================
     *
     * financial
     *
     * ============================================================== */
     
     .financial{
         background: url("/global/img/body_bg.jpg") no-repeat;
         background-position-x: center;
         background-position-y: 188px;
     }

     .box01{
		width: 32%;
		position:absolute;
		left: -19px;
		bottom: -84px;
     }
    
     .box02{
		width: 20%;
		position:absolute;
		right:-20px;
		top: 52px;
     }
	
	/* --------------------------------------------------------------
 	   section 01
	----------------------------------------------------------------- */
	
	#sec01{
		width: 100%;
		padding: 120px 0 80px;
		position:relative;
	}

	/* --------------------------------------------------------------
 	   graph
	----------------------------------------------------------------- */
    
   .c-financial-graph-items {
        margin: 0 0 30px;
        /* display: flex; */
    }

    .c-financial-graph-item {
        text-align: center;
        width: 100%;
        padding: 30px 0 0;
        margin: 0 0 30px;
        border: 1px solid #e4e7e9;
        background: #fff;
        position: relative;
    }

    .c-financial-graph-item .e-image {
        margin: 0 0 20px;
    }

    .c-financial-graph-item.is-large-item .u-table {
        bottom: 0;
    }

    .c-financial-graph-item .e-title {
        font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.2rem;
		letter-spacing: 2px;
		color:#005292;
        margin: 0 0 10px;
    }

    .c-financial-graph-item .e-note {
        font-size: 1.4rem;
        padding: 10px 0 5px;
        text-align:left;
        width: 90%;
        margin: 0 auto;
        display:flex;
        justify-content:space-between;
    }


    .c-financial-graph-item .e-img {
        max-width: 90%;
    }

    .c-financial-graph-item .e-note-items {
        text-align: right;
        width: 100%;
        padding: 5px 20px 0;
        display: block;
        position: absolute;
    }

    .c-financial-graph-item .e-note-item {
        list-style: none;
        font-size: 1.4rem;
        margin: 0 0 0 15px;
        padding: 0 0 0 2.5em;
        display: inline-block;
        position: relative;
    }

    .c-financial-graph-item .e-note-item.is-mid:before,
    .c-financial-graph-item .e-note-item.is-end:before,
    .c-financial-graph-item .e-note-item.is-mid:after,
    .c-financial-graph-item .e-note-item.is-end:after {
        content: '';
        vertical-align: -.15em;
        width: 1em;
        height: 1em;
        margin: 0 5px 0 0;
        display: inline-block;
        position: absolute;
        top: calc(50% + .05em);
        left: calc(1em + 3px);
        transform: translateY(-50%);
    }

    .c-financial-graph-item .e-note-item.is-mid:after,
    .c-financial-graph-item .e-note-item.is-end:after {
        left: 0;
    }

    .c-financial-graph-item .e-note-item.is-mid:before {
        background: #6785d5;
    }

    .c-financial-graph-item .e-note-item.is-end:before {
        background: #414696;
    }

    .c-financial-graph-item .e-note-item.is-mid:after {
        background: #9fa8b1;
    }

    .c-financial-graph-item .e-note-item.is-end:after {
        background: #646d77;
    }

    .is-cash-flow .c-more-button {
        padding: 0;
    }

    .c-financial-graph-item .u-table {
        width: calc(100% + 2px);
        margin: 0 -1px -1px -1px;
    }

    .c-financial-graph-item.is-table-large {
        padding-bottom: 5em;
    }

    .c-financial-graph-item.is-table-large:first-child .u-table {
        transform: translateY(-1.75em);
    }

    .c-financial-graph-item .u-table th,
    .c-financial-graph-item .u-table td {
        font-size: 1.4rem;
        text-align: center;
        padding: 5px 0;
    }

    .c-financial-graph-item .u-table .is-head-line th:last-child {
        background: #6785d5;
    }

    .is-category-financial.is-performance .c-financial-graph-item.is-table-large:first-child .u-table {
        transform: none;
    }

    .is-category-financial.is-performance .c-financial-graph-item.is-table-large {
        padding-bottom: 3em;
    }

    .is-category-financial.is-financial table.xj_chart_table:nth-of-type(2) {
        margin-top: -1px;
    }

    .is-category-financial.is-financial table.xj_chart_table td:first-of-type,
    .is-category-financial.is-financial table.xj_chart_table:nth-of-type(2) td:first-of-type {
        width: 190px !important;
    }


    /* --------------------------------------------------------------
 	   table
	----------------------------------------------------------------- */


    .c-financial-table-items {
		margin: 0;
	}
	.c-financial-table-item {
		width: calc(100% - 30px);
		margin: 0 15px;
	}


	.xj_chart_table {
		margin: 0 -1px -1px -1px;
		border-collapse: separate;
		border-spacing: 0;
		border-bottom: 1px solid #e4e7e9;
		border-right: 1px solid #e4e7e9;
		min-width: 738px;
	}

	.xj_chart_table td {
		font-size: 1.4rem;
		text-align: right;
		color: #666;
		background: #fff;
		border-top: 1px solid #e4e7e9;
		border-left: 1px solid #e4e7e9;
		padding: 5px;
	}
	.xj_chart_table .xj_chart_header_first, .c-financial-table-item > .xj_chart_table:nth-of-type(2) > tbody > tr:nth-of-type(2) .xj_chart_header{
		width:28%;
	}
	.xj_chart_table .xj_chart_header, .xj_chart_table .xj_chart_header_first {
		color: #fff;
		text-align: left;
		background: #a0aab3;
		border-top: 1px solid #e4e7e9;
		border-left: 1px solid #e4e7e9;
	}
	.xj_chart_table tbody > tr:first-child .xj_chart_header{
		text-align: center;
		width:14.4%;
	}
	.c-financial-table-item > .scroll-box > .xj_chart_table:nth-of-type(2) > tbody > tr:nth-of-type(2)  .xj_chart_value {
		width:14.4%;
	}
	.xj_chart_table tbody > tr:first-child .xj_chart_header:nth-last-of-type(1) {
		background-color: #005292;
	}
	.c-financial-table-item > .scroll-box > .xj_chart_table:nth-of-type(2) tbody > tr:first-child {
		display: none;
	}

	.scroll-box {
		width:100%;
		overflow-x: auto;
		overflow-y: visible;
	}
	.c-financial-table-item {
		margin:0;
		width:100%;
	}
	.xj_chart_table {
		margin: -1px 0 0;
	}

	
}



/*===============================================
　SP iPhone5サイズ対応　画面の横幅が350pxまで▼▼▼▼▼
===============================================*/

@media (max-width:349px) {
	
}

/*===============================================
　SP iPhone Plus サイズ対応　画面の横幅が415pxまで▼▼▼▼▼
===============================================*/

@media (min-width:413px) {
	
}