@charset "utf-8";

html {
	height: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: none;
	font-size: 62.5%;
}

body {
	height: 100%;
	background-color: #fff;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 500;
	font-size: 1.0rem;
	color: #000;
	line-height: 1.7;
}

main, article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}

body, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

ul, ol, li {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border-style: none;
	vertical-align: bottom;
}

button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	vertical-align: middle;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #999;
	text-decoration: none;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

@media print and (min-width: 0px), screen and (min-width: 768px){
	
	.sp {
		display: none;
	}

	header {
		min-width: 990px;
		background: #dccbaf;
	}
	
	header > h1 {
		display: none;
	}
	
	header > div:not(#hamburger) {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 950px;
		height: 62px;
		margin: 0px auto;
		padding: 0px 20px;
	}
	
	header > div .search {
		width: 280px;
		position: relative;
		height: 34px;
	}
	
	header > div .search .gsc-control-cse {
		padding: 0px;
		background: #dccbaf;
		border: none;
	}
	
	header > div .search .gsc-control-cse .gsc-input {
		padding: 0px;
	}
	
	header > div .search .gsc-control-cse .gsc-input-box {
		border: none;
	}
	
	header > div .search .gsc-control-cse input#gsc-i-id1 {
		border-radius: 17px;
		font-family: "Yu Gothic Medium", "游ゴシック Medium", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	}
	
	header > div .search .gsc-control-cse .gsc-search-button .gsc-search-button {
		margin: 0px;
		padding: 9px 25px;
		background: #7d6542;
		border: none;
		cursor: pointer;
	}
	
	header > div:not(#hamburger) > ul {
		display: flex;
		align-items: center;
		height: 62px;
		margin: 0px 0px 0px 35px;
	}
	
	header > div:not(#hamburger) > ul li {
		font-size: 1.6rem;
	}
	
	header > div:not(#hamburger) > ul li a {
		display: inline-block;
		padding: 0px 25px 0px 26px;
		color: #7d6542;
	}
	
	header > div:not(#hamburger) > ul li:nth-of-type(1) a {
		background: url("../img/header_contact.svg") no-repeat 0% 50% / 22px 20px;
	}
	
	header > div:not(#hamburger) > ul li:nth-of-type(2) a {
		background: url("../img/header_sitemap.svg") no-repeat 0% 50% / 22px 20px;
	}
	
	header > div:not(#hamburger) > ul li:nth-of-type(3) a {
		background: url("../img/header_en.svg") no-repeat 0% 50% / 20px 20px;
	}
	
	header > div:not(#hamburger) > ul li a:hover {
		color: #7d6542;
		opacity: 0.6;
	}
	
	header > div > p {
		width: 220px;
		height: 62px;
		background: #fbcb72;
		line-height: 50px;
		text-align: center;
	}
	
	header > div > p a {
		display: block;
		padding: 5px 7px 5px 7px;
		background: #f9ad49 url("../img/header_member.svg") no-repeat 25% 50% / 25px 19px;
		font-size: 1.6rem;
		color: #7d6542;
	}
	
	header > div > p a span {
		display: block;
		padding: 0px 0px 0px 20px;
		border: #fff 1px solid;
	}
	
	header > div > p a:hover {
		color: #7d6542;
		opacity: 0.6;
	}
	
	header #hamburger {
		display: none;
	}
	
	#gNav {
		background: #fff;
		position: relative;
	}
	
	#gNav .onNav {
		display: flex;
		align-items: center;
		width: 950px;
		height: 110px;
		margin: 0px auto;
		padding: 0px 20px;
	}
	
	#gNav .onNav h1 {
		width: 270px;
		font-size: 0px;
		line-height: 0;
	}
	
	#gNav .onNav h1 a img {
		width: 220px;
		height: auto;
	}
	
	#gNav .onNav > ul.mainNav {
		display: flex;
		width: 680px;
		border-left: 1px #ccc solid;
		box-sizing: border-box;
	}
	
	#gNav .onNav > ul.mainNav li {
		width: 25%;
		border-right: 1px #ccc solid;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
	}
	
	#gNav .onNav > ul.mainNav li a {
		display: block;
		color: #34312b;
	}
	
	#gNav .onNav > ul.mainNav li a:hover,
	#gNav .onNav > ul.mainNav li a:hover span {
		opacity: 0.6;
	}
	
	#gNav .onNav > ul.mainNav li a span {
		display: block;
		font-size: 1.2rem;
		font-weight: normal;
		color: #462e09;
	}
	
	#gNav .onNav > ul.subNav {
		display: none;
	}
	
	#gNav .onNav p {
		display: none;
	}
	
	#gNav > div:not(.onNav) {
		display: none;
		width: 100%;
		padding: 30px 20px 10px 20px;
		background: #fff;
		box-sizing: border-box;
		position: absolute;
		top: 110px;
		left: 0px;
		z-index: 100;
	}
	
	#gNav > div:not(.onNav) ul {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		width: 950px;
		margin: 0px auto;
	}
	
	#gNav > div:not(.onNav) ul li {
		display: table;
		vertical-align: middle;
		width: 215px;
		height: 60px;
		padding: 0px 0px 20px 0px;
		font-size: 1.4rem;
		text-align: center;
	}
	
	#gNav > div:not(.onNav) ul li:not(:nth-of-type(4n)) {
		margin: 0px 30px 0px 0px;
	}
	
	#gNav > div:not(.onNav) ul li a {
		display: table-cell;
		vertical-align: middle;
		width: 215px;
		height: 60px;
		border-radius: 5px;
	}
	
	#gNav > div#nav01 ul li:nth-of-type(4n-3) a {
		background: linear-gradient(to right, #dee8f6 0%, #dee8f6 20%, #ebf6f9 100%);
	}
	
	#gNav > div#nav01 ul li:nth-of-type(4n-2) a {
		background: linear-gradient(to right, #dee8f6 0%, #dee8f6 40%, #ebf6f9 100%);
	}
	
	#gNav > div#nav01 ul li:nth-of-type(4n-1) a {
		background: linear-gradient(to right, #dee8f6 0%, #dee8f6 60%, #ebf6f9 100%);
	}
	
	#gNav > div#nav01 ul li:nth-of-type(4n) a {
		background: linear-gradient(to right, #dee8f6 0%, #dee8f6 80%, #ebf6f9 100%);
	}
	
	#gNav > div#nav02 ul li:nth-of-type(4n-3) a {
		background: linear-gradient(to right, #d5eae5 0%, #d5eae5 20%, #f0f8f1 100%);
	}
	
	#gNav > div#nav02 ul li:nth-of-type(4n-2) a {
		background: linear-gradient(to right, #d5eae5 0%, #d5eae5 40%, #f0f8f1 100%);
	}
	
	#gNav > div#nav02 ul li:nth-of-type(4n-1) a {
		background: linear-gradient(to right, #d5eae5 0%, #d5eae5 60%, #f0f8f1 100%);
	}
	
	#gNav > div#nav02 ul li:nth-of-type(4n) a {
		background: linear-gradient(to right, #d5eae5 0%, #d5eae5 80%, #f0f8f1 100%);
	}
	
	#gNav > div#nav03 ul li:nth-of-type(4n-3) a {
		background: linear-gradient(to right, #d8ecda 0%, #d8ecda 20%, #f6f9e4 100%);
	}
	
	#gNav > div#nav03 ul li:nth-of-type(4n-2) a {
		background: linear-gradient(to right, #d8ecda 0%, #d8ecda 40%, #f6f9e4 100%);
	}
	
	#gNav > div#nav03 ul li:nth-of-type(4n-1) a {
		background: linear-gradient(to right, #d8ecda 0%, #d8ecda 60%, #f6f9e4 100%);
	}
	
	#gNav > div#nav03 ul li:nth-of-type(4n) a {
		background: linear-gradient(to right, #d8ecda 0%, #d8ecda 80%, #f6f9e4 100%);
	}
	
	#gNav > div#nav04 ul li:nth-of-type(4n-3) a {
		background: linear-gradient(to right, #e0eccb 0%, #e0eccb 20%, #fbfada 100%);
	}
	
	#gNav > div#nav04 ul li:nth-of-type(4n-2) a {
		background: linear-gradient(to right, #e0eccb 0%, #e0eccb 40%, #fbfada 100%);
	}
	
	#gNav > div#nav04 ul li:nth-of-type(4n-1) a {
		background: linear-gradient(to right, #e0eccb 0%, #e0eccb 60%, #fbfada 100%);
	}
	
	#gNav > div#nav04 ul li:nth-of-type(4n) a {
		background: linear-gradient(to right, #e0eccb 0%, #e0eccb 80%, #fbfada 100%);
	}
	
	#gNav > div:not(.onNav) ul li a:hover {
		color: #000;
		opacity: 0.6;
	}
	
	#topicPath {
		min-width: 990px;
		margin: 0px auto;
		padding: 12px 0px;
		background: #ebf996;
		box-sizing: border-box;
	}
	
	#topicPath ul {
		width: 950px;
		margin: 0px auto;
	}
	
	#topicPath ul li {
		display: inline;
		font-size: 1.6rem;
		color: #333;
	}
	
	#topicPath ul li:not(:last-of-type)::after {
		content: ">";
		margin: 0px 7px 0px 5px;
		font-size: 1.6rem;
	}
	
	#topicPath ul li a {
		color: #333;
	}
	
	#topicPath ul li a:hover {
		color: #999;
	}
	
	.chikara {
		margin: 50px 0px 0px 0px;
	}
	
	.chikara.under {
		margin: 115px 0px 0px 0px;
	}
	
	.chikara > a {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #98cae0;
	}
	
	.chikara > a:hover {
		opacity: 0.7;
	}
	
	.chikara > a figure {
		width: 591px;
	}
	
	.chikara > a figure img {
		width: 100%;
		height: auto;
	}
	
	.chikara > a > div {
		width: 331px;
		margin: 0px 0px 0px 0px;
		padding: 0px 34px 0px 0px;
		box-sizing: border-box;
	}
	
	.chikara > a > div h1 {
		margin: 50px 0px 0px 0px;
		background: none;
		font-size: 2.1rem;
		color: #000;
		text-align: left;
	}
	
	.chikara > a > div > p {
		margin: 10px 0px 0px 0px;
		padding: 5px 0px;
		background: #5e410d;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
		color: #fff;
	}
	
	.topLink {
		margin: 40px 0px 0px 0px;
		background: #fcf5e8;
	}
	
	.topLink.under {
		margin: 115px 0px 0px 0px;
	}
	
	.topLink.side {
		margin: 0px;
	}
	
	.topLink ul {
		display: flex;
		flex-wrap: wrap;
	}
	
	.topLink.side ul {
		display: block;
	}
	
	.topLink ul li {
		width: 25%;
		line-height: 1.3;
		box-sizing: border-box;
	}
	
	.topLink.side ul li {
		width: 100%;
	}
	
	.topLink ul li.num01,
	.topLink ul li.num02,
	.topLink ul li.num03,
	.topLink ul li.num05,
	.topLink ul li.num06,
	.topLink ul li.num07 {
		border-right: #decdb0 1px solid;
		border-bottom: #decdb0 1px solid;
	}
	
	.topLink ul li.num04,
	.topLink ul li.num08 {
		border-bottom: #decdb0 1px solid;
	}
	
	.topLink.side ul li.num01,
	.topLink.side ul li.num02,
	.topLink.side ul li.num03,
	.topLink.side ul li.num04,
	.topLink.side ul li.num05,
	.topLink.side ul li.num06,
	.topLink.side ul li.num07,
	.topLink.side ul li.num10 {
		border-right: none;
		border-bottom: #decdb0 1px solid;
	}
	
	.topLink.side ul li.num08 {
		border-bottom: none;
	}
	
	.topLink ul li a:hover {
		opacity: 0.7;
	}
	
	.topLink ul li.num01 a,
	.topLink ul li.num02 a,
	.topLink ul li.num03 a,
	.topLink ul li.num04 a,
	.topLink ul li.num10 a {
		display: flex;
		align-content: center;
		align-items: center;
		padding: 10px;
	}
	
	.topLink ul li.num05 a,
	.topLink ul li.num06 a,
	.topLink ul li.num07 a,
	.topLink ul li.num08 a {
		display: block;
		padding: 14px;
		position: relative;
	}
	
	.topLink ul li.num01 a figure,
	.topLink ul li.num02 a figure,
	.topLink ul li.num03 a figure,
	.topLink ul li.num04 a figure {
		width: 80px;
	}
	
	.topLink.side ul li.num01 a figure,
	.topLink.side ul li.num02 a figure,
	.topLink.side ul li.num03 a figure,
	.topLink.side ul li.num04 a figure,
	.topLink.side ul li.num10 a figure {
		width: 70px;
	}
	
	.topLink ul li a figure img {
		width: 100%;
		height: auto;
	}
	
	.topLink ul li.num01 a div,
	.topLink ul li.num02 a div,
	.topLink ul li.num03 a div,
	.topLink ul li.num04 a div,
	.topLink ul li.num10 a div {
		width: calc(100% - 92px);
		margin: 0px 0px 0px 12px;
	}
	
	.topLink.side ul li.num01 a div,
	.topLink.side ul li.num02 a div,
	.topLink.side ul li.num03 a div,
	.topLink.side ul li.num04 a div,
	.topLink.side ul li.num10 a div {
		width: calc(100% - 82px);
	}
	
	.topLink ul li.num01 a div p,
	.topLink ul li.num10 a div p {
		font-size: 1.4rem;
		color: #000;
	}
	
	.topLink ul li.num02 a div p,
	.topLink ul li.num03 a div p {
		font-size: 1.4rem;
		color: #755e3c;
	}
	
	.topLink ul li.num04 a div p {
		font-size: 1.3rem;
		color: #755e3c;
	}
	
	.topLink ul li.num01 a div h2 {
		font-size: 1.8rem;
		color: #e40012;
	}
	
	.topLink ul li.num02 a div h2,
	.topLink ul li.num03 a div h2 {
		font-size: 1.8rem;
		font-weight: 500;
		color: #000;
	}
	
	.topLink ul li.num04 a div h2 {
		font-size: 1.7rem;
		font-weight: 500;
		color: #000;
	}
	
	.topLink.side ul li.num04 a div h2 {
		font-size: 1.6rem;
		font-weight: 500;
		color: #000;
	}
	
	.topLink ul li.num09 a div h2 {
		font-size: 1.4rem;
		font-weight: 500;
		color: #000;
	}
	
	.topLink ul li.num06 a div {
		position: absolute;
		top: 28px;
		left: 28px;
	}
	
	.topLink.side ul li.num06 a div {
		top: 20px;
	}
	
	.topLink ul li.num06 a div p {
		font-size: 1.4rem;
		font-weight: bold;
		color: #118441;
	}
	
	.topLink ul li.num06 a div h2 {
		font-size: 1.8rem;
		font-weight: 500;
		color: #000;
	}
	
	.topLink ul li.num07 a div {
		width: 100%;
		position: absolute;
		top: 80px;
		left: 0px;
		text-align: center;
	}
	
	.topLink.side ul li.num07 a div {
		top: 72px;
	}
	
	.topLink ul li.num07 a div p {
		font-size: 1.4rem;
		color: #755e3c;
	}
	
	.topLink ul li.num07 a div h2 {
		font-size: 1.6rem;
		font-weight: 500;
		color: #000;
	}
	
	.topLink ul li.num08 a div {
		position: absolute;
		top: 28px;
		left: 28px;
	}
	
	.topLink ul li.num08 a div p {
		font-size: 1.4rem;
		color: #755e3c;
	}
	
	.topLink ul li.num08 a div h2 {
		font-size: 1.8rem;
		font-weight: 500;
		color: #000;
	}
	
	.topLink.side ul li.num10 a div h2 {
		font-size: 1.6rem;
		font-weight: bold;
		color: #000;
	}
	
	footer {
		background: linear-gradient(to right, #d6e1f1 18%, #d6e7e3 44%, #d8e9d9 64%, #dee9ca 86%);
	}
	
	footer nav {
		display: flex;
		width: 950px;
		margin: 0px auto;
		padding: 40px 0px;
	}
	
	footer nav dl {
		width: 25%;
		padding: 0px 15px;
		box-sizing: border-box;
	}
	
	footer nav dl:not(:last-of-type) {
		border-right: #fff 1px solid;
	}
	
	footer nav dl dt {
		font-size: 1.8rem;
		text-align: center;
		font-weight: bold;
	}
	
	footer nav dl dt span {
		display: block;
		font-size: 1.2rem;
		color: #755e3c;
	}
	
	footer nav dl dd ul li {
		margin: 30px 0px 0px 0px;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	
	footer > div {
		background: #c3e173;
	}
	
	footer > div > div {
		width: 950px;
		margin: 0px auto;
		padding: 40px 15px;
		box-sizing: border-box;
		position: relative;
	}
	
	footer > div > div ul {
		display: flex;
	}
	
	footer > div > div ul li {
		margin: 0px 10px 0px 0px;
		font-size: 1.4rem;
	}
	
	footer > div > div p.copy {
		font-size: 1.4rem;
	}
	
	footer > div > div p.pageTop {
		font-size: 1.2rem;
		font-weight: bold;
		text-align: center;
		line-height: 80px;
		position: fixed;
		bottom: 50px;
		right: 50px;
		z-index: 1000;
	}
	
	footer > div > div p.pageTop a {
		display: block;
		width: 80px;
		height: 80px;
		background: url("../img/totop.svg") no-repeat 0px 0px;
		color: #fff;
	}
	
	footer > div > div p.pageTop a:hover {
		opacity: 0.7;
	}
}