@charset "utf-8";
/* CSS Document */
/*==========================
PC
==========================*/

.fs-l-main {
	margin: 5% auto 5.0em auto !important;
}
.rte ul, .rte ol {
	padding-bottom: 15%;
}

.mainImg_pc {
	display: block;
	margin-bottom: 5%;
}
.mainImg_sp {
	display: none;
}

.tryBox {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.8;
}
	.newsTitle {
		text-align: center;
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 3%;
	}
.article .rte ul, .article .rte ol {
	font-size: 14px!important;
	line-height: 22px!important;
}
.trytitle {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 7%;
}
.trysubtitle {
	text-align: center;
	font-weight: 600;
	margin-bottom: 4%;
}
.mainImg {
	margin-bottom: 3%;
}
.img2_contaier {
	display: flex;
	justify-content: space-between;
	margin-bottom: 3%;
	flex-wrap: wrap;
}
.img2_contaier .img2_item01 {
	padding: 1%;
	width: 48%;
}
.snap {
	text-align: center;
	background-color: #862633;
	padding: 1% 0;
	width: 20%;
	margin: 0 auto;
	margin-bottom: 5%;
	margin-top: 10%;
	color: #FFFFFF;
	font-family: "Bona Nova", serif;
}
.stepBox {
	width: 60%;
	margin: 0 auto;
	margin-bottom: 5%;
	font-size: 14px;
	line-height: 1.8;
}
.stepBox .steptitle {
	text-align: center;
	font-weight: 600;
	margin-bottom: 2%;
	font-size: 16px;
}
.stepIcon {
	width: 10%;
	margin-left: 45%;
	margin-bottom: 5%;
}
.stepBox .stepTxt {
	margin-bottom: 6%;
	text-align: center;
}
.stepTxt__small {
	font-size: 13px;
}
.lintBtn {
	display: block;
	background-color: #852631;
	padding: 2% 0;
	width: 40%;
	margin-left: 30%;
	text-align: center;
	margin-bottom: 5%;
	color: #FFFFFF;
	transition: 0.4s;
}
.lintBtn:hover {
	color: #BC6A6B;
}
.lintBtn a:hover {
	color: #965E5F;
}
.lintBtn a {
	color: #FFFFFF!important;
}
.lintBtn2 {
	background-color: #000000;
	padding: 2% 0;
	width: 40%;
	margin-left: 30%;
	text-align: center;
	margin-bottom: 5%;
	color: #FFFFFF;
}
.lintBtn2 a {
	color: #FFFFFF;
}
.lintBtn2 a:hover {
	color: #965E5F;
}
.caution {
	width: 70%!important;
	margin-left: 24%!important;
}
.brandTxt {
	width: 86%;
	margin: 0 auto;
	margin-bottom: 10%;
	text-align: left;
}
.lintBtn a, .lintBtn2 a {
	color: #fff !important;
}
.caution {
	width: 90% !important;
	margin: 0 auto!important;
}
.stepBox__list {
	text-align: center;
}