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

/* ---------------------------------
  『おもてなし』ページ専用CSS
------------------------------------*/
h2 {
	font-family: "dnp-shuei-nmincho-std", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: 0.12em;
	margin-bottom: 1em;
	text-align: center;
}

section.contents_header {
	background-image: url("../images/hospitality/mainview.jpg");}

#hospitality #hospitality-thought p {
	margin-bottom: 1em;}
#hospitality #hospitality-thought .image_box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2em;
}
#hospitality #hospitality-thought .image_box img {
	width: 32%;
}
#hospitality p.text {
	text-align: center;}
#hospitality .box-textphoto {
	margin: 4em 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;}
#hospitality .box-textphoto.photo-left {
	flex-direction: row;}
#hospitality .box-textphoto.photo-right {
	flex-direction: row-reverse;}
#hospitality .box-textphoto .box-text {
	width: calc(100% - 390px);}
#hospitality .box-textphoto .box-photo {
	width: 360px;}
#hospitality .box-textphoto .box-photo img {
	width: 100%;}
#hospitality p.signature {
	margin-bottom: 0;
	text-align: right;}

#hospitality-message {
	margin: 5em 0;
	background-color: rgba(0,0,0,0.3);}
#hospitality-message .container {
	padding: 3em 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;}
#hospitality-message h3 {
	font-family: "dnp-shuei-nmincho-std", sans-serif;
	font-weight: 400;
	font-style: normal;
	margin-bottom: 2em;
	width: 100%;}
#hospitality-message .hospitality-message-text {
	width: 870px;}
#hospitality-message .hospitality-message-text p {
	margin-bottom: 1em;}


@media screen and (max-width: 767.9px){

#hospitality p.text {
	text-align: left;}
#hospitality .box-textphoto {
	margin-bottom: 0;}
#hospitality .box-textphoto .box-text {
	width: 100%;}
#hospitality .box-textphoto .box-photo {
	width: 100%;}
#hospitality .box-textphoto .box-photo img {
	margin-bottom: 1em;}
#hospitality #hospitality-thought img.hospitality-thought-portrait {
	width: 100%;}
#hospitality #hospitality-thought .image_box {
	flex-direction: column;
}
#hospitality #hospitality-thought .image_box img {
	width: 100%;
	margin-bottom: 1em;
}
#hospitality-message .container {
	padding: 2em 1em;
	flex-direction: row;}
#hospitality-message h3 {
	text-align: center;}
#hospitality-message .hospitality-message-photo {
	margin: 0 auto 2em auto;}


}