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%;}
.w90{ width: 90% !important;}
.w85{ width: 85% !important;}
.w77{ width: 77% !important;}
.mgnt5{ margin: 5px 0 0 0 !important;}
.mgntu12{ margin: 15px 0 -5px 0 !important;}
.mgntu22{ margin: 0 0 22px 0 !important;}
.f_rd{ color: #bb3862;}
.f15{ font-size: 1.5rem; line-height: 1.6em;}

.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 10px rgba(22, 22, 22, 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;}
/*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: #baa900; 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: 440px; width: 82%; 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.5% 0 0;}
.cnt_itr_txb2{ float: right; margin: 0 0 0 -13.5%;}
.cnt_itr_txin{padding: calc(15px + 8%); background: rgba(238,238,238,0.8); position: relative;}
.cnt_itr_ttl{ font-size: 3.2rem; line-height: 1em; padding: 0 0 calc(14px + 2%) 0; font-weight: 600; letter-spacing: 0.2em;}
.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;}
.itr2_1{animation-duration: 0.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;}
.cnt_lu_ttlimg{max-width: 100px;line-height: 1em; padding: 0 0 5px 0;}
.cnt_lu2{ display: flex; justify-content: space-between;}
.cnt_lu2 li{width: 23.125%; padding: 0 0 2.5% 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;}
.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,.cnt_ft_2 a,.foot_nav a,.bg_sl a{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,.cnt_ft_2 a:hover,.foot_nav a:hover,.bg_sl a:hover{background-position: -100% 0;}
.cnt_ft a{text-decoration: none;}
.cnt_ft_2{ display: flex; justify-content: space-between;}
.cnt_ft_2 li{ border: 1px solid #D2D2D0; width: 31.5%; margin: 0;box-sizing: border-box;}
.cnt_ftspan{ margin: auto; display: table; padding: 0 0 0 90px; font-size: 1.6rem; line-height: 68px; font-weight: 600;background-blend-mode: multiply; min-width: 330px;}
.cnt_ftspan2{ margin: auto; display: table; padding: 0 0 0 90px; font-size: 1.6rem; line-height: 68px; font-weight: 600;background-blend-mode: multiply; min-width: 200px;}
.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_ft7{ background: url(../images/ft_icon7.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_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 #D2D2D0;}
.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 #D2D2D0;}
.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;}

/*feat*/
.main_img2{ height: 420px; position: relative; width: 100%; overflow: hidden; max-width: 1200px; margin:0 auto calc(20px + 3%) auto !important;padding: 0;}
.feat_mv{ height: 100%; width: 100%; background-position: center; background-size: cover;}
.feat_copy{ font-size: 3.4rem; line-height: 1.5em; margin: 0 0 20px 0; color: #fff; font-weight: 600;text-shadow: 0 0 15px rgba(0, 0, 0, 0.6); letter-spacing: 0.02em;}
.feat_logo{ max-width: 330px; width: 60%;}
.feat_logo img{width: 110%;}
.feat_nav{ border-bottom: 1px solid #aaa;}
.feat_nv{ border-left: 1px solid #aaa;}
.feat_nv li{ float: left; width: 33.3333%; box-sizing: border-box; margin: 0 0 -1px 0; font-size: 2.4rem; line-height: 1em; font-weight: 700; letter-spacing: 0.2em;}
.feat_nv li p{ background:#fff; border-right: 1px solid #aaa; border-top: 1px solid #aaa; text-align: center; padding: 20px 0;}
.feat_nv li a{ background:#ccc; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; text-align: center; padding: 20px 0; display: block; color: #fff; letter-spacing: 0.2em;}
.feat_nv li a:hover{ background: #aaa;}
.feat_contnv{ padding:0 30px;}
.feat_nv_index,.feat_nv_index2{ border-bottom: 1px solid #aaa; padding: 0 0 50px 0;}
.feat_nv_index li{ width: 31.6666%; float: left; margin: 0 2.5% 0 0; box-sizing: border-box; padding:calc(30px + 3%) 20px 20px 28px; background-position: center; background-size: cover; position: relative;}
.feat_nv_index li a,.feat_nv_index2 li a{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.feat_nv_index li:last-child,.feat_nv_index2 li:last-child{ margin: 0;}
.feat_nv_index2 li{ width: 48.75%; float: left; margin: 0 2.5% 0 0; box-sizing: border-box; padding:calc(30px + 3%) 20px 20px 28px; background-position: center; background-size: cover; position: relative;}
.feat_nv_num{ max-width: 67px; line-height: 0; padding: 0 0 calc(10px + 1vw) 0;}
.feat_nv_ttl{ font-size: 3.2rem; line-height: 1.4em; font-weight: 600; color: #fff;text-shadow: 0 0 15px rgba(0, 0, 0, 0.6);}
.feat_in{ margin:0 30px; border-bottom: 1px solid #aaa; padding: 50px 0 50px 0;}
.sol_in{ margin:0 30px; padding: 0 0 calc(20px + 1.5%) 0;}
.foot_nav{ padding:calc(10px + 3%) 0 calc(60px + 5%) 0;display: flex; justify-content: space-between; border: none; }
.foot_nav li{ border: 1px solid #aaa; width: 49%;}
.foot_nav1{ background: url(../images/ft_lnk_tsuki.webp) left center/38% auto no-repeat; position: relative; z-index: 2;}
.foot_nav4{ background: url(../images/ft_lnk_shut.webp) left center/38% auto no-repeat; position: relative; z-index: 2;}
/*.foot_nav1{ background: url(../images/ft_lnk_tsuki.webp) left center/38% auto no-repeat; position: relative; z-index: 2;}
.foot_nav2{ background: url(../images/ft_lnk_myb.webp) left center/38% auto no-repeat; position: relative; z-index: 2;}
.foot_nav3{ background: url(../images/ft_lnk_tpi.webp) left center/38% auto no-repeat; position: relative; z-index: 2;}*/
.foot_nav a{ font-size: 1.6rem; display: block; text-align: center; font-weight: 600; width: 100%; height: 100%; letter-spacing: -0.01em;}
.foot_nav span{padding:25px 10px 25px calc(37% + 13px); display: block;}
.featin_l{ width: 47%; float: left; overflow: hidden;}
.featin_r{ width: 47%; float: right;}
.featin_ttl{font-size: 2.8rem; font-weight: 600; padding: 17px 0; line-height: 1em; margin: 0 0 0 0; }
.featin_ttl1{ background: url(../images/feat_num1_b.webp) left center/64px no-repeat;}
.featin_ttl2{ background: url(../images/feat_num2_b.webp) left center/64px no-repeat;}
.featin_ttl3{ background: url(../images/feat_num3_b.webp) left center/64px no-repeat;}
.featin_txt{ font-size: 1.6rem; line-height: 1.6em; padding: 0; margin: 0 0 20px 0 !important;}
.feat_tgl1,.feat_tgl2,.feat_tgl3{background: url(../images/feat_more.webp) center/cover no-repeat; width: 90px; height: 30px;}
.feat_tgl1.active,.feat_tgl2.active,.feat_tgl3.active{background: url(../images/feat_close.webp) center/cover no-repeat;}
.feat_tgl1in,.feat_tgl2in,.feat_tgl3in{ clear: both; padding: calc(35px + 3%) 0 calc(25px + 1%) 0; width: 100%;}
.fea_tglttl{ font-size: 2.8rem; line-height: 1.35em; font-weight: 600; margin: 0 0 calc(8px + 0.5%) 0;}
.fea_tglttl2{ font-size: 2.8rem; line-height: 1.35em; font-weight: 600; margin: 0 0 0.5% 0;}
.fea_tgl_flx{ display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap;}
.fea_tgl_flx3{padding: calc(20px + 2%) 0 0 0;}
.fea_tgl_flx2{ flex-direction: row-reverse;}
.fea_tglbx_47{ width: 47%; margin: 5px 0 calc(25px + 1.2%) 0;}
.fea_tglbx_47_no{ margin:5px 0 0 0;}
.fea_tglbx_47bd{ width: 50%; margin: 5px 0 0 0; padding: 0 3% 0 0; background: url(../images/color_aaa.webp) right bottom/1px 98% no-repeat;}
.fea_tglbx_472{ width: 47%; margin: 17px 0 6px 0;}
.fea_tglbx_473{ width: 47%; margin: 5px 0 0 0;}
.fea_tglbx_40{ width: 37%;  max-width: 325px;}
.fea_tglbx_33{ width: 33%;max-width: 325px;}
.fea_tglbx_62{ width: 62%;}
.fea_tglbx_40_2{ width: 38%; margin: 0 0 calc(20px + 2%) 0;}
.fea_tglbx_60{ width: 62%; margin: 5px 0 0 0;}
.fea_tglbx_70{ width: 72%; margin: 5px 0 0 0;}
.fea_tglbx_602{ width: 58%; margin: 5px 0 0 0;}
.fea_tglbx_mov{ max-width: 325px; margin: auto;}
.fea_tglbx_ttl{ font-size: 1.6rem; font-weight: 400; line-height: 26px; margin: 0 0 5px 0;}
.fea_tglbx_ttl_b{ font-size: 2rem; font-weight: 600; line-height: 26px; margin: 0 0 14px 0;}
.fea_tglbx_ttl6{ font-size: 1.6rem; font-weight: 400; line-height: 26px; margin: 10px 0 8px 0 !important;}
.fea_tglbx_ttl7{ font-size: 2rem; font-weight: 400; line-height: 26px; margin: 0 0 15px 0;}
.fea_tglbx_ttlred{ font-size: 2.8rem; font-weight: 600; line-height: 1.4em; color: #C93759;}

.fea_tglbx_ttlred sup{ font-size: 1.2rem;}
.fea_tglbx_sub{ font-size: 1.4rem; line-height: 1.6em; text-indent: -1em; padding: 5px 0 0 1em;}
.fea_tglbx_sub2{ font-size: 1.4rem; line-height: 1.0em; text-indent: -1em; padding: 0 0 0 1em;}
.fea_tglbx_ttl_b span{ font-size: 0.7em; font-weight: 400; line-height: 1.5em; letter-spacing: -0.02em;}
.fea_tglbx_ttl2{ font-size: 1.6rem; line-height:25px; margin: 15px 0 10px 0; font-weight: 400;}
.fea_tglbx_bdbx{ border: 1px solid #aaa; padding: 15px 20px 15px 20px; box-sizing: border-box;}
.fea_tglbx_bdbx2{ border: 1px solid #aaa; padding: 18px 20px 20px 20px; box-sizing: border-box;}
.fea_tgl_bdbx14{ font-size: 1.4rem; line-height: 1.4em; padding: 0 0 2px 0; font-weight: 400;}
.fea_tgl_bdbx13{ font-size: 1.3rem; line-height: 1.4em; padding: 0 0 7px 1em; font-weight: 400; text-indent: -1em; letter-spacing: -0.01em; }
.fea_tgl_bdbx11{ font-size: 1.1rem; line-height: 1.4em; padding: 0 0 15px 0;}
.fea_rg01_03_logo{ max-width: 435px; margin:15px auto 10px 0;}
.fea_tglbxtx20{ font-size: 1.6rem; line-height: 1.6em; margin: 0 0 6px 0 !important;}
.fea_gn_tx20{ font-size: 2rem; line-height: 1.7em; margin: 25px 0 0 0; letter-spacing: -0.01em;}
.fea_tglbxtx20 span{ font-size: 0.7em;}
.fea_rg01_03_num1{ font-size: 2.5rem; width: auto; font-weight: 600; padding: 0 10px 15px 0; line-height: 1.4em;}
.fea_rg01_03_numtx{ display: flex; justify-content: flex-start;}
.fea_rg01_03_numtx h5{ font-size: 1.5rem;line-height: 33px; background: #222; color: #fff; text-align: center; margin: 0;border: 1px solid #222; font-weight: 400; min-width: 160px;}
.fea_rg01_03_numtx p{ font-size: 1.68rem;line-height: 33px;margin: 0;border: 1px solid #222; min-width: 160px; text-align: center;}
.fea_rg01_03_num2{ max-width: 220px;}
.tx_pccen{text-align: center;}
.tx_cen{text-align: center;}
.ft_anim1{animation: ft_anim1 8s infinite;}
.ft_anim2{animation: ft_anim2 8s infinite;}
.ft_anim3{animation: ft_anim3 8s;}
.feat_in .bx-viewport,.feat_in .bx-wrapper{display: block; width: 100%; }
.featin_rimg_sl,.featin_rimg_sl2{width: 100%;}
@keyframes ft_anim1{0%{transform: scale(1.25) ;left: 0;}40%{left: 0; }100%{transform: scale(1.1) ; left: 0;}}
@keyframes ft_anim2{0%{transform: scale(1.0) ;left: 0;}40%{left: 0; }100%{transform: scale(1.25) ; left: 0;}}
@keyframes ft_anim3{0%{transform: scale(1.25) ;left: 0;}40%{left: 0;}100%{transform: scale(1.1) ; left: 0;}}

#feat_1,#feat_2,#feat_3{ padding: calc(50px + 9vh) 0 0 0;margin: calc(-50px - 9vh) 0 0 0;}

.fea_tgl_rglogo{ max-width: 311px; width: 70%; margin: 0 0 15px 0; padding: 0;}
.fea02_tgl_imgli{margin: -5px 0 25px 0;}
.fea02_tgl_imgli{margin: -5px 0 25px 0;}
.fea02_tgl_imgli2{margin: -5px 0 0 0;}
.fea02_tgl_imgli li{line-height: 0; padding: 0 0 calc(1px + 2.5%) 0;}
.fea02_tgl_imgli li:last-child{padding: 0;}
.feat_tglinbx{ margin: 0 0 10px 0;}
.fea_rg03_01img{ max-width:770px; margin: 0 0 5px 0; }
.fea_rg03_02bd{ max-width: 570px; margin: 10px 0; border: 1px solid #aaa;padding: calc(15px + 0.5%) calc(15px + 0.5%) calc(6px + 0.5%) calc(15px + 0.5%);}
.fea_rg03_01ttl{ font-size: 2.2rem; font-weight: 400; padding: 0 0 20px 70px; line-height: 1.8em; letter-spacing: 0.08em;}
.fea_rg03_01ttl2{ font-size: 3.6rem; font-weight: 600; margin: 0 0 0 70px; line-height: 1em; letter-spacing: 0.05em;}
.fea_rg03_01sub{ font-size: 1.6rem; font-weight: 400; line-height: 1.2em; margin: 0 0 5px 0;}
.fea_rg03_01sub span{ font-size: 0.9rem; margin: 0 0 calc(10px + 1%) 0;}
.btnList{ padding: calc(5px + 3%) 0 0 0;}
.btnList > li span {min-width: 190px; text-align: center;}
.fea_sol_logo{ max-width: 360px; width: 60%; padding: 0 0 calc(5px + 1%) 0;}
.fea_sol_main{padding: 0 0 calc(15px + 1%) 0;}
.fea_sol_flx{ display: flex; justify-content: space-between; flex-wrap: wrap;align-items: center; flex-direction: row-reverse;}
.fea_sol_lead{ font-size: 2rem; line-height: 1.6em; font-weight: 600;}
.fea_tglbx_232_1{ display: flex; width: calc(100% - 240px);}
.fea_tglbx_232_2{ max-width: 232px;padding: calc(50px + 10%) 0 0 0;}
.fea_sol01_name{ font-size: 1.7rem; font-weight: 600; text-align: center;margin: 0 0 8px 0;}
.fea_sol01_kawara{ width: 90%; margin: 0 15px 15px 15px;}
.fea_sol_tbl{ padding: 0 0 0 0; margin: 30px 0 0 0;}
.fea_sol_tblttl{ font-size: 2.3rem; line-height: 1.4em; padding: 0 0 10px 0;}
.fea_sol_li{ border-top:  1px solid #aaa; border-left: 1px solid #aaa; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: stretch;}
.fea_sol_li li{ display: flex; border-bottom:  1px solid #aaa; border-right: 1px solid #aaa; font-size: 1.7rem; padding:12px 0 10px 0; width: 50%; box-sizing: border-box; line-height: 1.3em;align-items: center; text-align: center;}
.fea_sol_li p{width: 100%; text-align: center; margin: 0 !important; padding: 0 !important;}
.fea_sol_li li:nth-child(1),.fea_sol_li li:nth-child(2){ font-size: 1.8rem; background: #BCE2E8; padding: 7px;}
.fea_tglbx_subimg{padding: 0 0 10px 0;}

/*20210915 new*/
.fet_flxhalf{ display: flex;flex-wrap: wrap; justify-content: space-between; padding: 0.5% 0 0 0;}
.fet_flxhalf li{ width: 48%; position: relative; margin: 0 0 4% 0; background-size: cover; background-position: center; }
.fet_flxhalf li:nth-child(3),.fet_flxhalf li:nth-child(4){margin: 0;}

.fet_flxhalfin{ width:100%; z-index: 1; padding:calc(60px + 9%) 20px 20px 20px; box-sizing: border-box;}
.gn01_01logo{ width: auto; height: 67px; margin: 0 0 8px 0;-webkit-filter: drop-shadow(0 0 8px rgba(11, 11, 11, 1));}
.gn01_01logo img{ width: auto !important; height: 100%; line-height: 1;}
.gn01_01logotx{font-size: 2.4rem; font-weight: 600; color: #fff; line-height: 1.4em;text-shadow: 0 0 10px rgba(11, 11, 11, 1.0);}
.fet_box{ margin:0 0 calc(25px + 3%) 0;}
.fet_flxhalf2{display: flex; align-content: flex-start; margin: 0 0 calc(10px + 1%) 0;}
.fet_flxhalf2 li{width: 29%; margin: 0 4% 0 0; max-width: 260px;}
.fet_flxhalf2 img,.fet_flxhalf4 img{line-height: 0;}
.fet_flxhalf4{display: flex; align-content: flex-start;}
.fet_flxhalf4 li{width: 23.875%; margin: 0 1.5% 0 0;}
.fet_flxhalf2 li p,.fet_flxhalf4 li p{margin: -4px 0 0 0 !important;}
.fet_tx18{ font-size: 1.8rem; line-height: 1.6em; margin: 0 0 6px 0 !important;}
.fet_tx16{ font-size: 1.6rem; line-height: 1.3em; margin: 0 !important; padding: 0 !important; }
.gn01_01logo2{padding: 5px 0 0 0; width: 50%; max-width: 120px; line-height: 0; margin: 0!important;}
.fet_imgmax800 {max-width: 800px; }
.gn01_02img{padding: 5px 0 calc(5px + 1.7%) 0;}
.foot_nav2{ padding:calc(10px + 3%) 0 calc(60px + 5%) 0;display: flex; justify-content: space-between; border: none; }
.foot_nav2 li{ border: 1px solid #aaa; width: 49%;}
.foot_nav2_1{ background: url(../images/ft_lnk_tsukiic.webp) 40px center/60px no-repeat; position: relative; z-index: 2;}
.foot_nav2_2{ background: url(../images/ft_lnk_shutic.webp) 40px center/60px no-repeat; position: relative; z-index: 2;}
.foot_nav2 a{ font-size: 1.6rem; display: block; text-align: center; font-weight: 600; width: 100%; height: 100%; letter-spacing: -0.01em;}
.foot_nav2 span{padding:18px 10px 18px 110px; display: block;}
.cnt_ft_3{ display: flex; justify-content: space-between;}
.cnt_ft_3 li{ border: 1px solid #D2D2D0; width: 49%; margin: 0;box-sizing: border-box; padding: 0;}
.margin0{ margin: 0!important;}

.gn02_01img{ padding: calc(4px + 0.4%) 0 0 0; max-width: 890px; display: block; margin: auto;}
.fea_lnk50{ display: flex; justify-content: flex-end; margin: calc(5px + 0.3%) 0 0 0;}
.fea_lnk50 a{max-width: 480px; width: 50%;display: block; border: 1px solid #aaa; font-weight: 600;}
.fea_lnk50 a p{background: url(../images/arrow_grey.webp) 96.5% center/8px no-repeat;font-size: 2rem; line-height: 1em; padding: 15px 20px 15px 0; text-align: center; letter-spacing: 0.07em;}
.gn_movbox{ display: flex;}
.gn_movbox li{padding: 0 3% 0 0;  max-width: 325px;}
.gn02_02mag{ margin: -20px 0 20px 0;}
.noma{ margin: 0 !important;}
.gn_fea03txma{padding: calc(40px + 3%) 0 0 0;}
.cb_line_lnk_btn{ margin: 14px 0 0 0;}
.cb_bzi_btn{ width: 31.6666%; padding: calc(20px + 4%) 0 0 0;}
.cb_line_lnk_btn a{ border: 1px solid #aaa; text-align: center; }
.cb_line_lnk_btn p{ background: url(../images/arrow_grey.webp) 97% center/7px no-repeat; text-align: center;padding:6px 10px ;font-size: 1.5rem; font-weight: 600;}
@media screen and (max-width: 767px) {
    .pc{ display:none;}
    .sp{ display:block;}
    .in{ padding: 0 15px;}
    .f15{ font-size: 1.35rem;}
    .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;}

    
    /*rooga 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: 290px;}
    .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; padding: 0 0 calc(5px + 2%) 0;}
    .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_lu2{ display: block;}
    .cnt_lu2 li{width: 100%; padding: 0 0 4% 0;}
    .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_2,.cnt_ft_3{ display: block;}
    .cnt_ft li,.cnt_ft_2 li,.cnt_ft_3 li{ width: 100%; margin: 0 0 2% 0; float: none;}
    .cnt_ftspan,.cnt_ftspan2{ padding: 0 10px 0 72px; font-size: 1.35rem; line-height: 60px; min-width: 280px;}
    .cnt_ftspan2{ min-width: 200px;}
    .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; }
    
    /*feat*/
    .main_img2{ height: 70vw; max-height:  80vh;}
    .feat_copy{ font-size: 1.7rem; font-weight: 600; line-height: 1.5em; letter-spacing: 0.02em; margin: 0 0 10px 0; }
    .feat_nv li{ font-size: 3vw;}
    .feat_contnv{ padding:0;}
    .feat_nv_index li,.feat_nv_index2 li{ width: 100%; float: none; margin: 0 0 7px 0; padding:calc(45px + 2%) 15px 15px 15px;}
    .feat_nv_index li:last-child{ margin: 0;}
    .feat_nv_ttl{ font-size: 2.0rem; }
    .feat_nv_index{padding: 0 0 30px 0;}
    .feat_nv_num{ width: 17%;}
    .feat_nv li p,.feat_nv li a{ font-size: 1.4rem; font-weight: 600; letter-spacing: 0.2em; padding: 14px 0;}
    .feat_in,.feat_in2{ margin:0; padding:calc(20px + 1%) 0 30px 0;}
    .sol_in{margin: 0;}
    .featin_r{ width: 100%; float: none;}
    .featin_rimg{margin: 0 0 10px 0; overflow: hidden; line-height: 0;}
    .featin_ttl{font-size: 1.7rem; padding: 15px 0; margin: 0 0 10px 0; }
    .featin_ttl5{font-size: 1.7rem; padding: 0 0; margin: 10px 0 0 0; }
    .featin_ttls{font-size: 1.7rem; padding: 0 0; margin: 10px 0 -20px 0;}
    .featin_ttl1{ background: url(../images/feat_num1_b.webp) left center/50px no-repeat;}
    .featin_ttl2{ background: url(../images/feat_num2_b.webp) left center/50px no-repeat;}
    .featin_ttl3{ background: url(../images/feat_num3_b.webp) left center/50px no-repeat;}
    .featin_txt{ font-size: 1.4rem;}
    #feat_1,#feat_2,#feat_3{ margin: calc(-10px - 1vh) 0 0 0;padding: calc(10px + 1vh) 0 0 0;}
    .fea_tglttl,.fea_tglttl2{ font-size: 1.7rem;}
    .fea_tglbx_33,.fea_tglbx_62,.fea_tglbx_40,.fea_tglbx_40_2,.fea_tglbx_60,.fea_tglbx_70,.fea_tglbx_47bd{ width: 100%; max-width: 100%;}
    .fea_tglbx_60,.fea_tglbx_70{ width: 100%; max-width: 100%;  margin: 20px 0 0 0;}
    .fea_tglbx_602{ width: 100%; max-width: 100%;}
    .fea_tglbx_47 { width: 100%; max-width: 100%; margin: 10px 0 10px 0;}
    .fea_tglbx_47sp{margin: 0;}
    .fea_tglbx_472{ width: 100%; max-width: 100%; margin: 13px 0 0 0;}
    .fea_tglbx_473{ width: 100%; max-width: 100%;}
    .fea_tglbx_33,.fea_tglbx_62{margin: 0 0 20px 0;}
    .fea_tglbx_62{margin: 0 0 5px 0;}
    .fea_tglbx_47bd{background: none; padding: 0; margin: 0 0 10px 0;}
    .fea_tglbx_ttl{ font-size: 1.4rem; line-height: 21px; margin: 0 0 8px 0;}
    .fea_tglbx_ttl_b{ font-size: 1.5rem; line-height: 21px; margin: 0 0 8px 0;}
    .fea_tglbx_ttl6{ font-size: 1.4rem;line-height: 24px;margin: 14px 0 2px 0 !important;}
    .fea_tglbx_ttl7{ font-size: 1.6rem; line-height: 24px; margin: 8px 0 5px 0;}
    .fea_tglbx_ttl2{ font-size: 1.4rem; margin: 0 0 3px 0;}
    .fea_tglbx1_1{order: 1; margin: 10px 0 0 0;}
    .fea_tglbx1_2{order: 4;margin: 5px 0 0 0;}
    .fea_tglbx1_3{order: 2; margin: 5px 0 3px 0;}
    .fea_tglbx1_4{order: 3;}
    .fea_tglbx_mov{ max-width: 300px; width: 80%; margin:0 ;}

    .fea_tglbx_ttlred{ font-size: 2rem; line-height: 1.4em; margin: 0 0 8px 0;}
    .fea_rg01_03_grp{ max-width: 280px; width: 60%; padding: 10px 0 0 0; margin: auto; min-width: 250px;}
    .fea_rg01_03_num1{ font-size: 1.8rem;  padding: 0 0 10px 0; width: 100%;}
    .fea_rg01_03_num2{ max-width: 300px; width: 50%; margin:0;}
    .foot_nav,.foot_nav2{ display: block;}
    .foot_nav li,.foot_nav2 li{ width: 100%; margin: 0 0 7px 0;}
    .foot_nav a,.foot_nav2 a{ font-size: 1.45rem;}
    .foot_nav span{padding:18px 10px 18px calc(37% + 13px);}
    .fea_rg03_01ttl{ font-size: 1.6rem; line-height: 1.3em; padding: 0 0 0 0; margin: 5px 0 19px 0 !important;}
    .fea_rg03_01ttl2{ font-size: 2.4rem; margin: -5px 0 15px 0;}
    .fea_sol_lead{ font-size: 1.5rem; line-height: 1.6em; margin: 15px 0 8px 0; letter-spacing: 0.05em;}
    .fea_sol_leadimg{ max-width: 300px; width: 80%; margin: auto;}
    .fea_tglbx_232_1,.fea_tglbx_232_2{width:100%;}
    .fea_tglbx_232_2{ max-width: 100%;padding: 0; margin: -20px 0 0 0;}
    .fea_sol01_name{ font-size:1.4rem;}
    
    .fea_sol_li li{ font-size: 10px; letter-spacing: -0.02em; padding: 8px 5px; }
    .fea_sol_li li:nth-child(1),.fea_sol_li li:nth-child(2){ font-size: 11px;}
    .fea_tglbxtx20{ font-size: 1.4rem; line-height: 1.4em; letter-spacing: 0.05em;}
    .fea_gn_tx20{ font-size: 1.6rem; margin: 0;}
    .fea_tgl_rglogo{ max-width: 200px; width: 60%; margin: 10px 0 -8px 0; padding: 0;}
    .fea02_tgl_imgli{margin: 0 0 0 0;}
    .fea_sol_tblttl{ font-size: 1.7rem; line-height: 1.4em; padding: 0 0 10px 0;}
    .fea_sol01_kawara{ width: 90%; margin: 0 15px 0 15px;}
    .fea_tglbx_subimg{padding: 0 0 8px 0;}
    
    .fea_rg03_01sub{ font-size: 1.4rem;}
    .fea_rg01_03_numtx h5{ font-size: 1.2rem;line-height: 20px;min-width: 115px;}
    .fea_rg01_03_numtx p{ font-size: 1.2rem;min-width: 115px;line-height: 20px;}
    .feat_tgl1in,.feat_tgl2in,.feat_tgl3in{ clear: both; padding: calc(35px + 3%) 0 12px 0; width: 100%;}
    .feat_nv_index2{ border-bottom: 1px solid #aaa; padding: 0 0 30px 0;}
    
    /*20210915 new*/
    .fet_flxhalf{ display: block;}
    .fet_flxhalf li{ width: 100%;  margin: 0 0 1% 0 !important; }
    .fet_flxhalf li:last-child{margin: 0 !important; }
    .fet_flxhalfin{ width:100%; display: flex;padding:25px 5px 25px 0;align-items: center;align-content: flex-start;}
    .gn01_01logo{ width: 40%; height: 10vw; margin: 0; text-align: center;}
    .gn01_01logotx{font-size: 1.65rem; font-weight: 600; color: #fff; line-height: 1.4em; width:58%; margin: 0 !important; padding: 0;}
    .fet_tx18{ font-size: 1.45rem;}
    .fet_tx16{ font-size: 1.25rem;}
    .fet_flxhalf2{justify-content: space-between;}
    .fet_flxhalf4{flex-wrap: wrap;justify-content: space-between;}
    .fet_flxhalf2 li,.fet_flxhalf4 li{width: 48%; margin: 0; max-width: 260px;}
    .fet_flxhalf4 li{margin: 0 0 10px 0;}
    .foot_nav2_1{ background: url(../images/ft_lnk_tsukiic.webp) 30px center/47px no-repeat;}
    .foot_nav2_2{ background: url(../images/ft_lnk_shutic.webp) 30px center/47px no-repeat;}
    .foot_nav2 span{padding:18px 10px 18px 77px; display: block;}
    .fea_tglbx_bdbx2{ margin: 10px 0 0 0;}
    .fea_lnk50 a{max-width: 800px; width: 100%;}
    .fea_lnk50 a p{font-size: 1.65rem;}
    
    .gn_movbox{ display: block;}
    .gn_movbox li{padding: 0 0 15px 0;max-width: 300px; margin: 0; width: 80%; }
    .gn_movbox li:last-child{padding: 0;}
    .gn02_02mag{ margin: 0 0 20px 0;}
    .w85{ width: 100% !important;}
    .w77{ width: 100% !important;}
    .gn_fea03txma{padding: 0;}
    
    .cb_bzi_btn{ width: 100%;}
}