
/*===============================================
　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: 58%;
		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;
	}

	
    
	/* ==============================================================
     *
     * news
     *
     * ============================================================== */
     
     .news{
         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: -53px;
		}
	
	/* --------------------------------------------------------------
 	   section 01
	----------------------------------------------------------------- */
	
	.news #sec01{
		width: 100%;
		background:#fff;
		margin:120px 0 0;
		padding: 0 0 40px;
		border-top: 1px solid #e4e4e4;
		position:relative;
	}

	.c-archiveButton .wrapper{
		padding:0;
		position: relative;
	}


	.news #sec01 .s_year_wrap{
		background:#f5f5f5;
		padding:24px 0;
		margin: 25px 0 0;
	}
	
	
	.news #sec01 .s_year_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		text-align: center;
		letter-spacing: 2px;
		position:absolute;
		left: 5%;
		top: 0;
	}

	
    

    /* --------------------------------------------------------------
 	   section 02
	----------------------------------------------------------------- */
	
	.news #sec02{
		width: 100%;
		background:#fff;
		padding: 0 0 100px;
		position:relative;
	}

	.news #sec02 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 2.0rem;
		letter-spacing:2px;
		line-height:100%;
		padding: 0 0 20px;
		color:#939393;
	}

    
    /* --------------------------------------------------------------
 	   xj
	----------------------------------------------------------------- */
    .l-news-list-items {
        /* display: flex; */
        /* justify-content:space-between; */
        /* flex-wrap: wrap; */
    }

    .l-news-list-items:after{
	  content:"";
	  display: block;
	  width:30%;
	}

    .l-news-list-items li{
    	transition: all 0.2s cubic-bezier(0.38, 0.36, 0.6, 0.6) 0s;
    }

    .l-news-list-item {
    	list-style: none;
    	border-bottom: 1px solid #000;
    	margin: 0 0 20px;
    }

    .l-news-list-item .anc {
        padding: 9px 0 34px;
        display: block;
    }

    .l-news-list-item .anc.js-noLink {
        color: #333;
        cursor: default;
    }

   

    .l-news-list-item .anc .update {
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        font-size: 1.3rem;
        color:#000;
        letter-spacing:1px;
        display: inline-block;
        margin-right: 12.5px;
    }

    

    .l-news-list-item .anc .category {
        color: #fff;
        font-size: 1.3rem;
        font-weight: 400;
        font-style: normal;
        line-height: 1;
        letter-spacing: 1px;
        text-align: center;
        width: 90px;
        padding: 3px 0 3px;
        background: #ddd;
        display: inline-block;
    }

    .l-news-list-item .anc .category.is-info {background: #b5b8a1;}
    .l-news-list-item .anc .category.is-ir {background: #b66464;}
    .l-news-list-item .anc .category.is-decision {background: #438EBC;}
    .l-news-list-item .anc .category.is-timely {background: #005292;}
    .l-news-list-item .anc .category.is-results {background: #7FB5E8;}


    

    .l-news-list-item .anc .description {
    	color: #222222;
    	font-family: 'Noto Sans JP', sans-serif;
    	font-size: 1.4rem;
    	line-height: 200%;
    	font-weight: 400;
    	letter-spacing:1px;
    	padding: 10px 0 0;
    	display: block;
    }

    .l-news-list-item .anc .description span.u-ir-icon-pdf{
    	display:inline-block;
    	background: url("/global/img/pdf_sp.png") no-repeat 10px 5px;
    	background-size:18px auto;
    	padding: 0 0 0 33px;
    	font-size:1.2rem;
    }

    .l-news-more-items {
        line-height: 1;
        text-align: right;
        padding: 10px 0 0;
        display: block;
    }

    .l-news-more-items .e-link {
        margin-left: 15px;
        display: inline-block;
    }

    .l-news-more-items .u-anc-arrow {
        padding-left: 0;
        padding-right: 25px;
        background-position: right center;
    }

    
    .is-ir_news-page .g-header-nav-page_item:nth-child(5) .link.is-focus .anc:after {
	opacity: 0;
    }

    .is-ir_news-page .c-section .u-inner {
        margin: 0;
    }

    .c-ir_news-menu-items {
        letter-spacing: -.4em;
        margin: 0 -7px;
    }

    .c-ir_news-menu-item {
        color: #fff;
        font-size: 1.4rem;
        line-height: 1.25;
        letter-spacing: 0;
        width: calc(100% / 8 - 2px);
        margin: 0 1px;
        padding: 10px;
        background: #6785d5;
        display: inline-block;
        transition: .3s;
        cursor: pointer;
        position: relative;
    }

    .c-ir_news-menu-item:after {
        content: url(/assets/img/global/arrow_white.svg);
        width: 18px;
        height: 18px;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        transition: .2s;
    }

   

    .c-ir_news-menu-item.js-active {
        background: #646e78;
    }

    .c-ir_news-menu-item.js-active:after {
        transform: translateY(-50%) rotate(90deg);
    }

    .c-ir_news-menu-item .e-year {
        font-style: normal;
    }

    .c-ir_news-list {
        margin: 0 0 60px;

    }

    .c-ir_news-list.is-active {
        display: block;
    }

    .is-disclaimer-page .c-library-list-title {
        border-bottom: 1px solid #a0aab3;
    }




    .is-news-entry .c-library-list-title {
        color: #646e78;
        font-size: 2rem;
        margin: 0 0 5px;
        border-bottom: 1px solid #a0aab3;
    }

    .c-news-day {
        font-size: 1.5rem;
        text-align: right;
        margin: 0 0 15px;
        display: block;
    }

    .c-news-entry .e-text {
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 1.75em;
        text-align: justify;
        text-justify: inter-ideograph;
        -ms-text-justify: inter-ideograph;
        margin-bottom: 15px;
    }




    /* CMS */
    #xj-select-year_s {
        border: 1px solid #888;
        padding: 5px 10px;
        cursor: pointer;
        margin: 0 0 0 31%;
    }

    .c-tab {
        padding: 30px 0 0;
    }

    .c-tab_lists {
        display: flex;
        justify-content:space-between;
    }

    .c-tab_list {
    	width:16%;
        transition: .3s;
        cursor: pointer;
        position: relative;

    }

    .c-tab_list h2{
    	font-family: 'Noto Sans JP', sans-serif;
    	font-weight: 400;
    	font-size: 1.4rem;
    	line-height: 1.25;
    	letter-spacing: 2px;
    	text-align:center;
    	white-space:nowrap;
    	position:absolute;
    	top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
    }

    .c-tab_list:after {
        content:"";
        width: 0;
        height: 0;
        background:#184f88;
        border-radius:50%;
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform:translate(-50%, 0);
        transition: .2s;
    }

    .c-tab_list .e-box {

    	height:30px;
    	padding: 6px 0;
    	display: block;
    	border-right: 1px solid #ccc;
    }

    .c-tab_lists > li:last-child .e-box{
    	border-right:none;
    }

    

    .c-tab_list.is-state_active h2 {
        color:#889bae;
    }

    .c-tab_list.is-state_active:after {
        width: 6px;
        height: 6px;
    }
    
    .l-news-list-item .anc.js-noLink {
        color: #333;
        font-size:1.5rem;
        text-align:center;
        cursor: default;
        pointer-events: none;
    }

    
	
}



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

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

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

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