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

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



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

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


	#sec_main_wrap .bg_grade{
		width: 64vw;
		height: 130px;
		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: 46%;
		left: 10%;
		transform: translate(0, -50%);
	}

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

	#sec_main_wrap #copy_box h1{
        font-family: 'Noto Sans JP', sans-serif;
        font-weight:300;
        font-size: 1.8rem;
        letter-spacing: 2px;
        color:#fff;
    }

	#sec_main_wrap #copy_box h1 span{
		display:inline-block;
		background: linear-gradient( to right,  #0096d7 25%, #005292 75% );
		padding:6px 20px 8px 22px;
		margin: 0;
		line-height:100%;
		position: relative;
		overflow:hidden;
	}
    
	
	#sec_main_wrap #copy_box h1 span:after{
		content: "";
		display: block;
		width: 100%;
		height: 50px;
		background:#fff;
		position: absolute;
		top:-2px;
		left:0;
		z-index:10;
		transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	

	#sec_main_wrap #copy_box h1 span.con_ttl_act:after{
		width:0;
	}
    
    
	/* ==============================================================
     *
     * news
     *
     * ============================================================== */
     
     .news{
         background: url("../img/body_bg.jpg") no-repeat;
         background-position-x: center;
         background-position-y: 180px;
     }

     .news .box01{
		width: 32%;
		position:absolute;
		left: -28px;
		bottom: -87px;
	}
    
    .news .box02{
		width: 20%;
		position:absolute;
		right:-20px;
		top: 62px;
	}
	
	/* --------------------------------------------------------------
 	   section 01
	----------------------------------------------------------------- */
	
	.news #sec01{
		width: 100%;
		padding: 100px 0 160px;
		position:relative;
	}

	.news #sec01 .wrapper{
	padding: 0 10%;
    word-wrap: break-word;
	}

	
	.news #sec01 .ttl_wrap{

	}
	
	.news #sec01 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		line-height: 160%;
		letter-spacing: 0;
		color:#000;
		padding:10px 0 20px;
	}

	

	.news #sec01 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.8rem;
		letter-spacing: 1px;
		color:#005292;
		padding: 30px 0 0;
	}
    
    .news #sec01 h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.5rem;
		letter-spacing: 1px;
		color:#005292;
		padding: 30px 0 0;
	}

	.news #sec01 span.category_txt{
		color: #fff;
        font-size: 1.4rem;
        line-height: 1;
        letter-spacing: 2px;
        text-align: center;
        width: 140px;
        padding: 5px 0 5px;
        background: #b5b8a1;
        display:block;
	}

	.news #sec01 .img_box{
		margin:20px 0 0;
	}

	.news #sec01 span.day_txt{
		font-family: 'Roboto', sans-serif;
        font-weight: 600;
        font-size: 1.4rem;
        color:#000;
        text-indent:1px;
        letter-spacing:1px;
        display: inline-block;
        position:relative;
        padding:5px 50px 0 2px;
	}

	.news #sec01 span.day_txt:before{
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		background: linear-gradient( to right,  #b5b8a1 25%, #005292 75% );
		position: absolute;
		top: 0;
		left: 0;
	}

	.news #sec01 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		line-height: 200%;
		font-size: 1.4rem;
		letter-spacing: 0px;
		padding: 20px 0 0;
	}
     
    .news #sec01 .f_wrap{
    	margin: 100px 5% 0;
    	padding:30px 0 0;
    	border-top:1px solid #ccc;
    	position:relative;
    }

    .news #sec01 .btn_list{
         width: 258px;
         margin:0 auto;
    }
    
    .news #sec01 .wrapper a {
        display: inline-block;
        color: #557bb3;
        text-decoration: underline !important;
        text-underline-offset: 3px;
    }
    
    .news #sec01 .wrapper ol,.news #sec01 .wrapper ul{padding: 0 0 0 20px;}
	.news #sec01 .wrapper ol{list-style-type:decimal;}
	.news #sec01 .wrapper ul{list-style: disc;}
	.news #sec01 .wrapper li {
		font-size:1.4rem;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		padding:4px;
	}

	
}



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

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

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

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