@charset "UTF-8";

/*-------------------------
__privacy_style
-------------------------*/

.contentspage h1.basetitle{ border-bottom: 3px solid #04488F;}
.contentspage h1.basetitle span{ color: #04488F;}

.line_box{ text-align: center;}
.line_box .top{ font-size: 22px; line-height: 1.5; font-weight: 700; margin-bottom: 30px;}
.line_box .middle{ font-size: 25px; font-weight: 700; color: #06C755; margin-bottom: 15px; position: relative;}
.line_box .middle span{ display: inline-block; vertical-align: middle; width: 50px; height: 50px; background: url(images/line.png) no-repeat; background-size: 50px 50px;}
.line_box .middle p{ display: inline;}
.line_box .qr{ margin-bottom: 15px;}
.line_box .qr img{}
.line_box .bottom{ font-size: 14px; line-height: 24px;}
.line_box .bottom span{ display: block;}

@media screen and (min-width: 768px) {
.pc_none{ display: none;}
}

@media screen and (max-width: 767px) {
.sp_none{ display: none;}
.line_box .top{ font-size: 16px;}
.line_box .top span{ display: block;}
.line_box .middle,
.line_box .qr,
.line_box .bottom{ display: none;}
.sp_btn{ padding: 0 15px; margin-bottom: 30px;}
.sp_btn a{ font-size: 20px; font-weight: 700; display: block; color: #00B900; border: 2px solid #00B900; box-sizing: border-box; padding: 20px 0; border-radius: 5px;}
.sp_btn a span{ display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: url(images/line.png) no-repeat; background-size: 30px 30px;}
}