@charset "utf-8";
.image_box{
	width:90%;
	margin:0 auto;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
}
.image {
	position: relative;
  width:28%;
	margin:20px auto;
}
.image img{
  width:100%;
}
.smile{
	background-color: var(--orange-color);
}
.image_box p{
	display: block;
	width:50%;
    text-decoration: none;
    padding: 0.5rem;
    background: #f7f7f7;
    border-left: solid 6px var(--orange-color);
    color: var(--brown-color);;
    font-weight: bold;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    margin:auto;
    transform: rotate(5deg);
}
.contents .movie video{
	max-width:80%;
}
.contents .movie{
	display:block;
	text-align:center;
}

/*.image::before,
.image::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}

.image::before {
	top: -5px;
	right: -5px;
	border-width: 0 30px 30px 0;
	border-color: transparent var(--orange-color) transparent transparent;
}

.image::after {
	bottom: 5px;
	left: -5px;
	border-width: 30px 0 0 30px;
	border-color: transparent transparent transparent var(--orange-color);
}*/
/*mobile*/
@media screen and (max-width:599px) {
.image_box {
  width:100%;
	display:block;
}
.image {
	width:70%;
}
}