@font-face {
	font-family: 'min400';
	src: url('../font/NotoSerifJP-400.otf') format("opentype");
}
@font-face {
	font-family: 'min500';
	src: url('../font/NotoSerifJP-500.otf') format("opentype");
}
@font-face {
	font-family: 'min600';
	src: url('../font/NotoSerifJP-600.otf') format("opentype");
}
@font-face {
	font-family: 'min700';
	src: url('../font/NotoSerifJP-700.otf') format("opentype");
}
@font-face {
	font-family: 'min900';
	src: url('../font/NotoSerifJP-900.otf') format("opentype");
}
@font-face {
	font-family: 'SawarabiMincho';
	src: url('../font/SawarabiMincho-Regular.ttf') format('truetype');
}

.manner_guide_box{
	background-image: url(../img/index/haikei2.png);
	background-size: 100%;
}
.manner_back_color{
	/*background-color: #f6f2e0b3;*/
    background-color: #fffae3b0;
}
	.manner_top_ttl{
		display: flex;
	    align-content: center;
	    justify-content: center;
	    align-items: center;
	    
		padding-top: 80px;
	    background-image: url(../img/manner/manner_top1.png);
	    background-size: 100%;
	    background-repeat: no-repeat;
	    height: 225px;
	}
		.manner_top_ttl p{
			/*font-family: 'SawarabiMincho',sans-serif;*/
			font-family: 'min700',sans-serif;
		    color: #eadab9;
			text-align: center;
		    font-size: 25px;
			font-weight: bold;
		    line-height: 35px;
		    letter-spacing: 2px;
		}
	.manner_bottom_contents{
		padding: 20px 15px 40px 15px;
	}
		.m_guide_contents{
			margin-top: 20px;
		    margin-bottom: 40px;
		}
			.m_guide_icon{
				display: flex;
			    flex-direction: row;
			    flex-wrap: nowrap;
			    align-content: center;
			    justify-content: center;
			    align-items: center;
			    padding: 0px 20px;
			}
				.m_guide_icon hr{
					width: 100%;
				    margin-top: 30px;
					border-top: 2px solid #6a3905;
				}
				.m_guide_icon .mg_img{
					max-width: 100px;
					min-width: 100px;
				}
					.m_guide_icon .mg_img img{
						width: 100%;
					}
			.m_guide_ttl{
				/*font-family: 'SawarabiMincho',sans-serif;*/
				font-family: 'min700',sans-serif;
				font-size: 23px;
				font-weight: bold;
			    line-height: 32px;
			    letter-spacing: 3px;
			    text-align: center;
			    color: #6a3905;
			    margin-top: 25px;
			    margin-bottom: 20px;
			}
			.m_guide_img{
				max-width: 290px;
				margin: 0 auto;
			}
				.m_guide_img img{
					width: 100%;
				}
				
			.m_guide_txt{
				font-size: 13px;
			    text-align: center;
			    margin-top: 10px;
			    line-height: 23px;
			    font-weight: bold;
			    color: #6a3905;
			}
@media screen and (max-width: 375px){
	.manner_top_ttl{
		padding-top: 50px;
	}
	.m_guide_contents{
		margin-top: 0px;
	}
	.m_guide_txt{
		font-size: 12px;
	}
}
@media screen and (max-width: 360px){
	
}
@media screen and (max-width: 320px){
	
}