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

body {
	font-family:'M PLUS Rounded 1c', 'Noto Sans JP', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "ss02";
	font-size:16px;
	line-height: 1.8;
	position:relative;
	background-color: #cdb182;
	color:#4e1800;
	font-weight: bold;
}

.customer-name{
	font-size:1.3em;
	font-weight: bold;
	margin-bottom: 30px;
}

.user-info{
	padding: 80px 50px;
	display: flex;
}
.voice_area{
	margin: 0 0 0 40px;
	line-height: 1.8em;
}
.report_box a{
	color:#955626;
}
.report_box a:hover{
	color:#361702;
	text-decoration: underline;
}

.user-logo2{
	flex-basis: 220px;
	height: 220px;
	background-color: #fff;
	display: flex;
  	justify-content: center;
  	align-items: center;
	box-shadow: 0 0 20px gray;
}
.user-logo2 img{
	padding:10px;
}

.coffee-photo{
	display: flex;
}
.coffee-photo img{
	width: 85%;
	height: auto;
	padding:20px 0;
}
.komidashi{
	margin: 20px 0 10px;
	font-size:1.1em;
	font-weight: bold;
}

@media (max-width:550px) {
.user-info{
	padding: 20px 20px;
	display: flex;
}
.voice_area{
	margin: 0 0 0 10px;
	line-height: 1.8em;
}	
.user-logo2{
	flex-basis: 150px;
	height: 110px;
	background-color: #fff;
	display: flex;
  	justify-content: center;
  	align-items: center;
	box-shadow: 0 0 20px gray;
}	
.user-logo2 img{
	width:90px;
	height:90px;
}
.coffee-photo img{
	width: 85%;
	height: auto;
	padding:20px 0;
}
.komidashi{
	margin: 20px 0 10px;
	font-size:0.8em;
	font-weight: bold;
}
.customer-name{
	font-size:1em;
	font-weight: bold;
	margin-bottom: 10px;
}
.report_box p{
		font-size:0.7em;
	line-height: 1.6;
	}	
}