/*===============================================
　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: 55%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

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

	
    
	/* ==============================================================
     *
     * library_c
     *
     * ============================================================== */
     
     .library_c{
         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;
	}

	.wrapper{
		
	}

    
    
    /* --------------------------------------------------------------
 	   XJ
	----------------------------------------------------------------- */
    
    .is-category-library .c-bgColorGray {
        margin-bottom: 60px;
    }

    .is-category-library .c-bgColorGray:last-of-type {
        margin-bottom: 0;
    }

    .c-library-list-title {
        font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.2rem;
		letter-spacing: 2px;
		color:#005292;
		padding:50px 0 20px;
    }
    
    .e-title{
    	font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		letter-spacing: 2px;
		margin:10px 0 5px;
		color:#83a3bc;
    }

    .c-library-list-items {
        margin: 0 0 30px;
        border-bottom: 1px solid #a0aab3;
    }

    .c-library-list-item {
    	font-family: 'Noto Sans JP', sans-serif;
        font-weight:400;
        font-size: 1.5rem;
        line-height: 1.5;
        width: 100%;
        padding: 0;
        list-style: none;
        display: table;
        border-top: 1px dotted #a0aab3;
    }

    .c-library-list-item:first-child {
        border-top: 1px solid #a0aab3;
    }

    .c-library-list-item:before {
        content: attr(data)'';
        white-space: nowrap;
        font-family: 'Roboto', sans-serif;
        font-weight:600;
        width: 7em;
        display: block;
        padding: 30px 0 0;
    }

    .c-library-list-item.is-time-none:before {
        display: none;
    }

    .c-library-list-item .e-link,
    .c-library-list-item .e-box {
        color: #557bb3;
        display: block;
        padding: 7px 0 30px;
        transition: all 0.5s cubic-bezier(0, 0, 0.26, 1) 0s;
    }

    

    .is-category-library.is-result .g-content {
        min-height: 1030px;
    }

    .is-category-library.is-result .c-section {
        margin-bottom: 30px;
    }

    span.u-ir-icon-pdf{
    	display:inline-block;
    	background: url("/global/img/pdf_pc.png") no-repeat 10px 0px;
    	background-size:18px auto;
    	padding: 0 0 0 33px;
    	font-size:1.3rem;
    }


	
}



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

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

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

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