@charset "utf-8";
#mainimg {
	position: relative;
	background: url(images/main_img.jpg) no-repeat;
	background-size: auto auto;
	height: 350px;
	object-fit: cover;
	background-size: cover;
	color: #FFF;
	-moz-text-shadow: 3px 0px 4px rgba(51, 0, 0, 0.3);
	-webkit-text-shadow: 3px 0px 4px rgba(51, 0, 0, 0.3);
	-ms-text-shadow: 3px 0px 4px rgba(51, 0, 0, 0.3);
	text-shadow: 3px 0px 4px rgba(51, 0, 0, 0.3);
}
#mainimg h1{
	padding-top: 60px;
	text-align:center;
	font-size:5.8rem;
}
#mainimg h1:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  display: inline-block;
  width: 600px;
  height:1px;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #FFF;
}
#mainimg .main-txt01,
#mainimg .main-txt02{
	color: #FFF;
	text-align:center;
}
#mainimg .main-txt01{
	font-size:4.2rem;
	letter-spacing: 5px;
	margin-top:50px;
}
#mainimg .main-txt02{
	font-size:3.2rem;
}
.message-bg {
	color: #FFF;
	position: relative;
	margin-top: -100px;
	margin-bottom:50px;
}
.message-bg .message-txt{
	flex-basis:50%;
	background:#a2936f;
	color: #FFF;
	font-size:2.8rem;
	padding-top: 16%;
	text-align:center;
}
.message-bg .message-name{
	flex-basis:25%;
	margin:0;
	text-align:right;
	padding-right: 20px;
	padding-top:30%;
	background:#857a5c url(images/message-name-bg.png) repeat-y right;
	font-size:2.4rem;
	line-height: 1.2;
}
.message-bg .message-name span{
	font-size:1.3rem;
}
.message-bg figure {
	margin:0;
}
.message-bg figure img{
	flex-basis:25%;

}
.message-box{
	overflow: hidden;
	font-size:1.5rem;
	line-height: 2;
	margin-bottom:100px;
}
.message-box .message-box-first,
.message-box .message-box-second{
	width:48%;
}
.message-box .message-box-first{
	float: left;
}
.message-box .message-box-second{
	float: right;
}
figure img {
    width: 100%;
    display: block;
    margin: 0 auto;
    max-width: 1010px;
}
.message-name{
	width: auto;
	margin: 30px 0 0 auto;
}

.message-box p span {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #2f436b;
    font-size: 2rem;
    vertical-align: text-bottom;
    color: #fff;
    float: left;
    margin-right: 1.5rem;
}

hr {
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    height: 1px;
    background: #bbb;
    background-image: -webkit-linear-gradient(left, #eee, #777, #eee);
    background-image: -moz-linear-gradient(left, #eee, #777, #eee);
    background-image: -ms-linear-gradient(left, #eee, #777, #eee);
    background-image: -o-linear-gradient(left, #eee, #777, #eee);
}

@media screen and (max-width: 1024px){
	#mainimg{
		height:300px;
	}
	#mainimg h1{
		padding-top:50px;
		font-size:3.6rem;
	}
	#mainimg h1:before {
		top: 35%;
		width:80%;
	}
	#mainimg .main-txt01{
		font-size:3rem;
		margin: 0 0 40px 0;
	}
	#mainimg .main-txt02{
		font-size:2rem;
	}
	.message-bg {
		margin-bottom:10px;
		margin-top: 0;
		flex-wrap:wrap;
	}
	.message-bg .message-txt{
		flex-basis:100%;
		padding:15px 10px;
		font-size: 2rem;
	}
	.message-bg .message-name{
		flex-basis:70%;
		padding-top: 25%;
	}
	.message-bg figure{
		flex-basis:30%;

	}
	.message-box{
		margin:0 auto 50px;
		width: 90%;
	}
	.message-box .message-box-first,
	.message-box .message-box-second{
		float: none;
		width:100%;
	}
}

@media screen and (max-width: 768px){
	#contents .flex.between {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
}
@media screen and (max-width: 414px){
	#mainimg {
	    height: 150px;
	}
	#mainimg h1{
		font-size:2.4rem;
		width: 100%;
		padding-top: 42px;
	}
	#mainimg h1:before {
		top: 50%;
	}
	#mainimg .main-txt01{
		font-size:2rem;
	}
	#mainimg .main-txt02{
		font-size:1.6rem;
	}
	.message-bg .message-name{
		padding-top: 20%;
	}
}

@media screen and (min-width: 768px) {
	.ml-0 {
		margin-left: 0;
	}
}