@charset "UTF-8";
/*------------------------
スタイルの初期化
------------------------*/
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object,figure { margin:0; padding:0; }
html {
	font-size: 62.5%;
}
body {
	font-family: 'Noto Sans JP','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-weight: 400;
	font-size:14px;
	color: #000;
	line-height: 1.65;
	letter-spacing: .025em;
	text-autospace:ideograph-alpha;
	font-feature-settings: 'palt';
	min-width: 1000;
}
body *{
	box-sizing: border-box;
}
main {
	display: block;
}
a {
	text-decoration: none;
	color: #000;
	transition: opacity 0.3s ease 0s;
}
a:hover {
	opacity:.7;
}
a img {
	border:0;
}
img{
	vertical-align:top;
	max-width: 100%;
}
ul, ol { list-style-type:none; }
sup { position: relative; vertical-align: baseline; top: -0.9em; font-size: 0.5em; }
hr { display: none; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; letter-spacing: .04em;}
th, caption{ text-align: left; font-weight: normal; }
th,td { empty-cells:show; }

input[type="text"] ,
input[type="email"] ,
input[type="tel"] ,
input[type="password"] { padding:0 2px; margin-right:0.4em; }
input[type="submit"] { display:inline; margin:0; }
input[type="radio"] { margin-right:0.1em; }
textarea { padding:2px; }
optgroup { font-style:normal; }
option { padding-right:10px; }
*:focus {
outline: none;
}
.flex-box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
:root {
	--red: #e60012;
	--lb:#F3ECE0;
	--brown:#8D5E3B;
}
/*ボタンデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],button {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	font-family: 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}
input[type="text"] ,
input[type="email"] ,
input[type="tel"] ,
input[type="password"] ,
textarea {
	-webkit-appearance : none;
	appearance: none;
	border-radius:0;
	padding:8px;
	border:1px solid #c9c9c9;
	width: 90%;
	box-sizing: border-box;
}
area{
	border:none;
	outline:none;
}
img{
	width: 100%;
	height: 100%;
}

/*PC*/
@media screen and (min-width:768px) {
	.pc {
		display: block;
	}
	.pc.il {
		display:inline;
	}
	.sp {
		display: none;
	}

/*ページ幅*/
	.contents-wrapper {
		width: 1000px;
		margin: 0 auto;
	}
}



/*SP*/
@media screen and (max-width:767px) {
	body {
		font-size: 3.74vw;
	}
	.pc,	.pc.il {
		display:none;
	}
	.sp {
		display: block;
	}
}

/*ボックスの線*/
.line-box {
	position: relative;
}
.line-box:before {
	position: absolute;
	content: '';
	display: block;
	border-top:1px solid var(--brown);
	z-index: -1;
}
.line-box:after {
	position: absolute;
	content: '';
	display: block;
	border-left: 1px solid var(--brown);
	z-index: -1;
}
.line-box .inner:before {
	position: absolute;
	content: '';
	display: block;
	border-right: 1px solid var(--brown);
	z-index: -1;
}

.line-box .inner:after {
	position: absolute;
	content: '';
	display: block;
	border-bottom: 1px solid var(--brown);
		z-index: -1;
}
/*PC*/
@media screen and (min-width:768px) {
	.line-box {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.line-box:before {
		left: 0;
		top: 0;
		left:0;
		right:46px;
	}
	.line-box:after {
		top: 0;
		left: 0;
		right: 0;
		bottom: 20px;
	}
	.line-box .inner:before {
		left: 0;
		top: 20px;
		bottom:0;
		right:0;
	}
	.line-box .inner:after {
		top: 0;
		left: 46px;
		right: 0;
		bottom:0;
	}
}
/*SP*/
@media screen and (max-width:767px) {
	.line-box .inner {
		padding:8vw 5.33vw;
	}
	.line-box:before {
			left: 0;
			top: 0;
			left: 0;
			right: 5.86vw;
	}
	
		.line-box:after {
			top: 0;
			left: 0;
			right: 0;
			bottom: 2.67vw;
		}
	
		.line-box .inner:before {
			left: 0;
			top:2.67vw;
			bottom: 0;
			right: 0;
		}
	
		.line-box .inner:after {
			top: 0;
			left:5.86vw;
			right: 0;
			bottom: 0;
		}
}