
/*===============================================
　SP iPhone6以上（画面の横幅が761pxまで）
===============================================*/

@media (max-width:761px){
	
	
	/* ============================================================
 	main_wrap
	==============================================================*/
    
    
	#main_sec_wrap{
		width: 100%;
		position: relative;
		overflow: hidden;
	}

	#main_sec_wrap .img_bg{
		position:absolute;
		width: 100vw;
		top:60px;
		left: 50%;
		transform: translate(-50%, 0);
		z-index:-1;
	}
	#main_sec_wrap .img_ill{
		width: 140vw;
		padding: 50px 0 0;
		margin: 0 -20vw;
	}
	
	#main_sec_wrap .txt_wrap{
		width: 85vw;
		margin: 6px auto 0;
	}

	#main_sec_wrap h1{
		line-height: 0;
	}

	#main_sec_wrap h1 span{
		display:block;
	}

	#main_sec_wrap ul{
		width: 80vw;
		padding: 40px 0 0;
		margin:0 auto;
	}

	#main_sec_wrap ul li{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.8rem;
		line-height: 1.4;
		color: #565656;
		font-feature-settings: 'palt';
		letter-spacing: 0.3rem;
		margin: 0 0 7px;
	}

	#main_sec_wrap ul li span{
		display:inline-block;
		width: 20px;
		vertical-align:text-top;
		margin: -2px 8px 0 0;
	}

	#main_sec_wrap p{
		width: 80vw;
		padding: 10px 0 0;
		margin:0 auto;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 1.8;
		color: #565656;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		position:relative;
	}



	/* ============================================================
 	sec01
	==============================================================*/
	
	#sec01{
		width: 100%;
		padding: 80px 0 100px;
		position:relative;
		overflow:hidden;
	}
	
	#sec01 .wrapper{
		/* width: 1060px; */
	}

	#sec01 .ttl_wrap{
		border: 2px solid #8c8c8c;
		background:#bfbfbf;
		border-radius:4px;
		padding: 30px 0;
		margin: 0 0 50px;
	}
	
	#sec01 h2{
		font-family: "M PLUS 1", sans-serif;
		font-weight: 500;
		font-size: 3.2rem;
		line-height: 1.4;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		text-align:center;
	}

	#sec01 h2 span{
		display:block;
		font-size: 1.4rem;
		padding:0 0 5px;
		border-bottom:2px solid #fff;
		width: 250px;
		margin:0 auto;
	}


	#sec01 ul{
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
		gap: 40px 0;
	}

	#sec01 ul li{
		width: 80vw;
	}

	#sec01 ul .img_box{
		line-height:0;
	}

	#sec01 ul h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.0rem;
		line-height: 1.4;
		text-align:center;
		color:#fff;
		background:#e57777;
		border:2px solid #c41919;
		border-radius:4px;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding: 6px 0 8px;
	}

	#sec01 ul h3 span{
		display:inline-block;
		font-weight: 400;
		font-size: 1.4rem;
	}

	#sec01 ul h4{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		line-height: 1.4;
		text-align:center;
		color:#c41919;
		border-radius:4px;
		font-feature-settings: 'palt';
		letter-spacing: 0.05rem;
		padding: 12px 0 14px;
	}

	#sec01 ul p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 1.8;
		color:#000;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
	}

	#sec01 ul li:nth-child(2) h3{ background:#7acb85; border:2px solid #349e42; }
	#sec01 ul li:nth-child(2) h4{ color:#349e42; }

	#sec01 ul li:nth-child(3) h3{ background:#9b9ace; border:2px solid #6a68ab; }
	#sec01 ul li:nth-child(3) h4{ color:#6a68ab; }

	#sec01 ul li:nth-child(4) h3{ background:#e599cf; border:2px solid #c762a9; }
	#sec01 ul li:nth-child(4) h4{ color:#c762a9; }

	#sec01 ul li:nth-child(5) h3{ background:#84d0da; border:2px solid #55b0bd; }
	#sec01 ul li:nth-child(5) h4{ color:#55b0bd; }

	#sec01 ul li:nth-child(6) h3{ background:#e3c040; border:2px solid #c49a00; }
	#sec01 ul li:nth-child(6) h4{ color:#c49a00; }

	#sec01 ul li:nth-child(7) h3{ background:#7acb85; border:2px solid #349e42; }
	#sec01 ul li:nth-child(7) h4{ color:#349e42; }

	#sec01 ul li:nth-child(8) h3{ background:#9b9ace; border:2px solid #6a68ab; }
	#sec01 ul li:nth-child(8) h4{ color:#6a68ab; }

	#sec01 ul li:nth-child(10) h3{ background:#84d0da; border:2px solid #55b0bd; }
	#sec01 ul li:nth-child(10) h4{ color:#55b0bd; }

	#sec01 ul li:nth-child(11) h3{ background:#e3c040; border:2px solid #c49a00; }
	#sec01 ul li:nth-child(11) h4{ color:#c49a00; }

	#sec01 ul li:nth-child(12) h3{ background:#e599cf; border:2px solid #c762a9; }
	#sec01 ul li:nth-child(12) h4{ color:#c762a9; }

	

	/* ============================================================
 	sec02
	==============================================================*/
	
	#sec02{
		width: 100%;
		padding: 0 0 100px;
		position:relative;
		overflow:hidden;
	}
	
	#sec02 .wrapper{
		
	}

	#sec02 .ttl_wrap{
		border: 2px solid #8c8c8c;
		background:#bfbfbf;
		border-radius:4px;
		padding: 30px 0;
		margin: 0 0 40px;
	}
	
	#sec02 h2{
		font-family: "M PLUS 1", sans-serif;
		font-weight: 500;
		font-size: 2.4rem;
		line-height: 1.4;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0rem;
		text-align:center;
	}

	#sec02 h2 span{
		display:block;
		font-size: 1.4rem;
		padding:0 0 5px;
		border-bottom:2px solid #fff;
		width: 250px;
		letter-spacing:0.1rem;
		margin:0 auto;
	}


	#sec02 ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		gap:50px 0;
	}

	#sec02 ul li{
		width:80vw;
		position:relative;
	}

	#sec02 ul li:before{
		content: "";
		display: block;
		width:6px;
		height: calc(100% - 80vw * 216 / 304 - 16px);
		background:#e57777;
		border-radius:3px;
		position: absolute;
		bottom:0;
		left:0;
	}

	#sec02 ul .img_box{
		line-height:0;
		border:4px solid #e57777;
		border-radius:8px;
		overflow:hidden;
	}

	#sec02 .img_ill{
		line-height:0;
		position:absolute;
		top: 187px;
		right: 0;
	}

	#sec02 .img_ill img{
		width: 138px;
	}

	#sec02 .img_ill span{
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.2rem;
		padding:0 0 0 4px;
	}

	#sec02 ul h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.0rem;
		line-height: 1.4;
		color:#c41919;
		font-feature-settings: 'palt';
		letter-spacing: 0rem;
		padding: 20px 0 14px 22px;
	}

	#sec02 ul h3 span{
		display:block;
		font-weight: 400;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
	}


	#sec02 ul p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 1.6;
		color:#000;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding:0 0 0 22px;
	}

	#sec02 ul li:nth-child(2) h3{ color:#349e42; }
	#sec02 ul li:nth-child(2):before{background:#7acb85;}
	#sec02 ul li:nth-child(2) .img_box{	border:4px solid #7acb85;	}

	#sec02 ul li:nth-child(3) h3{ color:#6a68ab; }
	#sec02 ul li:nth-child(3):before{background:#9b9ace;}
	#sec02 ul li:nth-child(3) .img_box{	border:4px solid #9b9ace;	}

	#sec02 ul li:nth-child(4) h3{ color:#c762a9; }
	#sec02 ul li:nth-child(4):before{background:#e599cf;}
	#sec02 ul li:nth-child(4) .img_box{	border:4px solid #e599cf;	}

	#sec02 ul li:nth-child(5) h3{ color:#c49a00; }
	#sec02 ul li:nth-child(5):before{background:#e3c040; }
	#sec02 ul li:nth-child(5) .img_box{	border:4px solid #e3c040;	}


	#sec02 ul li:nth-child(7) h3{ color:#349e42; }
	#sec02 ul li:nth-child(7):before{background:#7acb85;}
	#sec02 ul li:nth-child(7) .img_box{	border:4px solid #7acb85;	}

	#sec02 ul li:nth-child(8) h3{ color:#6a68ab; }
	#sec02 ul li:nth-child(8):before{background:#9b9ace; }
	#sec02 ul li:nth-child(8) .img_box{	border:4px solid #9b9ace;	}

	#sec02 ul li:nth-child(9) h3{ color:#c762a9; }
	#sec02 ul li:nth-child(9):before{background:#e599cf; }
	#sec02 ul li:nth-child(9) .img_box{	border:4px solid #e599cf;	}



	
	

	
}



/*===============================================
　SP iPhone5サイズ対応　画面の横幅が350pxまで▼▼▼▼▼
===============================================*/

@media (max-width:349px) {
	
}

/*===============================================
　SP iPhone Plus サイズ対応　画面の横幅が415pxまで▼▼▼▼▼
===============================================*/

@media (min-width: 413px) and (max-width: 761px) {
	
}

