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

@media (max-width:761px){
	
	/* ============================================================
 	common
	==============================================================*/
    
    .cover{
		width:100%;
		height:100vh;
		left:0;
		top:0;
		background:#fff;
		position:absolute;
		z-index: 999;
		transition: all 5s cubic-bezier(0, 0, 0.07, 0.96) 0.25s;
	}
	.cover_act{
		opacity: 0;
	}


	/* ============================================================
 	section 00
	==============================================================*/
	
	#sec00{
		width: 100%;
		margin: 100px 0 150px;
		padding: 0 8%;
		box-sizing: border-box;
	}
	
	#sec00 .wrapper_c{
		position: relative;
	}

	#sec00 h1{
		font-family: 'Roboto', sans-serif;
		font-weight: 600;
		font-size: 6rem;
		letter-spacing:0.1rem;
		color:#000;
		position:relative;
		padding: 0 0 20px;
		margin: 0 0 47px;
	}

	#sec00 h1:after{
		content: "";
		display: block;
		width: 50px;
		height: 1px;
		background:#000;
		position: absolute;
		bottom:0;
		left:2px;
	}

	#sec00 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.2rem;
		letter-spacing:0.2rem;
		color:#000;
		position:relative;
		padding: 0 0 14px;
	}

    
    #sec00 table{
		margin:0 0 50px;
	}

	#sec00 th{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.4rem;
		letter-spacing:0.2rem;
		color:#000;
		text-align: left;
		padding:24px 0 5px;
		display:block;
	}

	#sec00 td{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
		color:#000;
		display:block;
	}

	#sec00 .g_wrap{
		background:#e8e9eb;
		margin: 0 -10%;
	}

	#sec00 .g_wrap .img_box{
		padding: 20px 10px;
		line-height:0;
	}

	#sec00 .ttl_wrap{
		/* display: flex; */
		padding:80px 0 0;
	}

	#sec00 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		letter-spacing:0.2rem;
		color:#000;
		position:relative;
		padding: 0 30px 0 0;
	}

	#sec00 .body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.5rem;
		color:#000;
		letter-spacing:0.1rem;
		line-height: 180%;
		padding: 0 0 40px;
	}

	#sec00 ul{
		padding: 42px 5% 34px;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
	}

	#sec00 ul li{
		width: 49%;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:600;
		font-size: 1.5rem;
		color:#000;
		background:#fff;
		margin:0 0 16px;
		text-align:center;
		padding:4px 0 5px;
		box-shadow: 6px 8px 6px 2px #babdc5;
	}
    
    
    /* ============================================================
 	section 01
	==============================================================*/
	
	#sec01{
		width: 100%;
		margin: 100px 0 150px;
		padding: 0 8%;
		box-sizing: border-box;
	}
	
	#sec01 .wrapper_c{
		position: relative;
	}

	#sec01 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.2rem;
		line-height: 140%;
		letter-spacing: 0.1rem;
		color:#000;
		position:relative;
		padding: 0 0 10px;
	}

	#sec01 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		letter-spacing:0.1rem;
		color:#000;
		position:relative;
		padding: 10px 0 5px;
	}

	#sec01 .body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.5rem;
		color:#000;
		letter-spacing:0.1rem;
		line-height: 140%;
		padding: 0 0 40px;
	}

	#sec01 .body_txt2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:300;
		font-size:1.5rem;
		color:#000;
		letter-spacing:0.1rem;
		line-height: 140%;
		padding:0 0 20px;
	}

	#sec01 ul{
		/* display: flex; */
		/* justify-content:space-between; */
		/* flex-wrap: wrap; */
	}

	#sec01 ul li{
		/* width:46%; */
		margin: 0 0 60px;
	}

	#sec01 ul li:nth-child(2) h3{
		margin:-30px 0 0;
	}
	

	#sec01 .img_box{
		line-height:0;
		position:relative;
	}

	#sec01 .img_box span{
		display:block;
		width:100%;
		position:absolute;
		left:0;
		top:0;
	}


	/* ============================================================
 	section 02
	==============================================================*/
	
	#sec02{
		width: 100%;
		margin: 100px 0;
		padding: 0 8%;
		box-sizing: border-box;
	}
	
	#sec02 .wrapper_c{
		position: relative;
	}

	#sec02 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.2rem;
		letter-spacing:0.2rem;
		color:#000;
		position:relative;
		padding: 0 0 14px;
	}

	#sec02 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		letter-spacing:0.1rem;
		color:#000;
		position:relative;
		padding: 10px 0 20px 26px;
	}

	#sec02 h3:before{
		content:"";
		display:block;
		width:14px;
		height:14px;
		background:#a8acbe;
		position:absolute;
		left:0;
		top: 21px;
	}

	#sec02 h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.0rem;
		letter-spacing:0.1rem;
		color:#000;
		position:relative;
		padding: 10px 0 5px;
	}

	#sec02 h4.ss{
		font-weight: 500;
		font-size: 2.2rem;

	}

	#sec02 ul.add_list{
		margin: 0 -10% 90px 0;
	}

	#sec02 ul.add_list > li{
		margin: 0 0 40px;
	}

	#sec02 ul.add_list > li p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		color:#000;
		background:#e8e9eb;
		letter-spacing:0.1rem;
		line-height:160%;
		padding: 40px 30px 50px;
	}

	#sec02 ul.add_list .btn_wrap{
		width: 210px;
		margin: -20px 0 0 30px;
	}
	


	#sec02 .img_box span{
		display:block;
		width:100%;
		position:absolute;
		left:0;
		top:0;
	}
	

	
}



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

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

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

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