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

@media (max-width:761px){
	
	
	.campus article{
		background:url("../img/bg.jpg");
		background-size: 600px auto;
	}
	
	/* ============================================================
 	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:#2d6937;
		position: absolute;
		top:0;
		left:0;
	}

	#main_sec_wrap h1{
		line-height: 0;
		/* width: 900px; */
		margin: 0 -7px 18px;
	}

	#main_sec_wrap p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 1.8;
		color: #21622e;
		font-feature-settings: 'palt';
		letter-spacing:0.2rem;
		padding: 16px 5vw 0;
	}

	#main_sec_wrap p span{
		
	}

	#main_sec_wrap p span i{
		font-style:normal;
		display:inline-block;
		background:#fff;
		padding: 2px 11px 3px;
		margin: 4px 0;
	}

	#main_sec_wrap .map_p_img{
		position:absolute;
		right: 2vw;
		bottom: 48px;
		width: 51vw;
	}

	



	/* ============================================================
 	sec01
	==============================================================*/
	
	#sec01{
		width: 100%;
		padding: 50px 0 120px;
		position:relative;
		overflow:hidden;
	}

	#sec01 ul{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		gap: 80px 0;
	}

	#sec01 ul li{
		width: 100%;
		position:relative;
	}
	
	#sec01 .ttl_wrap{
		width:100%;
		position:relative;
		margin: 0 0 50px;
	}
	
	#sec01 .ttl_wrap h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 3.0rem;
		line-height: 0.95;
		color: #21622e;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		-webkit-text-stroke: 6px #fff;
		text-stroke: 6px #fff;
		paint-order: stroke;
		padding: 0 0 0 41px;
	}

	#sec01 .ttl_wrap h2 em{
		display: inline-block;
		font-style:normal;
		font-family: 'Barlow', sans-serif;
		font-weight: 600;
		font-size: 3.2rem;
	}
	#sec01 .ttl_wrap h2 i{
		display:inline-block;
		font-style:normal;
		font-weight: 600;
		font-size:1.5rem;
		padding:0 0 0 5px;
	}

	#sec01 li:nth-child(4) .ttl_wrap h2 i{
		display:block;
		padding: 2px 0 0 2px;
	}

	#sec01 h2 span{
		display:block;
		width: 28px;
		font-family: 'Barlow', sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		color:#fff;
		text-align:center;
		line-height:1;
		-webkit-text-stroke: 0px #fff;
		text-stroke: 0px #fff;
		background:#e23c2d;
		border-radius:50%;
		padding: 3px 0 5px;
		/* text-indent: 1px; */
		position:absolute;
		left:0;
		top: 56%;
		transform:translate(0,-50%);
	}
	
	#sec01 .ttl_wrap h3{
		width: 88vw;
		box-sizing: border-box;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 1.4rem;
		line-height: 1;
		text-align: center;
		color: #551200;
		font-feature-settings: 'palt';
		background:#fff;
		padding: 4px 4px 6px;
		position:absolute;
	}

	#sec01 li:nth-child(1) .ttl_wrap h3{
		bottom: -36px;
		left: 0;
	}

	#sec01 li:nth-child(2) .ttl_wrap h3{
		bottom: -36px;
		left: 0;
	}

	#sec01 li:nth-child(3) .ttl_wrap h3{
		bottom: -36px;
		left: 0;
	}

	#sec01 li:nth-child(4) .ttl_wrap h3{
		bottom: -36px;
		left: 0;
	}


	#sec01 p.body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		text-align: left;
		line-height:1.8;
		color: #000;
		font-feature-settings: 'palt';
		letter-spacing: 0.05rem;
		padding: 0 0 15px;
	}

	#sec01 p.map_txt{
		display: inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.3rem;
		line-height:1.8;
		color: #000;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		padding: 0 0 35px;
	}

	#sec01 p.map_txt i{
		font-style:normal;
		background:#fff;
		padding:1px 6px 2px;
	}

	#sec01 p.map_txt span{
		display:inline-block;
		width:14px;
		vertical-align:text-top;
		margin:-2px 6px 0 0;
	}

	#sec01 .img_box_a1{
		line-height: 0;
	}

	#sec01 .img_box_a2{
		line-height: 0;
		width: 64vw;
		margin: -23px auto 0;
	}

	#sec01 .img_box_b1{
		line-height: 0;
	}

	#sec01 .img_box_b2{
		line-height: 0;
	}

	#sec01 .img_box_c1{
		line-height: 0;
		margin: 0 0 0 -2vw;
	}

	#sec01 .img_box_c2{
		line-height: 0;
		width: 60vw;
		margin: -35px 0 0;
	}

	#sec01 .img_box_d1{
		line-height: 0;
	}

	#sec01 .img_box_d2{
		line-height: 0;
		width: 78vw;
		margin: -36px 0 0;
	}


	

	

	/* ============================================================
 	sec02
	==============================================================*/
	
	#sec02{
		width: 100%;
		padding: 0 0 100px;
		position:relative;
		overflow:hidden;
	}

	#sec02 .wrapper{
		background:#FEFCEF;
		padding:0;
		margin:0 5vw;
	}

	#sec02 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.1rem;
		line-height:1;
		color: #fff;
		background:#21622e;
		text-align:center;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		padding: 12px 0 15px;
	}

	#sec02 ul{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		gap: 80px 0;
		padding: 40px 8vw;
	}

	#sec02 ul li{
		width: 100%;
		position:relative;
	}
	
	
	#sec02 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.4rem;
		line-height: 1.4;
		color: #21622e;
		font-feature-settings: 'palt';
		padding: 0 0 12px;
	}

	#sec02 h3 em{
		display: inline-block;
		font-style:normal;
		font-family: 'Barlow', sans-serif;
		font-weight: 600;
		font-size: 2.8rem;
		line-height: 1;
	}

	#sec02 h3 span{
		display:inline-block;
		font-family: 'Barlow', sans-serif;
		font-weight: 600;
		font-size: 1.8rem;
		color:#fff;
		background:#21622e;
		border-radius:4px;
		width: 28px;
		height: 28px;
		text-align:center;
		padding:1px 0 0;
		vertical-align:text-top;
		margin: 5px 9px 0 0;
	}

	#sec02 li:nth-child(1) h3 span{
		margin: 4px 9px 0 0;
	}


	#sec02 p.body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 1.6;
		color: #000;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		padding: 0 0 14px;
	}

	#sec02 p.map_txt{
		display: inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.3rem;
		line-height:1.8;
		color: #000;
		font-feature-settings: 'palt';
		letter-spacing:0.1rem;
		padding: 0 0 25px;
	}

	#sec02 p.map_txt i{
		font-style:normal;
		background:#fff;
		padding:1px 6px 2px;
	}

	#sec02 p.map_txt span{
		display:inline-block;
		width:14px;
		vertical-align:text-top;
		margin:-2px 6px 0 0;
	}

	#sec02 .img_box_a{
		line-height: 0;
	}

	#sec02 .img_box_b{
		line-height: 0;
	}

	#sec02 .img_box_c{
		line-height: 0;
	}

	#sec02 .img_box_d{
		line-height: 0;
	}

	
}