@media screen and (min-width: 600px) and (max-width: 768px) {


/*********************************************************************トップ *********************************************************************************************************/

	
	#wrap{
	width:100%;
	height:100%;
	background:#fff;
	padding:0;
}
#wrap .top-content{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100vh;
	background:#fff;
	margin:0 auto;
	box-shadow: none;
    border-radius: 2px;
	}
	#wrap .top-content .outline{
		max-width:none;
		width:80%;
	}
	#wrap .top-content .outline p{
		text-align:center;
		margin:0 auto;
		margin-bottom:3rem;
	}
	#wrap .top-content .outline p:nth-child(1){
		font-weight:bold;
		font-size:1.19rem;
		letter-spacing:0.12rem;
	}
	
	#wrap .top-content .outline p:nth-child(2){
		color:#a7a7a7;
		text-align:left;
		font-size:0.9rem;
		
	}
		.top-content .outline p:nth-child(3){
			font-size:1.13rem;
			margin-bottom:2rem;
	}
	#wrap .top-content .outline ul li{
		width:300px;
		margin:0 auto;
		text-align:center;
		border:1px solid #00935f;
		padding:15px;
		border-radius:15px;
	}
	#wrap .top-content .outline ul li:nth-child(1){
		background:#00935f;
		margin-bottom:5px;
	}
	#wrap .top-content .outline ul li:nth-child(1) a{
		color:#fff;
	}
	#wrap .top-content .outline ul li:nth-child(2) a{
		color:#00935f;
	}
	
}

@media (orientation: landscape){
	#wrap{
		padding:80px 0;
	}
}