@media screen and (max-width: 667px){
	.op-text{
		font-size: 1em;
	}
	
	nav>.banner-side-box{
		display: none;
	}
	
	.marginbox{
		display: block;
	}
	
	.sp-banner{
		display: block;
		width: 70%;
		margin: 0 auto;
	}
	
	body{
		margin: 0;
	}
	
	header{
		position: fixed;
		top: -5px;
		width: 100%;
		z-index: 999;
	}
	
	.menubtn{
		position: fixed;
		top: 60px;
		
		z-index: 999;
		display: block;
		text-align: center;
		width: 100%;
		padding: 10px;
		margin: 0;
		cursor: pointer;
		background: linear-gradient(45deg, #FFCC0D 0%, #FF440D 100%);
		border: 2px solid #FFFFFF77;
	}
	
	nav{
		position: fixed;
		top: 106px;
		width: 100%;
		margin: 0;
		z-index: 999;
		display: none;
	}
	
	header{
		justify-content: center;
	}
	
	header>a>h1{
		font-size: 1rem;
		margin: 0;
	}
	
	footer>div>a>h2{
		font-size: 1rem;
	}
	
	main{
		min-height: 500px;
	}
	
	.linkbtn{
		margin: 20px auto;
		width: 80%;
	}
	
	.news-title{
		font-size: 0.8rem;
	}
	
	.news-genre{
		font-size: 0.8rem;
		margin: 10px;
	}
	
	.slider-box{
		width: 100%;
		margin: 0;
		text-align: center;
		overflow: hidden;
	}
	
	.slider-box>img{
		margin: 0 auto;
		
	}
	
	.news-box, .top-link-box{
		margin: 0 auto;
		width: 90%;
	}
	
	.footer-link-flex{
		display: block;
		text-align: center;
		font-size: 0.8em;
	}
	
	.footer-link-box-03{
		margin-top: 80px;
	}
	
	.member-login-btn-top{
		display: none;
	}
	
	
	/* NEWS */
	
	.newslist-box{
		width: 98%;
		margin: 0 auto;
	}
	.year-bar, .newslist-year{
		width: 100%;
	}
	
	.news-year{
		margin: 10px;
		border-radius: 5px;
	}
	
	.news{
		margin-left: 0;
		margin-right: 0;
		margin: 0;
		width: 100%;
	}
	
	/* ABOUT */
	.about-box{
		width: 98%;
		margin: 0 auto;
	}
	
	.about02>div, .about04>div{
		width: 90%;
	}
	
	/* LOGIN */
	
	.login-box{
		width: 90%;
		margin: 0 auto;
	}
	.member-login>input{
		width: 100%;
	}
	
	/* MEMBER_LIST */
	.member-list{
		width: 98%;
		margin: 0 auto;
	}
	.detail-box{
		width: 100%;
		height: 80%;
	}
	
	
	/* KEINIKU */
	.keiniku-box{
		width: 98%;
		margin: 0 auto;
	}
	.keinikulist-year{
		width: 100%;
	}
	.keiniku-year{
		margin: 10px;
		border-radius: 5px;
	}
	.keiniku{
		width: 85%;
		margin: 20px auto;
		
	}
	
	/* MEMBER INDEX */
	.member-top{
		width: 98%;
		margin: 0 auto;
	}
	
	.member-link{
		display: block;
		width: 100%;
	}
	.member-link>a>div{
		width: 80%;
		margin:30px auto;
	}
	
	.meet-doc{
		width: 80%;
		margin:  20px auto;
	}
	
	
	#contact{
		text-align: center;
		margin: 0 auto;
	}
	
	#contact>textarea{
		width: 95%;
	}
	
	#contact>.contact-submit{
		margin-bottom: 130px;
	}
	
	
}