@charset "utf-8";

html {
  scroll-behavior: auto;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite,
code, del, dfn, img, ins, kbd, q, samp, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer,
header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	/*font-family: "Microsoft YaHei","Noto Sans JP","Futura PT", sans-serif;*/
	font-weight: 400;
	line-height: 1.5;
	-ms-word-wrap: break-word;
	    word-wrap: break-word;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}
br {
	line-height: 0;
}
ul li {
	list-style: none;
}
a {
	display: inline-block;
	text-decoration: none;
	word-break: break-word;
}
input,select,textarea,button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
	-webkit-border-radius: 0;
	        border-radius: 0;
}
input, select {
    vertical-align: middle;
}
button {
	cursor: pointer;
}
img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.only_pc, .only_tb {
	display: block;
}
.only_sp {
	display: none;
}
.flex {
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
:root {
    --white-color: #ffffff;
	--main-color: #553E00;
    --black-color01: #111111;
	--black-color02: #000000;
	--white-color: #FFFFFF;
	--pink-color: #D7598B;
	--pink-bg-color01: #F2DCE5;
	--pink-bg-color02: #FDEDF3;
	--brown-bg-color01: #F0E7E0;
	--brown-bg-color02: #E5DAD1; 
	--border-color: #DEC8A4;
	--gray-color: #D9D9D9;
	--mod-font: 'Microsoft YaHei','Noto Sans JP', sans-serif;
}
.ttl_h2{
	font-size: 28px;
	font-family: var(--mod-font);
	font-weight: 700;
	color: var(--main-color);
	margin-bottom: 20px;
}
.ttl_h3{
	font-size: 24px;
	font-family: var(--mod-font);
	font-weight: 700;
	color: var(--main-color);
	margin-bottom: 20px;
}
.ttl_h4{
	font-size: 17px;
	font-family: var(--mod-font);
	font-weight: 700;
	color: var(--main-color);
}
.txt_mod01{
	font-size: 16px;
	font-family: var(--mod-font);
	font-weight: 500;
	color: var(--black-color01);
}
.txt_mod02{
	font-size: 14px;
	font-family: var(--mod-font);
	font-weight: 500;
	color: var(--main-color);
	margin-bottom: 20px;
}
.txt_mod03{
	font-size: 12px;
	font-family: var(--mod-font);
	font-weight: 500;
	color: var(--main-color);
}
/*Common Module*/



/*For Tablet*/
@media only screen and (min-width: 768px) and (max-width: 980px) {
	.ttl_h2{
		font-size: 2.667vw;
		margin-bottom: 1.667vw;
	}
	.ttl_h3{
		font-size: 2vw;
		margin-bottom: 1.667vw;
	}
	.ttl_h4{
		font-size: 1.667vw;
	}
	.txt_mod01{
		font-size: 1.333vw;
	}
	.txt_mod02{
		font-size: 1.167vw;
		margin-bottom: 1.667vw;
	}
	.txt_mod03{
		font-size: 1vw;
	}
	/*Common Module*/
}

/*For SP*/
@media only screen and (max-width: 767px) {
	.only_pc,
	.only_tb {
		display: none;
	}
	.only_sp {
		display: block;
	}
	.ttl_h2{
		font-size: 5.333vw;
		margin-bottom: 7.5vw;
	}
	.ttl_h3{
		font-size: 5.333vw;
		margin-bottom: 7.5vw;
	}
	.ttl_h4{
		font-size: 4.267vw;
	}
	.txt_mod01{
		font-size: 3.2vw;
		line-height: 2;
	}
	.txt_mod02{
		font-size: 2.933vw;
		margin-bottom: 3.5vw;
		line-height: 2;
	}
	.txt_mod03{
		font-size: 3.2vw;
	}
	/*Common Module*/
}

@media only screen and (max-width: 640px) {
.copyright img {
	width: auto;
	height: auto;
}
.c_back {padding: 0 2%;}
}