@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina|Kosugi+Maru|M+PLUS+Rounded+1c:100,300,400,500,700,800,900');


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
body {/* color: #505050; */ color: #333333;font-size:16px; line-height:160%; font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; overflow-x:hidden; }
ul,ol,li,dl,dt,dd{list-style: none;}
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom:1;}
.clear { clear: both; display: block; height: 0; overflow: hidden; }
img{ max-width:100%;}
a{ text-decoration:none; color:inherit;}

.red_cl{ color:#e8380d;}
.red_bucl{ color:#c81815;}
.pink_cl{ color:#ea535e;}
.blue_cl{ color:#3962ad;}
.bluein_cl{ color:#43bff0;}
.brown_cl{color:#916c00;}


.f12{ font-size: 12px; font-size: 1.2rem; line-height:170%;  }
.f14{ font-size: 14px; font-size: 1.4rem; line-height:158%;  }
.f16{ font-size: 16px; font-size: 1.6rem; line-height:170%;  }
.f18{ font-size: 18px; font-size: 1.8rem; line-height:170%;  }
.f20{ font-size: 20px; font-size: 2rem; line-height:170%;  }
.f24{ font-size: 24px; font-size: 2.4rem; line-height:160%;  }

.fws{ font-weight:400;}
.fwb{ font-weight:bold;}

.wf_MPLUSRounded{font-family: 'M PLUS Rounded 1c';font-weight: 500;}
.wf_MPLUSRounded b{font-weight:900;}
.algcen{text-align: center;}

.pd_t10{ padding-top: 10px; padding-top: 1rem }
.pd_t15{ padding-top: 15px; padding-top: 1.5rem }
.pd_t20{ padding-top: 20px; padding-top: 2rem }
.pd_t25{ padding-top: 25px; padding-top: 2.5rem }
.pd_t30{ padding-top: 30px; padding-top: 3rem }
.pd_b20{ padding-bottom: 20px; padding-bottom: 2rem }

.inpv{ text-align: center;}
.YoutubeWrapper{position:relative;padding-bottom:56.25%;overflow: hidden; display: inline-block; width: 750px; max-width: 100%;}
.YoutubeWrapper iframe {position:absolute;top:0;left:0;height:100%;width:100% ;}

.pc_none{ display: none; }
.sp_none{ display: block; }

/******************************index************************************************/
body{ position:relative; font-family: M PLUS Rounded\ 1c,Rounded Mplus\ 1c,Mplus\ 1p,sans-serif;font-weight: 500;}
.head{background:#f2901b url(/img/vivre/index/imgResize4000-header_ph.jpg) top center no-repeat; background-size: auto 100%;}
.tpph{ width: 1200px; max-width: 100%;margin: 0 auto; text-align: center; position: relative; }
.ph_tbook{position: absolute; bottom: 0; right:5.8%; width:25%;margin-bottom: -3.7%; z-index: 10;transition-delay: 600ms!important; }
.tpph .banner_viv{ position: absolute;bottom: 1rem; left: 2%; width:32%; }
.list2 .banner_viv{ display: none; }

/* .tpbg{ position: absolute; top: 0; left:0; height:0; width: 100%; padding-bottom: 627px; background: url(/img/vivre/index/bg.jpg?v03) center top repeat-x; background-size: auto 100%; z-index:1; pointer-events:none; } */


.main{ font-size: 20px; font-size: 2rem; line-height: 170%; }
.innermob{ position: relative; }
.bg_in01{ background:url(/img/vivre/index/imgResize8885-bg_in02.jpg) center bottom repeat-y; background-size:100% auto; padding-bottom:100px;}
.inner_con{ width:750px; max-width: 100%;padding: 0 2%; box-sizing:border-box;margin: 0 auto; padding-top:28px;}
.bg_in01 .inner_con{padding-top: 40px; padding-bottom: 40px;}

.con_tit01{ font-size:32px; font-size: 3.2rem; line-height: 140%; font-weight: 900;}
.con_tit02{ font-size:28px; font-size: 2.8rem; line-height: 140%; font-weight: 900;}

.con_ph{ text-align: center; }
.con_ph03{ text-align: center; }
.con_ph img{ width: 44%; }
.con_ph02 img{ width:70%; }
.con_ph03 img{ width:60%; }


.bg_in02{ z-index: 10; }
.bg_in02 .inner_con{ background: #fff; margin-top: -100px; padding-top: 0; }
.tnbg{background:url(/img/vivre/index/imgResize4000-tnbg.png) top center no-repeat;background-size:100% 100%; height:190px;margin-top: -100px;}
.bnbg{background:url(/img/vivre/index/imgResize4000-bnbg.png) top center no-repeat;background-size:100% 100%;  height:190px;margin:-90px 0 -50px 0;}
.con_phtwomob{display: flex;align-items: flex-end;}
.cpt_ph{width: 50%; text-align: right;}
.cpt_ph img{width:75%;}
.cpt_tx{width:46.8%; padding-left:3.2%; font-size: 18px; font-size: 1.8rem; line-height: 170%; }

.con_phtwomob02{display: flex;flex-wrap: wrap; padding-top: 3rem;}
.cpt02_tx{ width:62%; padding-right: 6%;  }
.cpt02_ph{ width:32%;  }
.con_ht{ text-align:center; }

.phlist{ text-align: center; }
.phlist .phl_in{ width:24%; padding-right: 1%;  float: left; }

.banner_viv{ text-align: center; }
.banner_viv a{ display:inline-block; width: 80%; box-shadow: 1px 1px 5px #000; border-radius: 14px; overflow: hidden;background: #725900;}
.banner_viv a:hover img{mix-blend-mode: hard-light;}


.bg_in03{ background:url(/img/vivre/index/imgResize8885-bg_in02.jpg) center top repeat-y; background-size:100% auto; padding:50px 0 50px 0;}
.bg_in03 .inner_con{  padding-left: 25px;  }
.bg_in03 .con_ht{ text-align:left; }
.bg_in03 .con_ht img{ width:56%;}

.inner_consnt{padding:0 8%; }
.inner_consnt .con_tit01{ text-align: center; }
.inner_consnt .con_ph img{ width: 86%; }

.con_clist{border:2px solid #fff;margin-top: 2rem; margin-bottom: 3rem;}
.con_cintit{ padding: 2%;border-bottom:2px solid #fff; }
.con_cint01{padding: 2% 2% 0 2%; font-size: 1.6em; color: #fff; font-weight: 700;}
.con_cintab{ padding: 2%; display: flex; flex-wrap:wrap;}
.con_cinner{ width: 48%;padding-right: 2%; }




.con_phlistmob{display: flex;flex-wrap: wrap;align-items: flex-end; padding-top: 10px;justify-content: center;}
.cp_n01{ width:38.76%;margin:0 5.38% 3% 0;}
.cp_nlistn{ width:17.38%; margin:0 0 3% 1.8%;background: #b69b45;}
.con_phlistmob .cp_nlistn:nth-of-type(4n){margin-left: 43px;}
.cp_nlistn a img{transition:opacity 0.3s;}
.cp_nlistn a:hover img{opacity: 0.7;}
.ban_dt{ text-align: center; padding-top:20px;  }
.ban_dt a{ display: inline-block; width:336px;transition:background 0.3s;  }
.ban_dt a:hover{ background: #c39704; }


.page_top{ position:fixed; bottom:45px; right:30px; display:none; max-width:60px; z-index:99; transition:all 0.2s; }
.footer{ font-size: 10px; line-height: 110%; padding:35px 10px 15px 10px; color: #fff; background:#3c3c3c; text-align: center;}



.ansclty{transform: translateY(40px);transition: all 0.8s ease-out; opacity: 0;}
.anscltx{transform: translateX(40px);transition: all 0.8s ease-out; opacity: 0;}
.ansclt-x{transform: translateX(-40px);transition: all 0.8s ease-out; opacity: 0;}
.ansclscale{transform: scale(0.98);transition: all 0.8s ease-out; opacity: 0;}
.ansclopac{transform: translateY(10px);transition: all 0.8s ease-out; opacity: 0;}
.an_scl.andsno{transform: translate(0,0) scale(1);opacity: 1;}


.ban_tpline{ display: block;font-size:2.2rem; line-height: 120%; padding:0.6em 1.2em;color: #4d4d4d;text-decoration: none;position: absolute;right: 0;top:8rem;z-index: 10; font-weight: 400; border: 1px solid #4d4d4d;transition: background 0.3s; }
.ban_tpline:hover{background: #c39704; color: #fff;}
.ban_print{font-size:2.2rem; line-height: 120%; padding:0.6em 1.8em;margin:0 0 2rem 0; color: #4d4d4d;font-weight: 400; border: 1px solid #4d4d4d;transition: background 0.3s; background: none; cursor: pointer; }
.ban_print:hover{background: #c39704; color: #fff;}






@media screen and (max-width:1920px){
/* .bg_in01{ background-size:auto; } */
.tnbg,.bnbg{ background-size:auto; }


}

@media screen and (max-width: 750px){

.pc_none{ display: block; }
.sp_none{ display: none; }

html,body{width:100vw; overflow-x: hidden;}
body{ background-size: 8rem; }
.f12{ font-size: 2.4rem; line-height:160%;  }
.f14{ font-size: 2.8rem; line-height:158%;  }
.f16{ font-size: 3.2rem; line-height:160%;  }
.f18{ font-size: 3.6rem; line-height:150%;  }
.f20{ font-size: 4rem; line-height:140%;  }
.f24{ font-size: 4.8rem; line-height:140%;  }


.main{ font-size: 2.8rem; line-height: 158%; }
.cpt_tx{font-size: 2.4rem; line-height: 160%; }



.con_tit01{font-size: 5rem; line-height: 125%; }
.con_tit02{font-size: 4rem; text-align: center; padding-top: 6rem; }


.ph_tbook{right:2.133%; width:35.667%;margin-bottom: -8.4%;  }

.inner_con{ width: 100%; padding:0 5.3%;  }
.bg_in01 .inner_con{padding-top: 12.6%; padding-bottom: 2%;}

.con_ph{ padding:3.5rem 0 1.5rem;  }
.con_ph img{ width: 67.58%}
.con_ph03 img{ width:70%; }


.bg_in01{ background:url(/img/vivre/index/imgResize9340-bg_in02_sp.jpg) center top repeat-y; background-size:100% auto;}
.bg_in03{ background:url(/img/vivre/index/imgResize9340-bg_in02_sp.jpg) center top repeat-y; background-size:100% auto;}

.bg_in02 .inner_con{margin-top: -3.5rem;}
.tnbg{background:url(/img/vivre/index/tnbg_sp.png) top center no-repeat;background-size:100% 100%; height:13rem;margin-top: -10rem;}
.bnbg{background:url(/img/vivre/index/bnbg_sp.png) top center no-repeat;background-size:100% 100%;  height:13rem;margin:-2rem 0 -5rem 0;}
.cpt_ph img{ width: 95%; }
.tanspac{padding-top: 6rem;}
.con_ph02 img{ width: auto; }
.con_phtwomob02{ padding-top: 0; }
.cpt02_tx{ width: 100%; }
.cpt02_ph{ width: 100%; text-align: center; padding-top:3rem; }
.cpt02_ph img{ width:32.4rem; }
.con_txt{ padding-top: 2rem; }
.phlist .phl_in{ width:48.7%; padding:0 0 2rem 0;  }
.phlist .phl_in:nth-of-type(2n){ padding-left: 2.4%;}
.banner_viv{ padding-top: 5rem; }
.banner_viv a{ width: auto;}

.bg_in03 .inner_con{ padding: ; }
.bg_in03 .con_ht{ text-align: center; }
.bg_in03 .con_ht img{ width: 66%; }

.inner_consnt{padding:0; }
.inner_consnt .con_tit01{font-size: 4rem;line-height: 125%;}
.con_clist{border:2px solid #fff;margin-top: 2rem; margin-bottom: 3rem;}
.con_cintit{ padding: 3%;border-bottom:2px solid #fff; }
.con_cintit .con_tit01{ font-size:3.6rem;}
.smfont{ font-size:0.72em; display: block; line-height: 130%;}
.cnfw{ font-weight: 700; }
.con_cint01{padding: 3% 3% 0 3%; font-size: 1.6em;}


.con_cintab{ padding: 3%; display: flex; flex-wrap:wrap;}
.con_cinner{ width:98%;padding-right: 2%; }


.con_phlistmob{ padding-top:5rem;}
.cp_n01{ width:66.4%;margin:0 1.2% 1.8rem 0;}
.cp_nlistn{ width:29.55%; margin:0 0 1.8rem 2.5%;}
.con_phlistmob .cp_nlistn:nth-of-type(4n){margin-left: 2.5%;}
.con_phlistmob .cp_nlistn:nth-of-type(3n){margin-left: 5.85%;}
.ban_dt a{ width: auto; }




.page_top{bottom:9rem; right:2.2rem; display:none; max-width:10rem; }

.footer{ font-size:12px; line-height: 110%; padding:7rem 10px 3rem 10px;}
}

@media screen and (max-width: 640px){

}

@media screen and (max-width: 375px){


}