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;}
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.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.rn_index img {width: 100%; line-height: 0;}
.contentsArea {margin:10px auto 0 auto;max-width: 1040px;}
.flx{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center; }
#contentsArea p {margin-bottom: auto;}
#contentsArea img,.main_img img {width: 100%;}
.w100{ width: 100%;}
.in{margin: auto;max-width: 1040px;}
.in2{margin: auto;max-width: 1200px;}
.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);}
.mainImage.typeWide2 {background-position: right 80%;}
.main_ttl{padding: calc(15px + 4%) 15px 0 15px; font-size: 3.4rem; line-height: 1.5em;letter-spacing: 0.04em;}
.mainHead_1{ text-align: center; line-height: 1.4em;margin: 30px 0 45px 0 !important; font-size:3rem !important; letter-spacing: 0.04em;  }
.sec_h_bb{ border-bottom: 1px solid #c8c8c9; padding: 0 0 10px 0;}
.sec_hdnav{ margin: 0 0 40px 0;}
.sec_hdnav li{ width: 24.625%; margin: 0 0.5% 0 0; float: left;}
.sec_hdnav li:last-child{ margin: 0;}
.sec_hdnav li a,.sec_hdnav li p{height: 60px; line-height: 60px; text-align: center !important;font-weight: 600; color: #fff;border-radius: 5px 5px 0 0;}
.sec_hdnav li a{ background: #c8c8c9; display: block; font-size: 1.9rem; }
.sec_hdnav li a:hover{ background: #595858;}
.sec_hdnav li p{background: #595858;font-size: 1.9rem;}
.sec_h_feature{font-size: 2.8rem; margin: 0 30px 40px 30px;}
#contentsArea {margin:10px auto 0 auto;max-width: 1040px;}
.sec {border-bottom: none; margin: 0 0 calc(50px + 5%) 0; width: 100%; max-width: 1040px;}
.mv_1{animation-duration: 1.8s;animation-name: mv_1;}
.mv_2{animation-duration: 1.8s;animation-name: mv_2;}
@keyframes mv_1 {0% {opacity: 0;transform : translate(-50px, 0);}50% {opacity: 0; transform : translate(-50px, 0);}100% {opacity: 1;transform : translate(0, 0);}}
@keyframes mv_0 { 0% {opacity: 0;}50% {opacity: 0;}100% {opacity: 1;}}
@keyframes mv_2 { 0% {opacity: 0;}75% {opacity: 0;}100% {opacity: 1;}}
.tr1{animation: tr1 6s;}
.top_main_head{text-align:center; font-style:italic; margin:0 0 60px 0; font-family:din;}
@keyframes tr1{0%{transform: scale(1.1) ;left: 0; opacity: 0;}40%{left: 0; opacity: 1;}100%{transform: scale(1.0) ; left: 0; opacity: 1;}}
p{text-align: justify;text-justify: inter-ideograph;text-justify: inter-character;}
.fi {opacity : 0;transform : translate(-50px, 0);transition : all 1s;}
.fi.scrollin {opacity : 1;transform : translate(0, 0);}
.fi2 {opacity : 0;transition : all 1.5s;}
.fi2.scrollin {opacity : 1;}
.fi3 {opacity : 0;transition : all 1.5s; height: 419px;}
.fi3.scrollin {opacity : 1;}
/*hikaricera topページ*/
.main_img{ height: 420px; position: relative; width: 100%; overflow: hidden; margin: 0 !important; padding: 0;}
.cnt_mv{ height: 100%; width: 60%; background-position: center; background-size: cover; float: left;}
.cnt_mv_logo{background: #111; height: 100%; width: 40%; float: left; position: relative; z-index: 1;}
.cnt_mv_logo h2{ width: 100%; text-align: center;}
.cnt_mv_logo h2 img{ max-width: 355px; width: 66%;animation: mv_0 1s;}

.cnt_itr,.cnt_itr_bx{ padding: 0 0 calc(20px + 2%) 0;}
.cnt_itr_img,.cnt_itr_img2{ width: 67%; background-size: cover; background-position: center;}
.cnt_itr_img{ float: right;}
.cnt_itr_img2{ float: left;}
.cnt_itr_txb,.cnt_itr_txb2{ width: 46%;padding: calc(3% + 20px) 0 calc(2% + 15px) 0;}
.cnt_itr_txb{ float: left; margin: 0 -13% 0 0;}
.cnt_itr_txb2{ float: right; margin: 0 0 0 -13%;}
.cnt_itr_txin{padding: calc(15px + 8%); background: rgba(238,238,238,0.7); position: relative;}
.cnt_itr_ttl{ font-size: 3rem; line-height: 1em; padding: 0 0 calc(14px + 2%) 0;}
.cnt_itr_tx{ font-size: 1.5rem; line-height: 1.7em;  padding: 0 0 calc(14px + 1%) 0; letter-spacing: 0.02em;}
.cnt_itr_lnk span{background: url(../images/arrow2.webp) 6px center no-repeat;
    background-size: 6px auto;
    display: block;
    padding:0 6px 0 20px; font-weight: 600;}
.cnt_itr_txin:hover .cnt_itr_lnk{ background: #e9e9e9;}
.cnt_itr_lnk2{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
@keyframes itr1 {0% {opacity: 0;transform : translate(-50px, 0);}50% {opacity: 0; transform : translate(-50px, 0);}100% {opacity: 1;transform : translate(0, 0);}}
@keyframes itr2 {0% {opacity: 0;}50% {opacity: 0;}100% {opacity: 1;}}
.itr1{animation-duration: 2.8s;animation-name: itr1;}
.itr2{animation-duration: 1.8s;animation-name: itr2;}
.cnt_bx{ margin: 0 0 calc(40px + 3%) 0;}
.cnt_bxttl{font-size: 3.4rem; line-height: 1em; padding: 0 0 calc(18px + 1%) 0; font-weight: 600;font-family: 'Open Sans', sans-serif; position: relative; display: table;}
.cnt_lu{}
.cnt_lu li{width: 31.6666%; float: left; margin: 0 2.5% 2.5% 0;}
.cnt_lu li:nth-child(3n){margin: 0 0 2.5% 0;}
.cnt_lu_ttl{ font-size: 2.4rem; line-height: 1em; padding: 0 0 8px 0;}
.rn_cont_ttl_a{ position: absolute; width: 220px; line-height:28px; font-size: 1.5rem !important; text-align: center; border: 1px solid #333; top: 5px;left:calc(100% + 25px);background-image: linear-gradient(to right, rgba(255,255,255,1) 50%, rgba(245,245,245,1) 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: 0.5s;display: block; padding: 0;}
.rn_cont_ttl_a:hover{background-position: -100% 0;}
.rn_cont_ttl_a a{text-decoration: none;display: block;}
.cnt_cs li{width: 23.875%; margin: 0 1.5% 0 0; float: left;}
.cnt_cs li:nth-child(4n){margin: 0;}
.cnt_ftlnk li{ border: 1px solid #111; width: 48.75%; margin: 0 2.5% 0 0; float: left; box-sizing: border-box; position: relative;}
.cnt_ftlnk li a{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.cnt_ftlnk li:nth-child(even){ margin: 0;}
.cnt_ftlnkimg{height: 100%; width: 33%; float: left; background-position: center; background-size: cover;}
.cnt_ftlnktxb{width: 67%; padding: 5%; box-sizing: border-box; float: left;}
.cnt_ftlnk_ttl{ font-size: 2.2rem; padding: 0 0 0 25px; background: url(../images/arrow_ft2.webp) left center/18px no-repeat; line-height: 24px; margin: 0 0 calc(15px + 1%) 0;}
.cnt_ftlnk_txt{ font-size: 1.7rem; line-height: 1.65em;}
.cnt_ft{ margin: 0 0 40px 0;}
.cnt_ft li{ border: 1px solid #d2d2d0; width: 49%; margin: 0 2% 2% 0; float: left; box-sizing: border-box;}
.cnt_ft li:nth-child(even){ margin: 0 0 2% 0;}
.cnt_ft a,.cnt_ftlogo li{width: 100%; height: 100%;background-image: linear-gradient(to right, rgba(255,255,255,1) 50%, rgba(245,245,245,1) 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: 0.5s;display: block; }
.cnt_ft a:hover,.cnt_ftlogo li:hover{background-position: -100% 0;}
.cnt_ft a{text-decoration: none;}
.cnt_ftspan{ margin: auto; display: table; padding: 0 0 0 97px; font-size: 1.6rem; line-height: 68px; font-weight: 600;background-blend-mode: multiply; min-width: 340px;}
.cnt_ft1{ background: url(../images/ft_icon1.webp) left center/78px no-repeat;}
.cnt_ft2{ background: url(../images/ft_icon2.webp) left center/78px no-repeat;}
.cnt_ft3{ background: url(../images/ft_icon3.webp) left center/78px no-repeat;}
.cnt_ft4{ background: url(../images/ft_icon4.webp) left center/78px no-repeat;}
.cnt_ft5{ background: url(../images/ft_icon5.webp) left center/78px no-repeat;}
.cnt_ft6{ background: url(../images/ft_icon6.webp) left center/78px no-repeat;}
.cnt_ft7{ background: url(../images/ft_icon7.webp) left center/78px no-repeat;}
.cnt_itr_lnk{border-radius: 16px;font-weight: 500;font-size: 13px;line-height: 1;display: inline-block;padding: 8px 16px;margin-top: 40px;opacity: 1;transition: .3s; border: 1px solid #111;}
.cnt_itr_lnk:hover{text-decoration: none;opacity: .7;transition: .3s; }
.cnt_ftlogo li{width: 23.875%; float: left; margin: 0 1.5% 0 0; line-height: 0; border: 1px solid #111;}
.cnt_ftlogo li:last-child{margin: 0;}
.cnt_ftlogo li a{ background: url(../images/arrow2.webp) 97% center/6px no-repeat; display: block; text-align: center; padding: 15px 20px;}
.cnt_ftlogo li img{width: 80%; max-width: 155px;}
@media screen and (max-width: 767px) {
    .pc{ display:none;}
    .sp{ display:block;}
    .in{ padding: 0 15px;}
    .main_ttl{font-size: 1.7rem; }
    .mainHead_1{ margin:25px 0 !important; padding: 0 15px; font-size:1.5rem !important;  }
    .sec_hdnav{padding: 0 15px; margin: 0;}
    .sec_hdnav li{ width: 49.5%; margin: 0 1% 1% 0;}
    .sec_hdnav li:nth-child(even){ margin: 0 0 1% 0;}
    .sec_hdnav li a,.sec_hdnav li p{height: 42px; line-height: 42px;}
    .sec_hdnav li a{ background: #c8c8c9; display: block; font-size: 1.4rem; }
    .sec_hdnav li p{background: #595858;font-size: 1.4rem;}
    .sec_h_feature{font-size: 1.7rem; margin: 0 15px 15px 15px;}
    .feature_img{ padding:0 15px;}
    .feature_logolink{ padding: 10px 0 0 0;}
    .feature_logolink li img{padding: 9px 0;}
    #feat1,#feat2,#feat3,#feat4{ padding: 10px 0 0 0; margin: -10px 0 calc(50px + 5%) 0;}
    .feat_box1,.feat_box2{ width: 100% ; float: none;}
    .feature_logolink{ width: 100%; max-width: 100%;}
    .feature_logolink li{border-radius:5px;}

    
    /*hikaricera topページ*/
    .cnt_itr_lnk{margin:0; display: table;}
    .cnt_itr_lnk a{margin: auto;}
    .main_img{ height:auto;}
    .cnt_mv{ height: 60vw; width: 100%;float: none;}
    .cnt_mv_logo{height: auto; width: 100%; float: none; padding: calc(20px + 4%) 0;}
    .cnt_mv_logo h2 img{ max-width: 240px;}
    .cnt_itr_img,.cnt_itr_img2{ width: 100%; background-size: cover; background-position: center; height: 55vw;}
    .cnt_itr_img{ float:none;}
    .cnt_itr_img2{ float:none;}
    .cnt_itr_txb,.cnt_itr_txb2{ width: 92%;padding:0; margin: -11% 4% 0 4%;}
    .cnt_itr_txin{padding: calc(10px + 3%);}
    .cnt_itr_ttl{ font-size: 2.8rem;}
    .cnt_itr_tx{ font-size: 1.5rem;}
    .cnt_bxttl{font-size: 2.6rem; line-height: 1em; padding: 0 0 calc(18px + 1%) 0; font-weight: 600;font-family: 'Open Sans', sans-serif; position: relative; display: block;}
    .cnt_bxttl span{display: none !important;}
    .rn_cont_ttl_a2{font-size: 1.6rem !important; line-height: 1em;display: table; background: url(../images/arrow_case.webp) right center/29px no-repeat; padding: 0 39px 0 0; margin: -10px 0 20px 0; font-weight: 700;}
    .cnt_lu li{width: 100%; float:none; margin: 0 0 4% 0;}
    .cnt_lu li:nth-child(3n){margin: 0 0 4% 0;}
    .cnt_lu_ttl{ font-size: 1.8rem;}
    .cnt_cs li{width: 48.5%; margin: 0 3% 3% 0; line-height: 0;}
    .cnt_cs li:nth-child(even){margin: 0 0 3% 0;}
    .cnt_ftlnk li{ border: 1px solid #111; width: 100%; margin: 0 0 3% 0; float: none; }
    .cnt_ftlnk li:nth-child(even){ margin: 0 0 3% 0;}
    .cnt_ftlnk_ttl{ font-size:4.7vw; padding: 0 0 0 20px; background: url(../images/arrow_ft2.webp) left center/14px no-repeat; line-height: 20px; margin: 0 0 calc(10px + 1%) 0;}
    .cnt_ftlnk_txt{ font-size: 1.4rem; line-height: 1.45em; min-height: 4.8em;}
    .cnt_ftlnkimg{width: 35%;}
    .cnt_ftlnktxb{width: 65%; padding: 4%;}
    .cnt_ft li{ width: 100%; margin: 0 0 2% 0; float: none;}
    .cnt_ftspan{ padding: 0 10px 0 72px; font-size: 1.35rem; line-height: 60px; min-width: 250px;}
    .cnt_ft1{ background: url(../images/ft_icon1.webp) left center/58px no-repeat;}
    .cnt_ft2{ background: url(../images/ft_icon2.webp) left center/58px no-repeat;}
    .cnt_ft3{ background: url(../images/ft_icon3.webp) left center/58px no-repeat;}
    .cnt_ft4{ background: url(../images/ft_icon4.webp) left center/58px no-repeat;}
    .cnt_ft5{ background: url(../images/ft_icon5.webp) left center/58px no-repeat;}
    .cnt_ft6{ background: url(../images/ft_icon6.webp) left center/58px no-repeat;}
    .cnt_ft7{ background: url(../images/ft_icon7.webp) left center/58px no-repeat;}
    .cnt_ftlogo li{width: 49%;margin: 0 2% 2% 0; }
    .cnt_ftlogo li:nth-child(even){margin: 0 0 2% 0; }
}