@charset "utf-8";
/*
 * ===================================================
 * 
 * content
 * 
 * ===================================================
 */
/**
 * 幅指定
 */
.w33p { width: 33%; }
.w48p { width: 48%; }
.w49p { width: 49%; }
.w50p { width: 50%; }
.w90p { width: 90%; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w280 { width: 280px; }
.w290 { width: 290px; }
.w300 { width: 300px; }
.w310 { width: 310px; }
.w320 { width: 320px; }
.w330 { width: 330px; }
.w340 { width: 340px; }
.w400 { width: 400px; }
.w410 { width: 410px; }
.w420 { width: 420px; }
.w430 { width: 430px; }
.w440 { width: 440px; }
.w450 { width: 450px; }
.w470 { width: 470px; }
.w480 { width: 480px; }
.w490 { width: 490px; }
.w500 { width: 500px; }
.w510 { width: 510px; }
.w520 { width: 520px; }
.w540 { width: 540px; }
.w550 { width: 550px; }
.w570 { width: 570px; }
.w680 { width: 680px; }
.w1em { width: 1em; }
.w2em { width: 2em; }
.w3em { width: 3em; }
.w3hem { width: 3.5em; }
.w4em { width: 4em; }
.w4hem { width: 4.5em; }
.w5em { width: 5em; }
.w5hem { width: 5.5em; }
.w6em { width: 6em; }
.w6hem { width: 6.5em; }
.w7em { width: 7em; }
.w8em { width: 8em; }
.w9em { width: 9em; }
.w10em { width: 10em; }
.w11em { width: 11em; }
.w12em { width: 12em; }
.w13em { width: 13em; }
.w14em { width: 14em; }
.w15em { width: 15em; }
.w16em { width: 16em; }
.w17em { width: 17em; }
.w18em { width: 18em; }
.w19em { width: 19em; }
.w20em { width: 20em; }
/**
 * レイアウト
 */
.mL1hem { margin-left: 1.5em; }
.mL2em { margin-left: 2em; }
.mL2hem { margin-left: 2.5em; }
.mL3em { margin-left: 3em; }
.mL3hem { margin-left: 3.5em; }
.mL4em { margin-left: 4em; }
.mL4hem { margin-left: 4.5em; }
.mL5em { margin-left: 5em; }
.mL6em { margin-left: 6em; }
.mL7em { margin-left: 7em; }
.mL8em { margin-left: 8em; }
.mB60 { margin-bottom: 60px; }
.mB70 { margin-bottom: 70px; }
.mB80 { margin-bottom: 80px; }
/**
 * 文字サイズ
 */
.s0-8r { font-size: 0.8rem; }
.s1-0r { font-size: 1.0rem; }
.s1-1r { font-size: 1.1rem; }
.s1-2r { font-size: 1.2rem; }
.s1-3r { font-size: 1.3rem; }
.s1-4r { font-size: 1.4rem; }
.s1-5r { font-size: 1.5rem; }
.s1-6r { font-size: 1.6rem; }
.s1-7r { font-size: 1.7rem; }
.s1-8r { font-size: 1.8rem; }
.s1-9r { font-size: 1.9rem; }
.s2-0r { font-size: 2.0rem; }
.s2-1r { font-size: 2.1rem; }
.s2-2r { font-size: 2.2rem; }
.s2-3r { font-size: 2.3rem; }
.s2-4r { font-size: 2.4rem; }
.s2-5r { font-size: 2.5rem; }
.s2-6r { font-size: 2.6rem; }
.s2-8r { font-size: 2.8rem; }
.s2-9r { font-size: 2.9rem; }
.s3-0r { font-size: 3.0rem; }
.s3-4r { font-size: 3.4rem; }
.s3-5r { font-size: 3.5rem; }
.s3-8r { font-size: 3.8rem; }
.s4-0r { font-size: 4.0rem; }
.s5-0r { font-size: 5.0rem; }
/**
 * 備考
 */
.note { font-size: 1.4rem; }
/**
 * 見出し
 */
.headStyle01 {
	color: #426a6c;
	font-size: 3.0rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 40px;
	position: relative;
}
.headStyle01::before,
.headStyle01::after {
	display: inline-block;
	content: "";
	vertical-align: middle;
	margin-bottom: 8px;
	width: 80px;
	height: 1px;
	background: #ddd;
}
.headStyle01::before { margin-right: 40px; }
.headStyle01::after { margin-left: 40px; }
.headStyle02 {
	display: block;
	color: #915e4d;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.3;
	padding-left: 30px;
	margin-bottom: 20px;
	position: relative;
}
.headStyle02::before {
	display: block;
	content: "";
	width: 15px;
	height: 8px;
	background: url(../../images/content/content/ico_point.png) no-repeat center center;
	-webkit-background-size: cover;
	        background-size: cover;
	position: absolute;
	top: 0.5em;
	left: 0;
}
.headStyle03 {
	color: #2e1a13;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 10px;
}
.headStyle04 {
	color: #2e1a13;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.3;
	padding-left: 20px;
	margin-bottom: 20px;
	border-left: 8px solid #2e1a13;
}
/**
 * リスト
 */
.listStyle01 {
	padding: 0;
	margin: 0;
}
	.listStyle01 > li {
		list-style-type: disc;
		margin-left: 1.5em;
		position: relative;
	}
.listStyle02 {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.listStyle03 {
	padding: 0;
	margin: 0;
}
	.listStyle03 > li {
		list-style-type: decimal;
		margin-left: 1.5em;
		position: relative;
	}
/**
 * テーブル
 */
.tableStyle01 {
	border-collapse: collapse;
	border: 2px solid #c7aea4;
	margin-bottom: 10px;
}
	.tableStyle01 th,
	.tableStyle01 td {
		font-weight: normal;
		text-align: center;
		padding: 5px;
		border: 1px dashed #c7aea4;
	}
	.tableStyle01 thead th { background: rgba(145, 94, 77, 0.2); }
	.tableStyle01 tbody th { padding: 5px 10px; }
.tableStyle02 {
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #c7aea4;
}
	.tableStyle02 th,
	.tableStyle02 td {
		line-height: 1.5;
		font-weight: normal;
		padding: 10px;
		border: 1px solid #c7aea4;
	}
	.tableStyle02 tbody th { background: rgba(145, 94,77, 0.2); }
/**
 * ボタン
 */
.btnStyle01 {
	text-align: center;
}
	.btnStyle01 a {
		display: inline-block;
		color: #b78338;
		line-height: 1.3;
		text-decoration: none;
		padding: 10px 50px 10px 50px;
		border: 1px solid #b78338;
		border-radius: 10em;
		position: relative;
		transition: .2s;
	}
	.btnStyle01 a::before,
	.btnStyle01 a::after {
		display: block;
		content: "";
		width: 1px;
		height: 6px;
		background: #b78338;
		position: absolute;
		top: 50%;
		right: 20px;
		transition: .2s;
	}
	.btnStyle01 a::before {
		margin-top: -4px;
		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
				transform: rotate(-45deg);
	}
	.btnStyle01 a::after {
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
				transform: rotate(45deg);
	}
	.btnStyle01 a:hover {
		color: #fff;
		background: #b78338;
	}
	.btnStyle01 a:hover::before,
	.btnStyle01 a:hover::after { background: #fff; }
/**
 * ボックス
 */
.sectionVox { margin-bottom: 80px; }
.contVox { margin-top: 60px; }
.voxStyle01 {
	padding: 30px;
	background: #fff2d0;
}
/**
 * scroll
 */
.scrollVox {
	padding-bottom: 10px;
	overflow-x: auto;
}
.scrollVox::-webkit-scrollbar { height: 10px; }
.scrollVox::-webkit-scrollbar-track {
	background: #eee;
	border-radius: 10px;
}
.scrollVox::-webkit-scrollbar-thumb {
	background: #666;
	border-radius: 10px;
}
/**
 * transition series
 */
.trOp01 {
	-webkit-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
.trOp01:hover,
.trOp01.active {
	opacity: 0.6;
}
/**
 ****************************************************
 * 
 * screens larger than 768
 * 
 ****************************************************
 */
@media only screen and (min-width: 768px) {
	.pcDspNone { display: none; }
}	/*  @media END */
/**
 ****************************************************
 * 
 * screens smaller than 768
 * 
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	.spDspNone { display: none; }
	.fitImg { max-width: 100%; }
	.s0-8r { font-size: 0.6rem; }
	.s1-0r { font-size: 1.0rem; }
	.s1-1r { font-size: 1.1rem; }
	.s1-2r { font-size: 1.1rem; }
	.s1-3r { font-size: 1.1rem; }
	.s1-4r { font-size: 1.2rem; }
	.s1-5r { font-size: 1.2rem; }
	.s1-6r { font-size: 1.2rem; }
	.s1-7r { font-size: 1.3rem; }
	.s1-8r { font-size: 1.3rem; }
	.s1-9r { font-size: 1.3rem; }
	.s2-0r { font-size: 1.4rem; }
	.s2-1r { font-size: 1.4rem; }
	.s2-2r { font-size: 1.4rem; }
	.s2-3r { font-size: 1.5rem; }
	.s2-4r { font-size: 1.5rem; }
	.s2-5r { font-size: 1.5rem; }
	.s2-6r { font-size: 1.6rem; }
	.s2-8r { font-size: 1.6rem; }
	.s2-9r { font-size: 1.6rem; }
	.s3-0r { font-size: 1.7rem; }
	.s3-4r { font-size: 1.7rem; }
	.s3-5r { font-size: 1.7rem; }
	.s3-8r { font-size: 1.8rem; }
	.s4-0r { font-size: 3.0rem; }
	.s5-0r { font-size: 3.5rem; }
	/**
	 * 備考
	 */
	.note { font-size: 1.0rem; }
	/**
	 * 見出し
	 */
	.headStyle01 {
		font-size: 2.0rem;
		margin-bottom: 30px;
	}
	.headStyle01::before,
	.headStyle01::after { width: 40px; }
	.headStyle01::before { margin-right: 20px; }
	.headStyle01::after { margin-left: 20px; }
	.headStyle02 {
		font-size: 1.6rem;
		padding-left: 20px;
		margin-bottom: 10px;
	}
	.headStyle03 { font-size: 1.4rem; }
	.headStyle04 {
		font-size: 1.6rem;
		padding-left: 10px;
		margin-bottom: 20px;
		border-left-width: 5px;
	}
	/**
	 * ボックス
	 */
	.sectionVox { margin-bottom: 50px; }
	.contVox { margin-top: 30px; }
	.voxStyle01 {
		padding: 15px;
	}
	
}	/*  @media END */