/*===============================================
SP
===============================================*/

@media (max-width:761px){
	
	
	.campus article{
		background:#D5EBE1;
	}
	
	/* ============================================================
 	main_wrap
	==============================================================*/
    
    
	#main_sec_wrap{
		width: 100%;
		position: relative;
		padding: 50px 0 0;
	}

	#main_sec_wrap .wrapper{
		/* width:1174px; */
		padding: 0;
	}

	#main_sec_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 12px;
		background:#B2D9C7;
		position: absolute;
		top:0;
		left:0;
	}

	#main_sec_wrap h1{
		line-height: 0;
		margin: 0 4vw 14px;
	}

	#main_sec_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 1.6;
		color: #000;
		font-feature-settings: 'palt';
		letter-spacing: 0.1rem;
		padding: 0 6vw 12px;
	}

	#main_sec_wrap .img_wrap{
		padding: 0 2vw;
		/* width:648px; */
		/* position:absolute; */
		/* right:0; */
		/* bottom: -36px; */
	}

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

	#main_sec_wrap .img_box span{
		display:block;
		width:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:0;
	}

	
    /* ============================================================
 	sec01
	==============================================================*/
	
	#sec01{
		width: 100%;
		padding: 0 0 100px;
	}

	#sec01 .wrapper{
		padding: 50px 10vw;
		margin: 0 5vw;
		box-sizing:border-box;
		background:#fff;
		border:2px solid #000;
		box-shadow: 8px 8px 0 0 #000;
		align-items: flex-start;
	}

	#sec01 .sticky_wrap{
		
	}

	#sec01 .sticky_wrap .txt_wrap{
		/* width:390px; */
		box-sizing:border-box;
		padding: 64px 11vw 30px;
		/* border: 1px solid #000; */
		/* box-shadow: 4px 4px 0 0 #000; */
		border-radius:20px;
		background:#FFE33F;
		position:relative;
	}

	#sec01 .sticky_wrap .txt_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.5rem;
		line-height: 1.4;
		/* text-align:center; */
		color: #000;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		padding: 0 0 16px;
	}

	#sec01 .sticky_wrap .txt_wrap h2{
		width: 84%;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		line-height:1.4;
		text-align:center;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		background:#F8B500;
		padding: 9px 0 12px;
		/* border:2px solid #000; */
		border-radius:0 0 20px 20px;
		text-shadow: 2px 2px 0 #000;
		position:absolute;
		left:50%;
		top:-10px;
		transform:translate(-50%,0);
	}

	#sec01 .sticky_wrap .icon_box{
		line-height:0;
		width: 120px;
		margin:0 auto;
		background:#F8B500;
		border-radius:50%;
		overflow:hidden;
	}

	#sec01 .img_box{
		line-height:0;
		margin: 50px -10vw 0;
	}

	/* ============================================================
 	sec02
	==============================================================*/
	
	#sec02{
		width: 100%;
		padding: 0 0 100px;
	}

	#sec02 .wrapper{
		padding: 50px 10vw;
		margin: 0 5vw;
		box-sizing:border-box;
		background:#fff;
		border:2px solid #000;
		box-shadow: 8px 8px 0 0 #000;
		align-items: flex-start;
	}

	#sec02 .sticky_wrap{
		
	}

	#sec02 .sticky_wrap .txt_wrap{
		/* width:390px; */
		box-sizing:border-box;
		padding: 64px 11vw 30px;
		/* border: 1px solid #000; */
		/* box-shadow: 4px 4px 0 0 #000; */
		border-radius:20px;
		background:#f7bec8;
		position:relative;
	}

	#sec02 .sticky_wrap .txt_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.5rem;
		line-height: 1.4;
		/* text-align:center; */
		color: #000;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		padding: 0 0 16px;
	}

	#sec02 .sticky_wrap .txt_wrap h2{
		width: 84%;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		line-height:1.4;
		text-align:center;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		background:#ED7A94;
		padding: 9px 0 12px;
		/* border:2px solid #000; */
		border-radius:0 0 20px 20px;
		text-shadow: 2px 2px 0 #000;
		position:absolute;
		left:50%;
		top:-10px;
		transform:translate(-50%,0);
	}

	#sec02 .sticky_wrap .icon_box{
		line-height:0;
		width: 120px;
		margin:0 auto;
		background:#ed7a9491;
		border-radius:50%;
		overflow:hidden;
	}

	#sec02 .img_box{
		line-height:0;
		margin: 50px -10vw 0;
	}

	/* ============================================================
 	sec03
	==============================================================*/
	
	#sec03{
		width: 100%;
		padding: 0 0 100px;
	}

	#sec03 .wrapper{
		padding: 50px 10vw;
		margin: 0 5vw;
		box-sizing:border-box;
		background:#fff;
		border:2px solid #000;
		box-shadow: 8px 8px 0 0 #000;
		align-items: flex-start;
	}

	#sec03 .sticky_wrap{
		
	}

	#sec03 .sticky_wrap .txt_wrap{
		/* width:390px; */
		box-sizing:border-box;
		padding: 64px 11vw 30px;
		/* border: 1px solid #000; */
		/* box-shadow: 4px 4px 0 0 #000; */
		border-radius:20px;
		background:#FFE33F;
		position:relative;
	}

	#sec03 .sticky_wrap .txt_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.5rem;
		line-height: 1.4;
		/* text-align:center; */
		color: #000;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		padding: 0 0 16px;
	}

	#sec03 .sticky_wrap .txt_wrap h2{
		width: 84%;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		line-height:1.4;
		text-align:center;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		background:#F8B500;
		padding: 9px 0 12px;
		/* border:2px solid #000; */
		border-radius:0 0 20px 20px;
		text-shadow: 2px 2px 0 #000;
		position:absolute;
		left:50%;
		top:-10px;
		transform:translate(-50%,0);
	}

	#sec03 .sticky_wrap .icon_box{
		line-height:0;
		width: 120px;
		margin:0 auto;
		background:#F8B500;
		border-radius:50%;
		overflow:hidden;
	}

	#sec03 .img_box{
		line-height:0;
		margin: 50px -10vw 0;
	}

	/* ============================================================
 	sec04
	==============================================================*/
	
	#sec04{
		width: 100%;
		padding: 0 0 160px;
	}

	#sec04 .wrapper{
		padding: 50px 10vw;
		margin: 0 5vw;
		box-sizing:border-box;
		background:#fff;
		border:2px solid #000;
		box-shadow: 8px 8px 0 0 #000;
		align-items: flex-start;
	}

	#sec04 .sticky_wrap{
		
	}

	#sec04 .sticky_wrap .txt_wrap{
		/* width:390px; */
		box-sizing:border-box;
		padding: 64px 11vw 30px;
		/* border: 1px solid #000; */
		/* box-shadow: 4px 4px 0 0 #000; */
		border-radius:20px;
		background:#f7bec8;
		position:relative;
	}

	#sec04 .sticky_wrap .txt_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.5rem;
		line-height: 1.4;
		/* text-align:center; */
		color: #000;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		padding: 0 0 16px;
	}

	#sec04 .sticky_wrap .txt_wrap h2{
		width: 84%;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		line-height:1.4;
		text-align:center;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		background:#ED7A94;
		padding: 9px 0 12px;
		/* border:2px solid #000; */
		border-radius:0 0 20px 20px;
		text-shadow: 2px 2px 0 #000;
		position:absolute;
		left:50%;
		top:-10px;
		transform:translate(-50%,0);
	}

	#sec04 .sticky_wrap .icon_box{
		line-height:0;
		width: 120px;
		margin:0 auto;
		background:#ed7a9491;
		border-radius:50%;
		overflow:hidden;
	}

	#sec04 .img_box{
		line-height:0;
		margin: 50px -10vw 0;
	}

	#sec04 ul{
		/* width: 380px; */
		margin:0 auto;
		padding: 20px 0 0;
	}

	#sec04 a{
		display:block;
		position: relative;
	}

	#sec04 a .bnr_img{
		display: block;
		padding: 26px;
		line-height:0;
		overflow:hidden;
		border-radius: 22px;
		border: 1px solid #d0d0d0;
	}

	#sec04 a p{
		display:block;
		width:200px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 1.5rem;
		line-height:1.4;
		text-align:center;
		color: #fff;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		background: #000;
		padding: 9px 0 10px;
		border-radius:30px;
		position:absolute;
		left:50%;
		bottom: -20px;
		transform:translate(-50%,0);
	}

	#sec04 a p span{
		display:inline-block;
		font-size: 1.3rem;
		padding:0 0 0 2px;
	}

	
}