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

@media (max-width:761px){
	
	/* ==============================================================
     *
     * common
     *
     * ============================================================== */
    
    #sec_main_wrap{
		background:url("../../img/mv_bg2_sp.jpg") no-repeat top center;
		background-size:cover;
	}


    
	/* ==============================================================
     *
     * financial
     *
     * ============================================================== */
     
    
	
	/* --------------------------------------------------------------
 	   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 img {
        max-width: 80%;
    }

    .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;
	}


	.c-financial-table-items table {
		width:100%;
		
		border-collapse: separate;
		border-spacing: 0;
		border-bottom: 1px solid #e4e7e9;
		border-right: 1px solid #e4e7e9;
	}

	.c-financial-table-items td {
		font-size: 1.4rem;
		text-align: right;
		color: #666;
		background: #fff;
		border-top: 1px solid #e4e7e9;
		border-left: 1px solid #e4e7e9;
		padding: 5px;
	}
	
	.c-financial-table-items th {
		font-size: 1.4rem;
		white-space:nowrap;
		color: #fff;
		text-align: left;
		line-height:1.4;
		font-feature-settings: 'palt';
		background: #a0aab3;
		border-top: 1px solid #e4e7e9;
		border-left: 1px solid #e4e7e9;
		padding:10px
	}

	.c-financial-table-items tr:first-child th{
		text-align: center;
	}

	.c-financial-table-items tr:first-child th:last-child{
		background: #6685d1;
	}

	.c-financial-table-items th span{
		display:block;
		font-size:1.2rem;
	}

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

	.library_wrap{
		margin: 100px 0 0;
		padding: 70px 0 0;
		border-top: 3px solid #ccc;
	}

	.library_wrap h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.6rem;
		letter-spacing: 0.2rem;
		color:#005292;
		padding: 0 0 10px;
	}

	.library_wrap ul{
		border-top: 1px solid #989898;
		border-bottom: 1px solid #989898;
	}

	.library_wrap ul li{
		width:100%;
		border-bottom: 1px dotted #989898;
	}

	.library_wrap ul li:last-child{
		border-bottom:none;
	}

	.library_wrap a{
    	display:block;
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight: 400;
    	font-size: 1.6rem;
    	letter-spacing: 1px;
    	color: #557bb3;
    	padding:20px 0 20px 20px;
    	position:relative;
    }

    .library_wrap a:before{
		content: "";
		display: block;
		width: 6px;
		height:6px;
		border-right:solid 1px #557bb3;
		border-bottom:solid 1px #557bb3;
		position: absolute;
		top: 50%;
		left: 0;
		transform:translate(0, -50%) rotate(-45deg);
		
	}


	.library_wrap a span.u-ir-icon-pdf{
    	display:inline-block;
    	background: url("/global/img/pdf_sp.png") no-repeat 10px 2px;
    	background-size:18px auto;
    	padding: 0 0 0 33px;
		vertical-align:text-top;
    	font-size:1.1rem;
    }

	
}



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

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

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

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