@charset "UTF-8";

#header {
	height: 390px;
	border-top: 2px solid #80442B;
	width: 100%;
	background-image: url(../state/img/top02.jpg);
	background-position: center top;
}

.title {background-image: url(../state/img/01.png);width: 100%;height: 30px;margin-bottom: 10px;}
.title02 {background-image: url(../state/img/02.png);width: 100%;height: 30px;}
.title03 {background-image: url(../state/img/03.png);width: 100%;height: 30px;}
.title04 {background-image: url(../state/img/04.png);width: 100%;height: 30px;}

.box01 {width: 100%; display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 40px;}
.photos{width: calc(50% - 20px);}
.text02,.text03{width: 370px;font-size: 14px;line-height: 28px;letter-spacing: 2px;}

.btn{width: 40%; margin: auto; background-color: #F49A00;}

@media (max-width: 767px) {
	#header{height: 70vw;}

	.photos,.btn{width: 100%;}

}