/*-------------------------*/
/* $imgbox 
---------------------------*/
/* imgbox */
.imgbox{
	width: 100%;
	display: block;
	overflow: hidden;
}
.imgbox__inner{
	width: 100%;
	height: 0;
	position: relative;
}
.imgbox__inner-4-3{
	padding-top: calc(100% * 3 / 4);
}
.imgbox__inner .image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

/*-------------------------*/
/* $Thumbnail 
---------------------------*/
/* Thumbnail */
.thumbnail{
	color: #353630;
	margin-bottom: 32px;
}
.thumbnail__title{
	/* white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; */

    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.04em;
    margin-top: 24px;
    margin-bottom: 16px;
    color: #7F2E2D;
   font-weight: 700;
}
.thumbnail__preview{

    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    margin-bottom: 16px;
    font-weight: 700;
}
.thumbnail__preview p{
    margin-bottom: 8px;
}
.thumbnail__emphasize{
	color: #7F2E2D;
}
.thumbnail__emphasize p {
    margin-bottom: 8px;

}
.article_Thumbnail .about-title {
    margin: 2rem 0;
}
.Thumbnail .about-title {
    margin: 2rem 0;
}

/*-------------------------*/
/* $YoutubeVideo-title 
---------------------------*/
.youtubeVideo-title {
	margin: 2rem 0;
}

/*-------------------------*/
/* $contactUs
---------------------------*/
.contactUs{
	background-color: #87c9c7;
}

.contactUs a{
	display: block;

}
.contact_fb,.contact_line{
	margin: 2rem ;
	margin-bottom: 80px;
}
.contact_fb h1,.contact_line h1{
	font-size: 32px;
	line-height: 48px;
	margin-bottom: 40px;
}

.contact a .contact-btn.contact-btn_fb{
	background-color: #1a4299;
}

/*-------------------------*/
/* $Gallery
---------------------------*/

.gallery__item{
	display: inline-block;
}
.gallery__item .image{
	width: 300px;
	height: 300px;
	background-size: cover;
	background-position: center;
}
.map-box{
	width: 30%;
	height: 300px;
}