@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;

}
:focus {
	outline: 0 !important;
	text-decoration: none !important;
}
html, body {
	margin: 0 !important;
	padding: 0;
}
html {
	scroll-behavior: smooth;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
input, textarea {
	max-width: 100%;
	font-size: inherit;
	font-family: inherit;
}
caption, th, td {
	text-align: left;
	padding: 5px 10px;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: none;
}
img {
	border: none;
	max-width: 100%;
	height: auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, time {
	display: block;
}
a {
	color: #4a1d0e;
	text-decoration: none;
}
a:hover, a:active {
	color:#a5c12e;
	text-decoration: none;
	opacity: .8;
}
h1, h2, h3, h4, h5, h6, span {
	margin:0px;
	padding:0px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
}
figure {
	max-width: 100%;
}
*{box-sizing:border-box; }
/*page
----------------------------------------------------*/
html {
	scroll-behavior: smooth;
}
body {
	margin:0px;
	padding:0px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #4a1d0e;
	background: url(img/bg-pattern.png) repeat center center #fff;
	text-decoration: none;
	line-height: 1.7;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.center_txt {
	text-align: center;
}
.bold{
	font-weight: bold;
}
.fs11 {
	font-size: 11px;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.mobile {
	display: none !important;
}
.pc{
	display: block;
}
.relative {
	position: relative;
}
table td, table th {
	border: 1px solid #e9cdba;
	padding: 10px;
	width: auto !important;
}
input, textarea {
	border: 1px solid #d8d8d8;
	padding: 3px 10px;
}
a:hover img {
	opacity: 0.8;
}
.container {
	max-width: 930px;
	padding: 0 15px;
	margin: 0 auto;
	position: relative;
}
.container_inner {
	padding: 0 50px;
}
.bg_white {
	background-color: #fff;
}
.brown_bg {
	background-color: #edd8be;
}
.footer {
	background-color: #561f1f;
	color: #a5c12e;
}
.btn-animation:hover span {
    z-index: 3;
    color: #fdd3a4;
  	opacity: 1;
}
.btn-animation {
    padding: 10px 15px;
    color: #fff;
    display: block;
	text-align: center;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
    font-weight: bold;
	font-size: 28px;
	background: #86402f; /* Old browsers */
	background: -moz-linear-gradient(top,  #86402f 0%, #56160d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #86402f 0%,#56160d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #86402f 0%,#56160d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86402f', endColorstr='#56160d',GradientType=0 ); /* IE6-9 */

}
.wrap-btn-item {
	padding: 80px 0;
}
:root {
	--pink: #AD0081;
	--pink2: #EFE1EC;
	--yellow: #EFE92F;
	--yellow2:#FFFCBD;
	--yellow3: #B7902E;
	--brown: #5F3113;
	--brown2: #AF6351;
	--grey: #595959;
	--white: #FFF;
}
.serif_font {
	font-family: 'Noto Serif JP', serif;
}
/*head*/
.bold{
	font-weight: bold;
}
.fs-1{
	font-size: 24px;
}
.fs-2{
	font-size: 18px;
}
.fs-3{
	font-size: 14px;
}
.color-brown{
	color: #993e00;
}
.flex {
    display: flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
	flex-wrap: wrap;
}
.wrap{
	flex-wrap: wrap;
}
.page_title {
	font-size: 24px;
	padding: 60px 0 50px 0;
}
.page_title > span.line {
	border-bottom: 3px solid #a5c12e;
	font-weight: 900;
}
.page_title > span.dblock {
	display: block;
	padding: 15px 0 0 0;
}
.top_img {
	padding: 0 50px;
}
.cnt-product {
    padding: 0 0 100px 0;
}
.txt1 {
	padding: 80px 0;
}
.table_title {
	text-align: center;
}
.table_title span {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	display: inline-block;
	background: #b06935;
	padding: 15px 50px;
	position: relative;
	overflow: hidden;
}
.table_title span:after, .table_title span:before {
	content: "";
	position: absolute;
	background: #fff;
	width: 40px;
	height: 120%;
	top: 0;
	left: -40px;
	transform: rotate(-20deg);
	transform-origin: top right;
}
.table_title span:after {
	left: inherit;
	right: -40px;
	transform: rotate(20deg);
	transform-origin: top left;
}
.table_title {
	padding: 0 0 40px 0;
}
.infos {
	padding: 0 0 50px 0;
}
.tit-box {
	font-size: 36px;
	font-weight: bold;
	color: #1b2d5a;
	text-align: center;
	padding: 80px 0 30px 0;
}
table.info th, table.info td {
	border: none;
	padding: 15px 0;
}
table.info {
	border-top: 1px solid #e9cdba;
}
table.info tr {
	border-bottom: 1px solid #e9cdba;
}
table.info th {
	color: #de731e;
}
.box-white {
    background: #fff;
	border-radius: 7px;
	color: #000;
}
.sp_txt {
	font-size: 14px;
}
.group-tit-item {
	padding: 0 0 25px 0;
}
.box-wrap-product {
	padding: 70px 0;
}
.sp_top_title {
	font-size: 24px;
	padding: 0 0 60px 0;
}
.img-left {
    width: 260px;
}
.item-pri .cnt-box {
    width: calc( 100% - 300px);
}
.wrap-cnt-ft {
    padding: 30px 50px;
    align-items: center;
}
.copyright {
    font-size: 12px;
}
.btn-ft {
    background: #a5c12e;
    color: #4a1d0e;
    padding: 12px 22px;
	border-radius: 30px;
	display: inline-block;
}
.btn-ft:hover {
	color: #4a1d0e;
	opacity: 0.8;
}
.icon-number-1{
	position: relative;
}
.wrap-img {
    display: inline-block;
	width: 100%;
}
.wrap-2-product .wrap-img img {
	max-height: 330px;
}
.block {
	border-bottom: 10px solid #b06935;
}
.last_item {
	padding-bottom: 0;
}

@media screen and (max-width: 767px){
	.mobile {
		display: block !important;
	}
	.pc{
		display: none !important;
	}
	
	.scroll_btns > a {
		width: 100%;
		max-width: 100%;
	}
	.container_inner {
		padding: 0 15px;
	}
	.copyright {
	    margin-bottom: 15px;
	}
	.page_title {
		font-size: 20px;
		padding: 40px 0 30px 0;
	}
	.top_img {
		padding: 0;
	}
	.txt1 {
		padding: 50px 0;
	}
	table.info th, table.info td {
		display: block;
	}
	table.info th {
		padding-bottom: 0;
	}
	.btn-animation {
		font-size: 20px;
	}
	.wrap-btn-item {
		padding: 40px 0;
	}
	.img-left {
		margin: 0 auto;
	}
	.item-pri .cnt-box {
		width: 100%;
		padding: 15px 0 0 0;
	}
	.wrap-cnt-ft {
		padding: 30px 15px;
		justify-content: center;
	}
	.wrap-btn-ft {
		text-align: center;
	}
}
/*end 768*/
@media screen and (max-width: 375px){

}