@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

@media screen and (min-width: 768px) {
	img {
		width: auto;
	}
}
.pcOnly {display:none;}

@media screen and (min-width: 768px) {
	.spOnly {display:none;}
	.pcOnly {display:inherit;}
}

/* ヘッダー */
header {
	background:#edd48e;
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
}
header .inner {
	margin:0 auto;
	max-width:1400px;
}


@media screen and (min-width:769px) {
	header .inner .sp_header {
		position:relative;
		display:flex;
		justify-content: flex-end;
		padding:0 10px;
	}
	header .inner .sp_header .logo {
		position:absolute;
		top:0;
		left:20px;
		max-width:350px;
	}
}

@media screen and (max-width:1200px) {
	header .inner {
		width:96%;
	}
	header .inner .sp_header .logo {
		margin-bottom:15px;
		max-width:26%;
	}
}
@media screen and (max-width:768px) {
	header .inner {
		padding:0 0 0px;
		width:100%;
	}
	header .inner .sp_header .logo {
		margin-left:0%;
		max-width:70%;
	}
}

/* 本文 */
@media screen and (max-width:768px) {
	main {
		margin-top:60px;
	}
}

.panlist {
	padding:5px 0;
	background:#f7f7f7;
}
.panlist ul {
	display:flex;
	margin:0 auto;
	max-width:1380px;
	font-size:14px;
}
.panlist ul li {
	margin:0 0.5em;
	padding:2px 20px 2px 0;
	background:url(../img/panlist_ic.png) no-repeat right center ;
	background-size:6px auto;
}
.panlist ul li:last-child {
	background:none;
}
.panlist ul li a {
	color:#333;
	text-decoration:none;
}
.panlist ul li a:hover {
	text-decoration:underline;
}
@media screen and (max-width:1200px) {
	.panlist ul {
		max-width:96%;
	}
}
@media screen and (max-width:768px) {
	.panlist ul {
	font-size:3vw;
	}
}

.sec_white {
	margin:0 auto;
	padding:80px 0 100px;
	background:#fff;
}
.sec_gray {
	margin:0 auto;
	padding:80px 0 100px;
	background:#fefcf6;
}
.sec_black {
	margin:0 auto;
	padding:80px 0 100px;
	background:#333 url(../img/sec_black.jpg) no-repeat bottom center ;
	background-size:cover;
}
.sec_inner {
	margin:0 auto;
	max-width:1100px;
}
.sec_inner100 {
	margin:0 auto;
	max-width:100%;
}
.sec_inner h2 {
	padding-bottom:25px;
	background:url(../img/h2.png) no-repeat bottom center ;
	background-size:100px auto;
	font-family: "Noto Serif JP", serif;
	font-size:36px;
	font-weight: 500;
	color:#805a17;
	text-align:center;
}
.sec_black .sec_inner h2 {
	color:#fff;
}
.sec_inner .h2_read {
	margin-top:30px;
	font-size:22px;
	text-align:center;
}
.sec_black .sec_inner .h2_read {
	color:#fff;
}
@media screen and (max-width:1100px) {
	.sec_inner {
		max-width:90%;
	}
	.sec_inner100 {
		max-width:100%;
	}
}
@media screen and (max-width:768px) {
	.sec_white {
		padding:50px 0;
	}
	.sec_gray {
		padding:50px 0 ;
	}
	.sec_inner {
		max-width:90%;
	}
	.sec_inner100 {
		max-width:100%;
	}
	.sec_inner h2 {
		font-size:7vw;
		padding-bottom:20px;
	}
	.sec_inner .h2_read {
		font-size:4vw;
	}
}


/* フッター */
footer {
	background:#edd48e;
	color:#333;
}
footer .inner {
	display:flex;
	flex-wrap: wrap;
	margin:0 auto;
	padding:60px 0 60px;
	max-width:1100px;
}
footer .inner .col:nth-child(1) {
	margin:0 2% 0 4%;
	width:18%;
}
footer .inner .col:nth-child(2) {
	margin:0 2% 0 0;
	width:24%;
}
footer .inner .col:nth-child(3) {
	margin:0 2% 0 0;
	width:22%;
}
footer .inner .col:nth-child(4) {
	margin:0 2% 0 0;
	width:22%;
}
footer .inner .col .tit {
	font-family: "Noto Serif JP", serif;
	font-size:24px;
	font-weight: 500;
	color:#333;
}
footer .inner .col .logo {
	margin-top:40px;
	max-width:100px;
}
footer .inner .col .info {
	margin-top:20px;
	font-size:18px;
	line-height:1.5;
}
footer .inner .col ul {
	margin-bottom:50px;
	font-size:18px;
}
footer .inner .col ul li {
	margin-top:20px;
}
footer .inner .col ul li a {
	display:block;
	color:#333;
	text-decoration:none;
}
footer .inner .col ul li a:hover {
	color:#000;
}
footer .inner .col .tit a {
	display:block;
	color:#edd48e;
	text-decoration:none;
}
footer .inner .col .tit a:hover {
	color:#fff;
}
footer .f_copy {
	padding:20px 0;
	background:#9a7c45;
	font-weight: 400;
	text-align:center;
	color:#fff;
}
@media screen and (max-width:768px) {
	footer .inner {
		flex-direction: column;
		max-width:90%;
	}
	footer .inner .col:nth-child(1) {
		margin:0;
		width:100%;
	}
	footer .inner .col:nth-child(2) {
		width:100%;
	}
	footer .inner .col:nth-child(3) {
		width:100%;
	}
	footer .inner .col:nth-child(4) {
		width:100%;
	}
	footer .f_copy {
		font-size:2.5vw;
	}
}