/* CSS Document */

@charset "Shift_JIS";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-size: 14px;
	min-width: 950px;
	font-family: "Noto Sans JP",
		"Yu Gothic",
		"游ゴシック",
		YuGothic,
		"游ゴシック体",
		"ヒラギノ角ゴ Pro W3",
		"メイリオ",
		sans-serif;
	word-break: break-all;
}

img {
	max-width: 100%;
	height: auto;
	border: 0px;
}

.clear {
	clear: both;
}

#wrap {
	margin-left: auto;
	margin-right: auto;
}

ul,
li {
	list-style: none;
}

/****HEADER****/
#header {
	margin: auto;
	background-color: #150e04;
}

.headerwrap {
	width: 950px;
	height: 80px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.logo {
	padding-left: 25px;
	padding-top: 20px;
}

.header_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .5);
	height: 60px;
	width: 394px;
}

.header_navi01 {
	width: calc(50% - 1px);
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #fff;
}

.header_navi02 {
	width: calc(50% + 1px);
	display: flex;
	align-items: center;
	justify-content: center;
}

.header_navi02 a {
	display: block;
}

.header_navi02 a:hover {
	opacity: .6;
}

.header_navi01 img,
.header_navi02 img {
	height: 30px;
	width: auto;
	vertical-align: middle;
}

/****CONTENT****/
.contentwrap {
	width: 950px;
	height: auto;
	margin: auto;
}

/* #content01 */
#content01 {
	width: 100%;
	margin: auto;
}

.frame01 {
	width: 100%;
	height: 665px;
	background: url(../img/mv.png) no-repeat center center / cover;
}

/* #content02 */
#content02 {
	width: 100%;
	padding: 130px 0 180px;
	margin: auto;
	background: url(../img/content01-bg.png) no-repeat;
	background-size: cover;
}

.frame02 {
	margin: auto;
	height: auto;
	padding: 0 30px;
}

/* #content03 */
#content03 {
	width: 100%;
	padding: 80px 0 120px;
	margin: auto;
	background: url(../img/content03-bg.png) no-repeat top center;
	background-size: cover;
	position: relative;
}

#content03::after {
	content: '';
	background: url(../img/content03-decoration.png) no-repeat center/contain;
	position: absolute;
	bottom: 40px;
	height: 14px;
	width: 100%;
}

.frame03 {
	margin: auto;
	height: auto;
	padding: 0 30px;
}

/* list */
.list-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.list-item {
	width: 47.4158%;
}

.list-item__tit {
	text-align: center;
	margin: 20px 0 15px;
}

.list-item__tit img {
	height: 22px;
	width: auto;
}

.list-item__txt {
	color: #fff;
	line-height: 1.5;
	letter-spacing: .05em;
	text-align: justify;
}

/* #content04 */
#content04 {
	width: 100%;
	padding: 100px 0;
	margin: auto;
	background: url(../img/content04-bg.jpg) no-repeat center/cover;
}

.frame04 {
	margin: auto;
	height: auto;
	padding: 0 30px;
	position: relative;
}

/* #content05 */
#content05 {
	width: 100%;
	padding: 100px 0 90px;
	margin: auto;
	background: url(../img/content05-bg.jpg) no-repeat center/cover;
}

.frame05 {
	margin: auto;
	height: auto;
	padding: 0 30px;
}

.content05-tit {
	width: 660px;
	margin: 0 auto 50px auto;
}

.box-item {
	border: 3px solid #caa754;
	background: #fff;
	padding: 45px 35px 50px;
	height: 288px;
	margin-bottom: 30px;
	width: 48.315%;
}

.box-item__tit {
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 25px;
	position: relative;
}

.box-item__tit::after {
	content: '';
	background: #c0c0c0;
	height: 3px;
	width: 40px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.box-item__tit img {
	height: 65px;
	width: auto;
}

.box-item__txt {
	line-height: 1.5;
	letter-spacing: .05em;
	text-align: justify;
}

/****FOOTER****/
#footer {
	width: 100%;
	background-color: #150e04;
}

#footer .footercontact {
	width: 900px;
	height: 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .5);
	margin: auto;
}

#footer .footercontact .tel_btn {
	width: calc(50% - 1px);
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #fff;
	padding: 0 40px;
	height: 50px;
}

#footer .footercontact .mail_btn {
	width: calc(50% + 1px);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 40px;
	height: 50px;
}
#footer .footercontact .mail_btn a{
	display: block;
}
#footer .footercontact .mail_btn a:hover{
	opacity: .6;
}

#footer .footercontact .tel_btn img,
#footer .footercontact .mail_btn img {
	align-self: center;
}

#footer .copyright {
	clear: both;
	padding: 20px;
	margin: 80px auto 0;
	text-align: center;
	padding-bottom: 50px;
	color: #aaaaaa;
	border-top: 1px solid #545454;
}