@charset "UTF-8";

p, ul li, a, h1, h2, h3, h4, h5{
	font-family: 'Noto Sans JP', sans-serif;
}

.strong{
  background:linear-gradient(transparent 60%, #D9CBA7 60%) !important;
}

.item-name{
  background:#025159;
}

.big-wrapper{
	width:100%;
}

.bg-color{
	width:100%;
	background-color:#D9CBA7;
}

.mid-wrapper{
	width:800px;
	margin:-10px auto 10px;
	padding:50px 0;
}

.top-caption p, .item-big-wrapper p, .style-box p, .style-caption-box p, .other-big-img p{
	font-size:13px;
	text-align: justify;
}

.item-big-wrapper, .style-box, .style-caption-box{
	width:900px;
	margin:30px auto;
	padding:40px 0;
}

.comment-box{
	padding:50px 0 80px;
}

.big-character{
	font-size:30px;
	font-weight:bold;
}

.style-caption-box, .other-img{
	display:flex;
	height:auto;
	align-items: center;
	justify-content: space-between;
}

.style-caption-box div{
	flex:1;
}

.style-caption-box h3{
	font-size:20px;
	color:#fff;
}

.style-caption-box p img{
	padding:20px 20px 10px;
}

.style-img{
	padding-left:20px;
}

.reverse img{
	padding-left:0!important;
	padding-right:20px;
}

.other-img, .other-big-img{
	width:900px;
	margin:10px auto;
}

.other-img img{
	width:25%;
}

.reverse{
	flex-direction: row-reverse;
}

.name{
	color:#025159;
}

/* タブレット */
@media screen and (max-width: 768px){

	.mid-wrapper, .item-big-wrapper, .style-box, .style-caption-box, .other-img{
		width:600px;
	}
	
	.style-caption-box h3{
		font-size:18px;
	}

}

/* スマホ */
@media screen and (max-width:640px){

	.mid-wrapper, .item-big-wrapper, .style-box, .style-caption-box, .other-img{
		width:350px;
	}
	
	.item-big-wrapper h2{
		font-size:18px;
	}
	
	.style-caption-box h3{
		font-size:17px;
	}
	
	.big-character{
		font-size:18px;
	}
	
	.item-big-wrapper p, .style-caption-box p{
		font-size:12px;
	}
	
	.style-caption-box{
		display:block;
	}
	
	.style-img, .reverse img{
		padding:0;
	}
	
	.style-caption-box p img{
	padding:0;
	}
	
	.style-img img, .reverse img{
		margin-top:30px;
	}

}
/* CSS Document */