@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap');
body{ text-align: left;}
.pc{ display:block;}
.sp{ display:none;}
.tr{-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
.tr04{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.cl:after { content: "";clear: both;display: block;}
a {cursor: pointer; display: block;}
a:link {text-decoration: none; color:inherit; font-size:inherit; font-weight:inherit; }
a:visited {text-decoration: none; color:inherit;}
a:hover {text-decoration: none; color: inherit;}
a:active {text-decoration: none; color:inherit;}
a,a:hover {-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
a.anchor {display: block; padding-top: 70px; margin-top: -70px;}
.rn_index img {width: 100%; line-height: 0;}
#contentsArea p {margin-bottom: auto;}
.ma2{border-radius: 2px; -webkit-border-radius:2px;-moz-border-radius: 2px;}
.shdimg{-webkit-filter: drop-shadow(0 0 15px rgba(33, 74, 124, 1));}
.shdtx{text-shadow: 0 0 10px rgba(33, 74, 124, 0.8);}
.main_area{background: #111;padding: 65px 0;}
.main_tube {position: relative;padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/height: 0;overflow: hidden; max-width: 770px; margin: auto;}
.main_tube iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.sub_nav{ margin: 30px 0;border-left: #d1d1d1 1px solid;}
.sub_nav img{ max-width: 178px; width: 95%;}
.sub_nav li{ width: 33.3333%; border-right: #d1d1d1 1px solid; float: left; text-align: center; box-sizing: border-box;}
.sub_nav_txt{padding: 35px 0 0 0; font-size: 1.6rem; line-height: 1em; font-weight: 600; display: block; text-align: center;}
.hist_w{ margin: 0 0 calc(30px + 5%) 0; padding:calc(7% + 35px) 0 calc(9% + 35px); background: url(../images/bg3.webp) center bottom/cover no-repeat;}
.hist_w_bg{ background: url(../images/bg1.webp) center bottom/cover no-repeat; padding: 70px 30px 60px 30px; margin: 0;}
.hist_ttl{ margin: auto;}
.hist_ttl_icon{ max-width: 370px; width: 45%; display: block; margin: 0 auto 55px auto;}
.hist_ttl_copy{ max-width: 500px; width: 96%; display: block; margin: 0 auto 40px auto;}
.hist_p{font-family: 'Sawarabi Mincho', sans-serif; color: #fff; font-size:1.7rem; line-height: 1.8em; text-align: center; padding: 0 0 150px 0; letter-spacing: 0.07em; }
.hist_img{ background: rgba(255,255,255,0.5); max-width: 700px;margin: auto; padding: 60px;}
.pup_w{margin: 0 0 10px 0;}
.ttl_img{padding: 0 0 30px 0; max-width: 231px;}
.ttl_img2{padding: 0 0 30px 0; max-width: 468px;}
.pup_li li{ width: 49.5%; margin: 0 1% 1% 0; line-height: 0; float: left;}
.pup_li li:nth-child(even){ margin: 0 0 1% 0;}
.rfi_w{ margin: 0 0 40px 0; padding: 0 0 5% 0;}
.logo_ri{ max-width: 370px; line-height: 0; margin: auto; width: 70%; padding: 0 0 50px 0;}
.ri_p{font-size: 1.45rem; line-height: 1.8em; max-width: 650px; margin: auto; padding: 0 0 45px 0;}
.tsuki_banner{ max-width: 850px; margin: auto;}
#contentsArea {margin: 0 auto !important;max-width: 967px; padding: 0;}
.mv_roof_logo{ max-width: 550px; margin: auto; padding: 0 35px calc(15px + 2%) 35px; width: 85%;}
.mv_roof_txt{ font-size: 1.7rem; padding: 0 35px; line-height: 1.9em; text-align: center;}
.rn_prd_box{display: block;position: relative;overflow: hidden;margin-bottom: 10px; line-height: 0;}
.rn_prd_box_banner{border: 1px solid #006994;line-height: 0;}
.rn_prd_box_ban_b{border: 1px solid #006994;line-height: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999; pointer-events: none;}
.rn_prd_box_0mb{margin-bottom: 70px;}
.rn_prd_box_mbl{display: block;position: relative;overflow: hidden;margin-bottom: 40px;}
.rn_prd_box .slideup{
width:100%;
height:100%;
position:absolute;
top:0;
left:-50%;
-webkit-transition: 0.4s;
-moz-transition:  0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.rn_prd_box .slideup:hover {left: 0;top: 0;}
.rn_prd_box .slideup span {text-align:center;font-weight:bold;display:block;position: absolute; width: 30px; height:30px;bottom:5%; left: 52%;}
.rn_prd_box .slideup:hover span {display:none;}
.flx{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center; }
.slideup_content {width: 50%;height:calc(100%);position: absolute; left:0; top: 0;box-sizing: border-box; padding: 20px 40px 0 40px;background:#fff;border-top: 1px solid #006994;border-bottom: 1px solid #006994;border-left: 1px solid #006994; box-sizing: border-box !important;}
.gd2020{max-width: 350px; width: 70%; padding: 10px 0 0 0;}
.slideup_content a{text-decoration: none;}
.rn_slup_ttl{position: relative;}
.rn_slup_ttl span,.rn_slup_ttl p{position: absolute; left: 100%; padding: 0 0 0 7px; font-size: 1.55rem; line-height: 1em; bottom: 0; width: 90px; font-weight: 400; line-height: 1.3em;}
.rn_slup_ttl1{ max-width: 280px; margin: 10px 0 25px 0; line-height: 0;}
.rn_slup_ttl2{ max-width: 280px; margin: 0 0 9px 0; line-height: 0;}
.rn_slup_ttl3{ max-width: 250px; margin: 20px 0 4px 0; line-height: 0;}
.rn_slup_ttl4{ max-width: 170px; margin: 20px 0 8px 0; line-height: 0; position: relative; display: table; float: left;}
.gooddesign{ margin: 0 0 10px 0;}
.gd_txt{ width: 320px; font-size: 1.3rem; line-height: 30px; height: 30px; border: 1px solid #222; text-align: center; font-weight: 600; float: left;}
.gd_logo{ width: 111px; float: left; margin: 0 0 0 10px;}
.rn_slup_tx{ font-size: 1.4rem; line-height: 1.6em; margin: 0 0 25px 0 !important; position: relative;}
.rn_slup_tx2{ margin: 0 0 11px 0 !important;}
.rn_slup_lnk{font-size: 1.4rem; line-height: 1em; padding: 0 0 9px 0; border-bottom: 1px solid #333; display: table !important;}
.rn_slup_date{ border: 1px solid #c1272d; color: #c1272d; padding: 5px 10px; display: table;font-size: 1.4rem; line-height: 1em; margin: 0 0 15px 0 !important;}
.rn_slup_datefix{ position: absolute; left: 105%; width: 100%;}
.cpt_w {margin: 0 0 40px 0; padding: 0 0 3% 0;}
.bg_hist{ background: url(../images/bg2.webp) center bottom/cover no-repeat; padding:0 0 30px 0; margin: 0 0 20px 0;}
.hist_pv{background: #231815; padding: 70px 0;}
.hist_box{background: rgba(255,255,255,0.6); max-width: 760px; padding: 60px; box-sizing: border-box; margin: auto; margin: 100px auto 0 auto;}

.ren_mv_movie{ margin: 0 0 30px 0;}
.spcon_box{ height: auto !important; margin: 0 0 calc(40px + 3%) 0;}
.spcon_box li{width: 32.3333%; margin: 0 1.5% 0 0; float: left; height: auto !important; position: relative;}
.spcon_box li:last-child{margin:0;}
.spcon_img{ position: relative; line-height: 0;}
.spcon_name{ position: absolute; left: 48%; top:calc(50% - 30px); width: 50%;}
.spcon_name_2{ position: absolute; left: 5%; top:calc(50% - 30px); width: 50%;}
.spcon_name span,.spcon_name_2 span{color: #fff; display: block; letter-spacing: 0.05em;}
.spcon_name1{ font-size: 1.5rem; line-height: 1em; padding: 0 0 5px 0;}
.spcon_name2{ font-size: 2.25rem; line-height: 1em; padding: 0 0 10px 0; font-weight: 700;}
.spcon_name3{ font-size: 1.25rem; line-height: 1em; font-style: italic; font-weight: 600;}
.spcon_txbox{ background: #efefef; padding: 15px;}
.spcon_txbox_up,.spcon_txbox_up2,.spcon_txbox_up3{position: relative; cursor:pointer;}
.spcon_tx{padding: 0 0 10px 0; font-size: 1.4rem; line-height: 1.55em;}
.spcon_tgl{ width: 58px; height: 20px; background: url(../images/ren_more.webp) center/100% no-repeat; float: right;}
.spcon_txbox_up.active .spcon_tgl,.spcon_txbox_up2.active .spcon_tgl,.spcon_txbox_up3.active .spcon_tgl{background: url(../images/ren_close.webp) center/100% no-repeat; }
.spcon_txbox_upin,.spcon_txbox_upin2,.spcon_txbox_upin3{ display: none; padding:10px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #333; font-size: 1.25rem; line-height: 1.6em;}
.spcon_txbox_upin p,.spcon_txbox_upin2 p,.spcon_txbox_upin3 p{min-height: 420px;}
.spcon_txbox_upin a,.spcon_txbox_upin2 a,.spcon_txbox_upin3 a{ display: table; padding:5px 22px 5px 0; margin: 5px 0 0 0; border-bottom: 1px solid #777; background: url(../images/blank.webp) right center/12px no-repeat;}
.spcon_movarea{ padding: 15px;}
.spcon_movareabg1{ background: url(../images/ren_nagayama_bg.webp) center/cover no-repeat;}
.spcon_movareabg2{ background: url(../images/ren_hirata_bg.webp) center/cover no-repeat;}
.spcon_movareabg3{ background: url(../images/ren_ashizawa_bg.webp) center/cover no-repeat;}
.spcon_movttl{ max-width: 130px; margin: auto; padding: 20px 0;}
.spcon_mov_li{ border-radius: 3px; text-align: center; padding: 8px; background: #fff url(../images/arrow_movie.webp) 97% center/14px no-repeat; font-size: 1.3rem; font-weight: 600;  }
.spcon_mov_li:hover{color: #fff; background: #333 url(../images/arrow_movie.webp) 97% center/14px no-repeat; }
.spcon_soon{ background: url(../images/ren_coming.webp) center/100% 100% no-repeat; position: relative;}
.spcon_soonimg{ width: 180px; position: absolute; left: calc(50% - 90px); top: calc(50% - 30px);}
.spcon_more{ text-align: center; padding: 10px 0; font-size: 1.2rem; position: absolute; bottom: -40px; left: 0; width: 100%;}
.spcon_more a{ display: inline-block; border-bottom: 1px solid #333; }

.kanren_ttl{ padding: 0 0 9px 0;}
.kanren_w{ border: 1px solid #d9d9d9;padding: 15px; box-sizing: border-box;}
.knrn_ban1{ background: #000; position: relative; width: 49.5%; float: left; margin: 0 1% 0 0;}
.knrn_ban2{ margin: 0 !important;}
.knrn_ban3{background: #000; position: relative; width: 100%; float: none; margin: 0 0 1% 0;}
.knrn_ban4{background: #000; position: relative; width: 32.6666%; float: left; margin: 0 1% 0 0;}
.knrn_ban1_l{ width: 50%;float: left; padding:20px;color: #fff !important;}
.knrn_ban1_l2{ width: 100%;float: left; padding:20px;color: #fff !important;}
.knrn_ban1_l{ width: 50%;float: left; padding:20px;color: #fff !important;}
.knrn_ban1_r{ width: 50%;float: right; background: url(../images/tishiki1_pc2.webp) center/cover no-repeat;}
.knrn_ban2_r{ width: 50%;float: right; background: url(../images/tishiki2_pc2.webp) center top/cover no-repeat;}
.knrn_ban3_r{ width: 50%;float: right; background: url(../images/tishiki3_pc2.webp) center top/cover no-repeat;}
.knrn_ban11_r{ width: 100%;float: right; background: url(../images/tishiki1_1_pc.webp) center/cover no-repeat; padding: 25%; box-sizing: border-box;}
.knrn_ban22_r{ width: 100%;float: right; background: url(../images/tishiki2_pc.webp) center top/cover no-repeat; padding: 25%; box-sizing: border-box;}
.knrn_ban33_r{ width: 100%;float: right; background: url(../images/tishiki3_pc.webp) center/cover no-repeat; padding: 25%; box-sizing: border-box;}
.kanren_tx1{ font-size: 1.7rem; line-height: 1.4em; padding: 0 0 8px 0; font-weight: 700;}
.kanren_tx1_1{ font-size: 2.2rem; line-height: 1.45em; padding: 15px 0 13px 0; font-weight: 700;}

.kanren_tx2{ font-size: 1.35rem; line-height: 1.4em; padding: 0 0 12px 0; font-weight: 600;}
.kanren_tx2_1{ font-size: 1.55rem; line-height: 1.4em; padding: 0 0 12px 0; font-weight: 600;}
.kanren_lnk{ font-size: 1.2rem; line-height: 1em; padding: 5px 33px 5px 13px; border: 1px solid #fff; display: table;background: url(../images/icon_blank.webp) 96% center/11px no-repeat; wid}
.knrn_ban1:hover .kanren_lnk{ background: #fff url(../images/icon_blank_blk.webp) 96% center/11px no-repeat; color: #000;}
.knrn_ban1 a,.knrn_ban3 a,.knrn_ban4 a{ position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.kanren_ttl img{width: auto; height: 20px;}
@media screen and (max-width: 767px) {
    .pc{ display:none;}
    .sp{ display:block;}
    .in{ padding: 0 15px;}
    .main_area{padding: 20px;}
    .main_tube {}
    .sub_nav{ background: url(../images/mn_bg.webp) center/auto 100% repeat-x; margin: 0; border: none;}
    .sub_nav li{ border-right: #8c8c8c 1px solid; padding: 12px 4px;}
    .sub_nav li:last-child{ border-right: none;}
    .sub_nav_txt{padding:5px 0 0 0; font-size: 1.15rem; line-height: 1.5em;}
    .hist_w_bg{  background: url(../images/bg1_sp.webp) center bottom/cover no-repeat; padding: 70px 10px 0 10px; margin: 0 0 30px 0;}
    .hist_ttl_icon{ margin: 0 auto 40px auto;}
    .hist_p{font-size:1.44rem;text-align: left; padding: 0 0 40px 0; line-height: 1.7em; }
    .hist_img{ padding:20px 10px;}
    .ttl_img{padding: 0 0 20px 0; width: 45%;}
    .ttl_img2{padding: 0 0 20px 0; width: 90%;}
    .pup_li li{ width: 100%; margin: 0 0 1% 0;float: none;}
    .logo_ri{ padding: 0 0 35px 0;}
    .ri_p{font-size: 1.4rem; padding: 0 0 25px 0;}
    
    .mv_roof_txt{ font-size: 1.4rem; text-align: left;}
    .rn_prd_box{margin-bottom: 40px;}
    .rn_prd_box2{margin-bottom: 0;}
    .rn_slup_ttl_spcont{ padding: 15px 0 20px 0;}
    .rn_slup_ttl1{ width: 55%; margin: 0 0 15px 0;}
    .rn_slup_ttl5{ max-width: 90%; margin: 0 0 15px 0; line-height: 0;}
    .rn_slup_ttl2{ width: 80%; margin: 0 0 15px 0;}
    .rn_slup_ttl3{ width: 80%; margin: 25px 0 15px 0;}
    .rn_slup_ttl4{ width: 60%; margin: 25px 0 15px 0;}
    .gooddesign{ margin: 0 0 15px 0;}
    .gd_txt{ width: 270px; font-size: 1.15rem; line-height: 24px; height:24px; letter-spacing: -0.05em;}
    .gd_logo{ width: 75px; margin: 1px 0 0 5px;}
    .rn_slup_tx{ font-size: 1.3rem; margin: 0 0 15px 0 !important;}
    .rn_slup_lnk{color:#5f5f5f;font-size: 1.4rem;padding:15px; border: 1px solid #bababa; display: block !important; background: #ececec url(../images/arrow_bld_gry.webp) 95% center/7px no-repeat; text-align: center;}
    .rn_slup_date{ padding: 5px; font-size: 3vw;}
    .gd2020{ width: 50%;}
    .bg_hist{ background: url(../images/bg2.webp) center bottom/cover no-repeat; padding: 0 0 30px 0;}
    .hist_box{background: rgba(255,255,255,0.6); padding:15px; box-sizing: border-box; margin:0 0 0 -15px; width: calc(100% + 30px);}
    
    .spcon_box li{width:100%; margin: 0 0 15px 0; float: left; min-height: 150px;}
    .spcon_soon{ height: 40vw;}
    .spcon_name1{ font-size: 4vw;}
    .spcon_name2{ font-size: 6.25vw;}
    .spcon_name3{ font-size: 3.25vw; }
    .spcon_more{ text-align: center; padding: 10px 0; font-size: 1.2rem; position: relative; bottom: auto; left: 0; width: 100%;}
    .spcon_txbox_upin ,.spcon_txbox_upin2{ height: auto;}
    .spcon_txbox_upin p,.spcon_txbox_upin2 p,.spcon_txbox_upin3 p{min-height: 20px;}
    .kanren_ttl img{width: auto; height: 15px;}
    .kanren_w{padding: 8px; }
    .knrn_ban1_l{ padding:calc(7px + 5%) 10px;}
    .knrn_ban1_r{ width: 50%;float: right; background: url(../images/tishiki1_sp.webp) center/cover no-repeat;}
    .knrn_ban2_r{ width: 50%;float: right; background: url(../images/tishiki2_sp.webp) center/cover no-repeat;}
    .knrn_ban3_r{ width: 50%;float: right; background: url(../images/tishiki3_sp.webp) center/cover no-repeat;}
    .knrn_ban11_r{ width: 50%;float: right; background: url(../images/tishiki1_sp.webp) center/cover no-repeat;padding: 0;}
    .knrn_ban22_r{ width: 50%;float: right; background: url(../images/tishiki2_sp.webp) center top/cover no-repeat; padding:0;}
    .knrn_ban33_r{ width:50%;float: right; background: url(../images/tishiki3_sp.webp) center/cover no-repeat; padding: 0;}
    .kanren_tx1{ font-size: 4.1vw; line-height: 1.3em; padding: 0 0 6px 0;}
    .kanren_tx1_1{ font-size: 4.1vw; line-height: 1.3em; padding: 0 0 6px 0;}
    .kanren_tx2,.kanren_tx2_1{ font-size: 3vw; padding: 0 0 10px 0; }
    .kanren_lnk{ font-size: 1rem; line-height: 1em; padding: 4px 25px 4px 5px;}
    .knrn_ban1,.knrn_ban3,.knrn_ban4{ width: 100%; float: none; margin: 0 0 10px 0;}
    .knrn_ban1_l2{ width: 50%;float: left; padding:calc(7px + 5%) 10px;}
    
    /*202102追加*/
    .hist_w{ background: url(../images/bg4.webp) center/cover no-repeat;}
}