@charset "UTF-8";


.bc_rv { letter-spacing:0.08em; background:url(images/bg_dia-01.gif);}
.bc_rv img{max-width:100%; height:auto;}
.bc_rv p{ color:#897a7a; font-size: 16px; font-size: 1.6rem;}
.bc_rv .content-1{max-width:1020px; padding:7% 5%; margin:0 auto; text-align: center;}
.bc_rv .content-1 p{font-size: 17px; font-size: 1.7rem; font-weight: 600; line-height: 3em;}
.bc_rv .content-2{max-width:1020px; padding:4%; margin:0 auto 100px; text-align: center; background-color: #ffe2ec; border-radius: 20px;}
.bc_rv .story{max-width: 100%; background:#FFF;}
.bc_rv .story .cont-inner{max-width:1020px; margin:0 auto; padding:10% 20px 7% 20px;}
.bc_rv .story .cont-inner .ttl_block{padding:0 10% 10%; text-align: center;}
.bc_rv .story h3{color: #e3bd57; font-size: 18px; font-size:1.8rem; font-weight: 600; margin-bottom: 5%; line-height: 1.6;}
.bc_rv .story p{font-size: 15px; font-size: 1.5rem; line-height: 2.2; margin-bottom: 7%;}
.bc_rv .story h6{color:#897a7a; font-size: 13px; font-size:1.3rem; font-weight: 600; margin-bottom: 5%;}
.bc_rv .st_profarea p{font-size: 12px; font-size:1.2rem; line-height: 1.7; margin-bottom: 0;}
.bc_rv .story .cont-inner .ttl_block p{font-size: 17px; font-size: 1.7rem; font-weight: 600; line-height: 3em; margin-bottom: 0;}
.bc_rv .story1,.bc_rv .story2{background-color: #fff; padding:5%; margin-bottom: 6%; border:2px solid #e4e1da;}
.bc_rv .rev1,.bc_rv .rev2,.bc_rv .rev5{background-color: #fff; padding:5%; margin-bottom: 6%; border:2px solid #e4e1da;}
.bc_rv .rev6{background-color: #fff; padding:5%; margin-bottom: 0; border:2px solid #e4e1da;}
.bc_rv .rev3{width:48%; background-color: #fff; padding:4%; margin:0 2% 6% 0; border:2px solid #e4e1da; float: left; text-align: left;}
.bc_rv .rev4{width:48%; background-color: #fff; padding:4%; margin:0 0 6% 2%; border:2px solid #e4e1da; float: left;  text-align: left;}
.bc_rv .rev1 .revh3,.bc_rv .rev2 .revh3{display: inline-block; padding:2% 0; color:#897a7a; border-bottom: 3px solid #ffed87;}
.bc_rv .rev3-4 .revh3,.bc_rv .rev5 .revh3,.bc_rv .rev6 .revh3{padding:2% 0; color:#897a7a; border-bottom: 3px solid #ffed87; text-align: left; font-size: 22px; font-size: 2.2rem; margin-bottom: 35px;}
.bc_rv .rev1 .revh3:before {content: url("images/rv_icon-1.png");}
.bc_rv .rev2 .revh3:before {content: url("images/rv_icon-2.png");}
.bc_rv .rev3 .revh3 {background: url("images/rv_icon-3.png") no-repeat left top; padding: 6% 0 4% 70px;}
.bc_rv .rev4 .revh3 {background: url("images/rv_icon-4.png") no-repeat left top; padding: 6% 0 4% 70px;}
.bc_rv .rev5 .revh3 {background: url("images/rv_icon-5.png") no-repeat left top; padding: 6% 0 4% 70px;}
.bc_rv .rev6 .revh3 {background: url("images/rv_icon-5.png") no-repeat left top; padding: 6% 0 4% 70px;}
.bc_rv .story .link_btn a{text-decoration: none;}

.bc_rv .note_area {padding-top:4%;}
.bc_rv .note_area p.note_tex {font-size:12px; color:#897a7a;}

.bc_rv .content-2 .rv_pic{margin-bottom: 20px;}
.bc_rv .content-2 .profarea{border-radius: 20px; padding:20px 35px; text-align: left; margin-bottom: 7%; background-color: #f1f1f1;}
.bc_rv .content-2 .profarea h4{font-size: 1.6rem; font-size: 16px; margin-bottom: 10px;}
.bc_rv .content-2 .profarea .proftext{font-size: 13px; font-size: 1.3rem; line-height: 1.8;}
.bc_rv .content-2 .rev3-4 .profarea .proftext,.bc_rv .content-2 .rev5 .profarea .proftext,.bc_rv .content-2 .rev6 .profarea .proftext{font-size: 12px; font-size: 1.2rem;}
.bc_rv .review p{line-height: 2.4em; text-align: left;}
.bc_rv .rv_st {font-size: 20px; font-size: 2.0rem; color:#f990b5;}
.bc_rv .st{font-weight: 600;}
.bc_rv .content-2 .rev3-4 .profarea{border-radius: 20px; padding:4% 5%; text-align: left; margin-bottom: 7%;}
.bc_rv .content-2 .rev5 .profarea,.bc_rv .content-2 .rev6 .profarea{border-radius: 20px; padding:4% 5%; text-align: left; margin-bottom: 7%;}


.bc_rv .col-40{ width: 40%;}
.bc_rv .col-45{ width: 45%;}
.bc_rv .col-50{ width: 50%;}
.bc_rv .col-55{ width: 55%;}
.bc_rv .col-60{ width: 60%;}


.bc_rv .pr{padding-right: 5%}
.bc_rv .pl{padding-left: 5%}


/*!------------------------------------*\
   text & include
\*!------------------------------------*/
.bc_rv a,.cts a:visited {color: ##74a6b2; text-decoration: underline;}

.bc_rv h2{ margin:5px 0 40px 0; font-weight:600; font-size:36px; letter-spacing:0.02em; color:#74a6b2; }
.bc_rv h3{ margin-bottom:55px; color:#897a7a; font-weight:600;}
.bc_rv h4{ color:#897a7a; margin-bottom:30px;}
.bc_rv h5{ font-size:2.3rem; font-weight:400; margin-bottom:10px;}
.bc_rv h5.s_h5{font-size:1.3rem; font-weight:600; margin-bottom:10px;}
.bc_rv h6{ font-size:1.6rem; color:#555555; margin:20px 0; line-height: 2em;}
.bc_rv p.cap{ margin:10px 0 0 0; font-size:12px;}
.bc_rv .ast{ font-size:75%; font-weight:400 !important; vertical-align:super;}
.ast2{ font-size:65%; font-weight:400 !important; vertical-align:super;}
.bc_rv p.anno{ font-size:13px; margin-bottom:5px;}
.bc_rv span.anno{ font-size:12px; margin:5px 0; color:#74a6b2;}

.tx-l{ text-align:left !important;}
.tx-c{ text-align:center !important;}
.tx-r{ text-align:right !important;}

.bc_rv .kc{color:#74a6b2;}

.tex70{ font-size:70%;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb60{margin-bottom: 60px;}

.pw20{padding: 0 20px;}
.pr30{padding: 0 30px 0 0;}

.fl-l{ float:left;}
.fl-r{ float:right;}

.bg_gray{ background-color:#f7f5f3;}
.bg_white{ background-color:#fff;}





#bc20th_anchor {background-color:#f0cac6; text-align:center;}
#campaign_img_pc {max-width:980px; margin:0 auto;}
#campaign_img_sp {display:none;}
#campaign_img_area01 {background-color:#df0623; border-bottom:4px solid #f4c278;}

/* リンクボタン（赤） */
#bc20th_anchor .link_btn_area {padding-top:20px;}
#bc20th_anchor .link_btn a,
#bc20th_anchor .link_btn a:visited,
#bc20th_anchor .link_btn a:hover {width:800px; height:54px; padding:0 5%; font-size:24px; font-size:2.4rem; font-weight:bold; display:table-cell; vertical-align:middle; text-align:center; text-decoration:none;}

#bc20th_anchor #campaign_img_area02 {max-width:1020px; padding:0 20px 30px 20px; margin:0 auto;}
#bc20th_anchor #campaign_img_area02l,
#bc20th_anchor #campaign_img_area02r {width:48%;}
#bc20th_anchor #campaign_img_area02l {float:left;}
#bc20th_anchor #campaign_img_area02r {float:right;}



/* ベッド型ナビ */
.bbb_navi_area {width:100%; background:url("images/navi_bg.gif") 0 0 repeat #fbfbfb; text-align:center;}
.bbb_navi {max-width:1008px; padding:56px 14px 28px 14px; margin:0 auto;}
.bbb_navi ul {letter-spacing: -.4em;}
.bbb_navi ul li {display:inline-block; letter-spacing:normal; width:50%; padding:0 14px 28px 14px; vertical-align:top;}
/*.bbb_navi ul li a,
.bbb_navi ul li a:hover,
.bbb_navi ul li a:visited {font-size:18px; font-size:1.8rem; color:#df0623; border:5px solid #d1d1d1; padding:36px 56px 36px 20px; display:block; text-decoration:none; background-color:#FFF; background:url(../images/navi_arrow.png) center right no-repeat #FFF;}*/
.bbb_navi ul li a,
.bbb_navi ul li a:hover,
.bbb_navi ul li a:visited {font-size:18px; font-size:1.8rem; color:#df0623; border:5px solid #d1d1d1; padding:36px 44px 36px 8px; display:block; text-decoration:none; background-color:#FFF; background:url(images/navi_arrow.png) center right no-repeat #FFF;}
.bbb_navi ul li a:hover,
.bbb_navi ul li a.navi_curr {color:#fff; background-color:#df0623; background:url("images/navi_arrow_c.png") center right no-repeat #df0623;}


#mainimg_area02 {max-width:1020px; padding:60px 20px 0 20px; margin:0 auto;}

.bc_rv .rev2 .revh3:before {content:none;}
.bc_rv .rev2 .h3_mod {text-align:left; display:block; background: url("images/rv_icon-2.png") no-repeat left top; padding: 6% 0 4% 70px;}
.bc_rv .rev2 .revh3.icon03:before {content: url("images/rv_icon-3.png");}
.bc_rv .rev3 .revh3 {background: url("images/rv_icon-4.png") no-repeat left top; padding: 6% 0 4% 70px;}
.bc_rv .rev4 .revh3 {background: url("images/rv_icon-5.png") no-repeat left top; padding: 6% 0 4% 70px;}
.bc_rv .rev5 .revh3 {background: url("images/rv_icon-6.png") no-repeat left top; padding: 6% 0 4% 70px;}
.bc_rv .rev6 .revh3 {background: url("images/rv_icon-6.png") no-repeat left top; padding: 6% 0 4% 70px;}

.link_btn_v2 a, .link_btn_v2 a:visited, .link_btn_v2 a:hover {text-decoration:none;}
.link_btn_area {padding:0 20px 100px 20px;}
.history_link_btn_area {padding:60px 20px 100px 20px; text-align:center;}

/* バナー */
.bbb_banner_area {padding:80px 20px 0 20px; margin:0 auto; text-align:center;}
.bbb_banner_area img {width:auto; max-width:100%;}


/*!------------------------------------*\
    Tablet
\*!------------------------------------*/
@media screen and (max-width: 981px) {
.bbb_navi ul li {display:inline-block; letter-spacing:normal; width:50%; padding:0 8px 16px 8px; vertical-align:top;}
.bbb_navi ul li a,
.bbb_navi ul li a:hover,
.bbb_navi ul li a:visited {font-size:17px; font-size:1.7rem;}
}



/*!------------------------------------*\
    Smartphone
\*!------------------------------------*/
@media screen and (max-width: 641px) {
.bc_rv p{ font-size: 14px; font-size: 1.4rem;}
.bc_rv .content-1{max-width:100%; padding:10% 7%; margin:0 auto; text-align: center;}
.bc_rv .content-1 p{font-size: 13px; font-size: 1.3rem; font-weight: normal; line-height: 2em;}
.bc_rv .content-2{max-width:100%; padding:3%; margin:0 auto 30px; background-color: #ffe2ec; border-radius: 0px;}
.bc_rv .rev1,.bc_rv .rev2,.bc_rv .rev5{padding:4%; margin-bottom: 6%; border:1px solid #e4e1da;}
.bc_rv .rev1 .revh3{ font-size: 15px; font-size: 1.5rem; padding:3%; text-align: left; d}
.bc_rv .rev2 .revh3{font-size: 15px; font-size: 1.5rem; padding:3%; text-align: left;}
.bc_rv .rev3-4 .revh3,.bc_rv .rev5 .revh3,.bc_rv .rev6 .revh3{font-size: 15px; font-size: 1.5rem; margin-bottom:6%;}

.bc_rv .rev1 .revh3:before {display: none;}
.bc_rv .rev2 .revh3:before {display: none;}
.bc_rv .rev1 .revh3 {background: url("images/rv_icon-1.png") no-repeat left top; padding: 6% 0 4% 70px;}
.bc_rv .rev2 .revh3 {background: url("images/rv_icon-2.png") no-repeat left top; padding: 6% 0 4% 70px;}

.bc_rv h3{ margin-bottom:6%; color:#897a7a; font-weight:600;}
.bc_rv .content-2 .profarea{border-radius: 10px; padding:4%; text-align: left; margin-bottom: 7%;}
.bc_rv .content-2 .profarea h4{font-size: 1.4rem; font-size: 14px; margin-bottom: 10px;}
.bc_rv .content-2 .profarea .proftext{font-size: 12px; font-size: 1.2rem; line-height: 1.8;}
.bc_rv .review p{line-height: 2em;}
.bc_rv .rv_st {font-size: 16px; font-size: 1.6rem;}
.bc_rv .rev3{width:100%; background-color: #fff; padding:4%; margin:0 0 6% 0; border:1px solid #e4e1da; float: none; text-align: left;}
.bc_rv .rev4{width:100%; background-color: #fff; padding:4%; margin:0 0 6% 0; border:1px solid #e4e1da; float: none;  text-align: left;}

.bc_rv .story .cont-inner .ttl_block p{font-size: 13px; font-size: 1.3rem; font-weight: normal; line-height: 2em;}
.bc_rv .story1,.bc_rv .story2{padding:5%; margin:0 3% 6%; border:1px solid #e4e1da;}
.bc_rv .st_profarea p{margin-bottom: 12%; border-bottom: 2px solid #e4e1da; padding-bottom: 5%}
.bc_rv .story h3{font-size: 15px; font-size:1.5rem;}
.bc_rv .story p{font-size: 13px; font-size: 1.3rem; line-height: 1.8;}


.bc_rv .col-40{ width: 100%;}
.bc_rv .col-45{ width: 100%;}
.bc_rv .col-50{ width: 100%;}
.bc_rv .col-55{ width: 100%;}
.bc_rv .col-60{ width: 100%;}

.bc_rv { letter-spacing:0.04em;}
.fl-l,.fl-r{ float:none;}
.bc_rv .pr{padding-right: 0}
.bc_rv .pl{padding-left: 0}


#campaign_img_pc {display:none;}
#campaign_img_sp {display:block;}
#bc20th_anchor #campaign_img_area02l,
#bc20th_anchor #campaign_img_area02r {width:100%; float:none;}
#bc20th_anchor .link_btn_area {padding:40px 0;}
#bc20th_anchor .link_btn a,
#bc20th_anchor .link_btn a:visited,
#bc20th_anchor .link_btn a:hover {font-size:16px; font-size:1.6rem;}
#bc20th_anchor .link_btn{ margin-bottom: 60px;}


/* ベッド型ナビ */
.bbb_navi_area {width:100%; background:url("images/navi_bg.gif") 0 0 repeat #fbfbfb; text-align:center;}
.bbb_navi {max-width:1008px; padding:28px 10px 18px 10px; margin:0 auto;}
.bbb_navi ul {letter-spacing: -.4em;}
.bbb_navi ul li {display:inline-block; letter-spacing:normal; width:100%; padding:0 10px 10px 10px; vertical-align:top;}
.bbb_navi ul li a,
.bbb_navi ul li a:hover,
.bbb_navi ul li a:visited {font-size:13px; font-size:1.3rem; color:#df0623; border:3px solid #d1d1d1; padding:12px 34px 12px 10px; display:block; text-decoration:none; background-color:#FFF; background:url("images/navi_arrow_sp.png") center right no-repeat #FFF;}
.bbb_navi ul li a:hover,
.bbb_navi ul li a.navi_curr {color:#fff; background-color:#df0623; background:url("images/navi_arrow_c_sp.png") center right no-repeat #df0623;}

#mainimg_area02 {padding:30px 20px 0 20px;}

.bc_rv .rev2 .revh3.icon03 {background: url("images/rv_icon-3.png") no-repeat left top;}
.link_btn_area {padding:0 20px 30px 20px;}
.history_link_btn_area {padding:50px 20px 50px 20px;}


/* バナー */
.bbb_banner_area {padding:40px 20px 0 20px;}


}