/* -----------------------------------------------------------
 NORDIC Feeling LINE css
-------------------------------------------------------------*/

#line_area {}
#line_area h2 {
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin:30px auto;
}
#line_area .box_pr {
	background:#EDF2F6;
	padding:50px 30px;
}
#line_area .box_pr p {
	text-align:center;
}
#line_area .box_pr h3 {
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#06C755;
	margin:30px auto;
}
#line_area .box_pr h3::before {
	content:'';
	display:inline-block;
	width:32px;
	height:1px;
	background:#06C755;
	transform:rotate(57deg);
	margin-right:13px;
	position:relative;
	top:-7px;
}
#line_area .box_pr h3::after {
	content:'';
	display:inline-block;
	width:32px;
	height:1px;
	background:#06C755;
	transform:rotate(-57deg);
	margin-left:13px;
	position:relative;
	top:-7px;
}
#line_area .list_pr {
	display:flex;
	justify-content:space-between;
}
#line_area .list_pr li {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
	width:calc((900px - 180px)/3);
	padding:20px;
	border-radius:10px;
	background:#FFF;
}
#line_area .list_pr li::before {
	content:'';
	display:block;
	width:48px;
	height:48px;
	margin:0 auto 14px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
#line_area .list_pr li.pr_login::before {
	background-image:url(../image/line/lock.svg);
}
#line_area .list_pr li.pr_ticket::before {
	background-image:url(../image/line/ticket.svg);
}
#line_area .list_pr li.pr_mail::before {
	background-image:url(../image/line/mail.svg);
}
#line_area .list_pr li p {
	text-align:center;
}
#line_area .text_01 {
	text-align:center;
	margin:50px auto 0;
}
#line_area .box_qr {
	display:flex;
	align-items:center;
	max-width:600px;
	padding:20px;
	margin:80px auto 0;
	border:1px solid #06C755;
}
#line_area .box_qr .img {
	width:120px;
	min-width:120px;
	margin-right:20px;
}
#line_area .box_qr .img img {
	width:100%;
}
#line_area .box_qr p {
}
#line_area .box_step {
	background:#F6F6F6;
	margin:80px auto 0;
	padding:50px 60px 0;
}
#line_area .box_step h3 {
	text-align:center;
	font-size:20px;
	font-weight:bold;
}
#line_area .box_step h3 span {
	display:inline-block;
	padding-bottom:1px;
	border-bottom:1px solid #333;
}

#line_area .box_step .list_step {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	list-style-type:none;
	margin:30px auto 0;
}
#line_area .box_step .list_step li {
	width:240px;
	margin-bottom:50px;
}
#line_area .box_step .list_step::after {
	content:'';
	display:block;
	width:240px;
}
#line_area .box_step .list_step li .img {
}
#line_area .box_step .list_step li .img img {
	width:100%;
}
#line_area .box_step .list_step li .title {
	margin:20px auto 10px;
	font-size:20px;
	text-align:center;
	font-weight:bold;
	color:#06C755;
}
#line_area .box_step .list_step li .text {
	font-size:14px;
}
#line_area .box_cancel {
	margin:30px auto;
	padding:20px;
	border:1px solid #333333;
}
#line_area .box_cancel h3 {
	font-size:16px;
	font-weight:bold;
	margin:0 0 5px;
}
#line_area .box_cancel p {
	font-size:16px;
	margin:2px 0 0;
}