@charset "UTF-8";
/* CSS Document */

.pc { display: block !important; }
.sp { display: none !important; }

.header_nav{
	position:　static;
	z-index: 10;
}

.drawer--right .drawer-hamburger{
	display:none;
	right: 15px;
	z-index: 20;
}
	
.drawer-nav{
	z-index: 30;
}

main{
	padding-top: 80px;
	text-align: center;
}

main h2{
	font-size: 130%;
    margin-top: 60px;
}

article h2{
	font-size: 130%;
    margin-top: 60px;
}


main img{
	width: 55%;
}

.accent p{
	width: 150px;
    font-size: 130%;
    margin: 30px auto;
    line-height: 1.5rem;
    padding: 0.1em 0.3em;
    border-left: 13px solid #83af28;
}


.width700{
	max-width: 800px;
	margin: 0 auto;
}

.item{
	display: flex;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

.item p{
	text-align: left;
	width: 160px;
	padding-left: 20px;
	padding-top: 10px;
	color: #999;
}

.item ul{
	text-align: left;
	width: 550px;
}

.item li{
	margin-bottom: 5px;
	line-height: 2rem;
	font-size: 95%;
}

.width540{
	width: 550px;
	height: auto;
}

.longimage{
	margin: 50px auto;
	text-align: center;
}

.jyunnbi{
	font-size: 150%;
    margin-top: 160px;
	line-height: 2;
}



@media screen and (max-width:900px) { 
	
	.drawer--right .drawer-hamburger{
		display:block;
		right: 15px;
		z-index: 20;
	}

	.jyunnbi{
		margin-top: 50px;
	}
	
	img{
		width: 100%;
	}
	
	main{
		padding-top: 20px;
	}
	
	main img{
		width: 90%;
	}

	main h2 {
		font-size: 130%;
		margin-top: 10px;
		margin-bottom: 40px;}
		

	.accent p{
		margin:20px auto;
	}
	
	.width700{
		width: 95%;
		margin: 0 auto;
	}

	.item{
		display: block;
		margin-bottom: 30px;
	}

	.item p{
		text-align: left;
		font-size: 120%;
		padding-top: 10px;
		margin-bottom: 20px;
	}

	.item ul{
		padding-left: 20px;
		text-align: left;
		width: 0;
		width: 95%;
	}
	
	
	.item li{
		width: 95%;
	}
	
	.width540{
		width: 100%;
		height: auto;
	}

	
}