@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap');
html {font-size: 10px;}
body {color: #1A1B1B;font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;font-feature-settings: "palt";line-height: 2; padding: calc(55px + 2.8%) 0 0 0; letter-spacing: 0.05em;text-align: justify;text-justify: inter-ideograph;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.bg{background: #bec8cd;}
.pc{ display:block;}
.sp{ display:none;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:0;font-weight:inherit;font-size:inherit;color: inherit;}
p,ul{padding:0;margin:0; font-size: inherit;}
.cl:after { content: "";clear: both;display: block;}
.f13{font-size: 1.3rem;}
.f_nv{ color: #0c6991;}
.f_bl{ color: #659fd8;}
.f_w{ color: #fff;}
.lh7{line-height: 1.7em;}
.cl:after { content: "";clear: both;display: block;}
div{ padding:0; margin:0;}
img {border:0;border-style:none; width:100%;-ms-interpolation-mode: bicubic;-webkit-interpolation-mode: bicubic; line-height:none;}
a img:hover {opacity: 0.4 ;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
li {list-style-type:none;}
a{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;}
::selection {background: none;color:inherit;}
::-moz-selection {background: none;color: inherit;}
.tr{-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
.in,.in2{ padding:0 40px; max-width: 1280px; width: 100%; box-sizing: border-box; margin: auto; position: relative;}
.intop{ padding:0 40px; max-width: 1000px; width: 100%; box-sizing: border-box; margin: auto; position: relative;}
.in4{ padding:0 40px; max-width:1120px; width: 100%; box-sizing: border-box; margin: auto; position: relative;}
.in2 video{ width: 100%; border: 1px solid #ddd;}
@keyframes itr1 {0% {opacity: 0;transform : translate(-50px, 0);}92% {opacity: 0; transform : translate(-50px, 0);}100% {opacity: 1;transform : translate(0, 0);}}
.itr1{animation-duration: 9.5s;animation-name: itr1;}
.in3{ padding:0 40px; max-width: 1120px; width: 100%; box-sizing: border-box; margin: auto; position: relative;}
.w100{ width: 100%  !important;}
.min{font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif; letter-spacing: 0.06em;}
.flx{display: flex; flex-wrap: wrap;}
.flx_bet{ display: flex; justify-content: space-between; width: 100% !important; flex-wrap: wrap;}
.flx_bot{ align-items: flex-end;}
.flx_bet2{ display: flex; justify-content: space-between; width: 100% !important; flex-wrap: wrap;}
.flx_rev{ flex-direction: row-reverse;}
.flx_betboth{ display: flex; justify-content: space-between; width: 100% !important; flex-wrap: wrap;}
.flx_stt{align-items: flex-start;}
.flx_betmid{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.flx_betmidboth{ display: flex; justify-content: space-between; align-items: center;}
.fw6{font-weight: 600;}
.bg_w{background: #fff;}
/*header*/
.header{ position: fixed; width: 100%; left: 0; top: 0; padding: 30px 0; z-index: 10; box-sizing: border-box; background: #bec8cd;}
.bg .header{background: #bec8cd;}
.logo{ max-width:340px; width: 27%;}
.logo a{ height: 28px;}
.logo a img{ height: 100%; width: auto;}
.logo img:hover {opacity: 1 ;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.hd_mn{ display: table;}
.hd_mn li{ display: inline-block; margin: 0 0 0 27px; font-size: 1.37rem; line-height: 1em;letter-spacing: -0.01em; position: relative;}
.hd_mn_in{ position: absolute;display: none;top: 100%; width: 175px; left: 0; z-index: 5; padding: 5px 0 0 0;}
.hd_mn_in li,.hd_mn_in3 li,.hd_mn_in4 li{ width: 100%; display: block; margin: 0;}
.hd_mn_in li a,.hd_mn_in3 li a,.hd_mn_in4 li a{ width: 100%; display: block; padding: 8px; text-align: center; font-size: 1.35rem; color: #fff;background: #777;  border-top: 1px solid #fff; line-height: 1em;}
.hd_mn_in2{ position: absolute;display: none;top: 100%; width:210px; left: 0; z-index: 5; padding: 5px 0 0 0;}
.hd_mn_in3{ position: absolute;display: none;top: 100%; width: 175px; left: 0; z-index: 5; padding: 5px 0 0 0; margin: 0 !important;}
.hd_mn_in4{ position: absolute;display: none;top: 100%; width: 110px; left: 0; z-index: 5; padding: 5px 0 0 0; margin: 0 !important;}
.hd_mn_in2 li{ width: 100%; display: block; box-sizing: border-box; margin: 0; padding: 0 !important;}
.hd_mn_in2 li a{ width: 100%; display: block; padding:8px 0;margin: 0 8px; text-align: center; font-size: 1.4rem; color: #fff;background: #777;  border-top: 1px solid #fff; line-height: 1em;box-sizing: border-box;}
.hd_mn_in2 li:last-child a{background: #444;}
.sp_hd2{ width: 100%;}
/*contents*/
.contents{position: relative;}
.und_contents{ padding: 15px 0 0 0;}
.mv{ margin: 0 0 calc(20px + 2%) 0;}
.n_mv{position: relative;}
.n_mv{ height: 48vw; max-height: 640px;}
@keyframes n_mv_sl{
  0%{
    opacity: 0;
  }
  40%{
    opacity: 1;
  }
  100%{
    opacity: 1
  }
}
.n_mv li{animation :n_mv_sl 3s linear;position: absolute; opacity: 0;animation-fill-mode:forwards}
.n_mv li:nth-child(2){
  animation-delay: 2s;
}
.n_mv li:nth-child(3){
  animation-delay: 5.5s;
}
.n_mv li:nth-child(4){
  animation-delay: 9s;
}
.n_mv li:nth-child(5){
  animation-delay: 12.5s;
}
.mv_in{ position: absolute; height: 100%; display: flex; left: 40px; top: 0; align-items: center; width: calc(100% - 40px);}
.mv_incopy{ background-color: rgba(255,255,255,0.85); padding:5% 5% 3% 5%;width: 35%;max-width: 430px;}

.tp_itr{ margin: 0 0 calc(40px + 1.5%) 0;}
.tp_itrttl{ font-size: 3rem; line-height: 1.4em;margin: 0 0 calc(10px + 1%) 0; letter-spacing: 0.1em;}
.tp_itrl{ width: 34%; margin: 0 -7% 0 0; }
.tp_itrr{ width: 73%; }
.tp_itrr_tyui{ font-size: 1.1rem; line-height: 1em; text-align: right;}
.tp_itr_p{ font-size: 1.6rem; line-height: 1.8em; margin: 0 0 calc(5px + 0.5%) 0;}
.tp_itr_p_r{ font-size: 1.4rem; line-height: 1.6em; margin: 0 0 calc(30px + 2%) 0; letter-spacing: 0.07em;}
.tp_itr_p_r2{ font-size: 1.4rem; line-height: 1.6em; margin: 15px 0 0 0; letter-spacing: 0.07em; text-align: right;}
.tp_itrbx{ box-sizing: border-box; padding: 20px; position: relative; border-radius: 15px; background: #fff;}
.tp_itrbx1{border: 2px solid #0c6991; margin: 0 0 30px 0;}
.tp_itrbx2{border: 2px solid #659fd8;}
.tp_itrbxnum{ position: absolute; top: -18px; width: 36px; left: 18px; z-index: 1;}
.tp_itrbxttl{ margin: 0 0 13px 0;}
.tp_itrbxp{ font-size: 1.35rem; line-height: 1.6em;}
.tp_cnt1{ margin: 0 0 calc(35px + 2.5%) 0;}
.tp_cn1bx{ width: 48%;}
.tp_cn1ttl {font-size: 1.85rem; border-left: 7px solid #251e1c; line-height: 1.5em; font-weight: 600; padding: 0 0 0 15px; margin: 0 0 21px 0;}
.p_ttl12{ font-size: 1.2rem; margin: 0 0 12px 0; line-height: 1em;}
.p_ttl12_10{ font-size: 1.2rem; margin: 0 0 8px 0; line-height: 1.1em; font-weight: 600; text-indent: -1em; padding: 0 0 0 10px;}
.p_ttl12_10 span{ font-size: 1rem; font-weight: 400;}
.tp_cn1bximg2{ margin: auto; max-width: 290px; width: 90%; padding: 5px 0 15px 0;}
.tp_cn1_li{ margin: calc(20px + 2%) 0 0 0; }
.tp_cn1_li li:hover{background: #eee;}
.tp_cn1_li li{width: 49%; border: 1px solid #ddd; text-align: center; padding: 2.3% 2% 1.9% 2%; box-sizing: border-box; background: #fff;}
.tp_cn1_li li img{ max-width: 280px; width: 65%;}

.tp_wks{margin: 0 0 calc(40px + 3%) 0;}
.tp_wks_ttl{ font-size: 2.8rem; line-height: 1em; font-weight: 600;}
.tp_wks_li{padding: 20px 0 33px 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.tp_wks_li li{ width: 15.5%;}

.tp_wks_lnk{ float: right; border: 1px solid #888; padding: 22px 0; background: url(../images/ar_blk.webp) 95% center/8px no-repeat; width: 300px; text-align: center; font-size: 2.2rem !important; line-height: 1em; font-weight: 600;}
.tp_wks_lnk:hover{background:#eee url(../images/ar_blk.webp) 98% center/8px no-repeat; }

/*footer*/
.footer{background: -moz-linear-gradient(right,#146489,#659fd8); background: -webkit-linear-gradient(right,#146489,#659fd8); background: linear-gradient(to right,#146489,#659fd8);padding: 60px 0 50px 0;}
.ft_cnt{ max-width:920px; margin: auto; }
.ft_l{ width: calc(48% - 20px);}
.ft_r{ width: 52%;}
.ft_list{padding: 12px 0 15px 0;}
.ft_list li{ display: inline-block; color: #fff; font-size: 1.6rem; line-height: 1em; padding: 0 30px 0 0;}
.ft_copy{font-size: 1.3rem; color: #fff; letter-spacing: -0.02em;}
#goTop {position: fixed;width: 48px;height: 48px;border-radius: 24px;background-color: rgba(0,0,0,0.5);z-index: 1000;cursor: pointer;right: 15px;bottom: -58px;transition: .3s background-color ease , .6s bottom ease;}
#goTop:hover {background-color: rgba(0,0,0,0.4);}
#goTop.active {bottom: 15px;}
#goTop:after {content: '';position: absolute;width: 14px;height: 14px;top: calc(50% + 4px);left: 50%;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: translate(-50%, -50%) rotate(-45deg);transition: .3s all ease;}
#goTop:hover:after {top: 50%;}


/*under_contents*/
#fd1,#fd2,#fd3,#fd4,#fd5,#fd6,.lu_w{margin: -100px 0 0 0; padding: 100px 0 0 0;}
.cn_itr_l{max-width: 520px; width: 39%;}
.cn_itr_rw{ }
.cn_itr_r{border: 1px solid #888; padding: 15px 18px; height: 5vw; min-height: 60px; max-height: 70px; background: #fff;}
.cn_itr_r2{border: 1px solid #45B035; padding: 15px 18px; height: 5vw; min-height: 60px; max-height: 70px; background: #fff; margin: 0 10px 0 0; color: #45B035; font-size: 1.7rem;}
.cn_itr_r:hover,.cn_itr_r2:hover{background: #eee;}
.cn_itr_r p{font-size: 1.6rem; padding: 0 15px 0 0; line-height: 1.7em;}
.cn_itr_r img{max-width: 160px;width: 33%; }
.cn_itrup{margin: 0 0 calc(10px + 1%) 0;}
.cn_ttl1{ font-size: 3rem; line-height: 1.5em; margin: 0 0 calc(20px + 1%) 0;}
.cn_ttl2{ font-size: 3.2rem; margin: 0 0 calc(20px + 1%) 0;}
.cn_ttl2_2{ font-size: 3.2rem; line-height: 1.5em; margin: calc(30px + 2%) 0 calc(10px + 1%) 0; letter-spacing: -0.01em;}
.cn_nav{ display: flex; justify-content: space-between; border-top: 1px solid #888;border-left: 1px solid #888;border-bottom: 1px solid #888; margin: 0 0 calc(30px + 2%) 0;}
.cn_nav li{border-right: 1px solid #888; box-sizing: border-box; align-items: center;display: flex;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;min-height: 50px;}
.fd_nav li{width: 20%;}
.bse_nav li{width: 20%; min-height: 40px;}
.fd_nav li:last-child,.bse_nav li:last-child{display: none;}
.fd_nav li:nth-child(6){ display: none;}
.cn_nav a{font-size: 1.8rem; line-height: 1.1em;text-align: center; width: 100%; font-weight: 600; color: #555; padding: 10px 5px; box-sizing: border-box;}
.cn_nav li:hover{background: #eee;}
.cn_nav li:nth-child(7){display: none;}
.fd_nav_mini{transform: scale(0.85, 1); letter-spacing: -0.04em; width: 120%; margin: 0 0 0 -10%;}
.fd_nav2 span,.fd_nav span,.bse_nav span{ font-size: 0.7em; font-weight: 400;transform: scale(1, 1); line-height: 1em; padding: 4px 0 0 0 !important;}
.bse_nav span{transform: scale(0.9, 1); letter-spacing: -0.04em; font-weight: 600;width: 120%; margin: 0 0 0 -10%;display: block !important;}

.cn_bx{margin: 0 0 calc(50px + 2%) 0;}
.cn_ttl{ font-size: 4rem; margin:0 0 calc(10px + 1.5%) 0; display: table;padding:0;}
.cn_ttl2{ border: none;padding:0;}
.cn_ttl1 p{border-top: 3px solid #0c6991; display: table;  padding-top: 15px; line-height: 1em;}
.cn_ttl2 p{border-top: 3px solid #659fd8; display: table; padding-top: 15px;line-height: 1em;}
.cn_ttl2 span{display: block; font-size: 0.6em; line-height: 1.2em; padding: 5px 0 0 0;}
.cn_scrimg{overflow:auto;}
.fd_cn1_img1{margin: 0 0 calc(15px + 1%) 0;}
.cn_scrimg_1,.cn_scrimg_2,.cn_scrimg_4,.cn_scrimg_5{width:100%;}
.cn_scrimg_4{margin: 0 0 calc(13px + 2.2%) 0;}
.cn_scrimg_3{max-width: 540px;}
.fd_cn1_l{width: 30%; margin: 0 0 25px 0;}
.fd_cn1_r{width: 69%; margin: 0 0 25px 0;}
.fd_cn1_ttl{font-size: 2.5rem; line-height: 1.4em;font-weight: 600; letter-spacing: 0em;}
.fd_cn1_ttl2{ font-size: 1.6rem; font-weight: 600; margin: 12px 0 7px 0;border-top: 1px solid #000; padding: 10px 0 0 0; line-height: 1em; }
.fd_cn1_ttl2 span{ font-size: 0.8rem; font-weight: 400;}
.fd_cn1_tx{ font-size: 1.25rem; line-height: 1.5em; margin: 0 0 19px 0;}
.fd_cn1bx{margin: 0 0 calc(10px + 1%) 0;}
.fd_cn2_p{ font-size: 1.9rem; line-height: 1.7em; margin: 0 0 10px 0;}
.fd_cn2_p2{ font-size: 1.5rem; line-height: 1.6em; }
.flx_bet_fdcn2{flex-direction: row-reverse;}
.cn_bx48{width: 48%;}
.fd_cn2_img1{ margin: -12px auto 0 auto; max-width: 420px; }
.fd_cn2_tx{ margin: 8px 0 0 0; text-indent: -1em; padding:0 0 0 10px; line-height: 1.6em; font-size: 1rem; letter-spacing: -0.001em;}
.fd_cn3img{ margin: calc(-20px - 7%) 0 0 0;}

.cn_bxfd04_1{ width: 51.4%;}
.cn_bxfd04_2{ width: 47.3%;}
.fd_cn4_bdbx{ border: 2px solid #727171; padding:2.5%; margin: calc(10px + 2%) 0 0 0; border-radius: 15px;}
.fd_cn4_bdbxttl{font-size: 2.7rem; line-height: 1.2em; font-weight: 700; letter-spacing: -0.02em; margin: 10px 0;}

/*base*/
.bse_logo{ max-width: 60px !important;}
.des_logo{ max-width: 90px !important;}
.bse_l,.bse_l2{width: 50%;}
.bse_r,.bse_r2{width: 41%;}
.bse_cn3_p{ text-indent: -1em; padding: 0 0 0 13px; font-size:1.3rem; line-height: 1.6em;  }
.bse_cn4_in{ padding: calc(15px + 2%) 0 0 0;max-width: 430px; }
.bse_cn4_in img{margin: -10px 0 0 0;}
.bse_cn4_intx1{ font-size: 1.83rem; line-height: 1.5em; font-weight: 600; color: #b74833; margin: 0 0 6px 0;}
.bse_cn6_p{ font-size: 1.4rem; line-height: 1.5em; margin: -10px 0 15px 0;}
.bse_cn6_img{ max-width: 222px; margin: auto;}

/*lineup*/
.lu_ttl{ font-size: 3.2rem; font-weight: 600; margin: -12px 0 calc(12px + 1.2%) 0; line-height: 1.2em;}
.lu_itr_l{ width: 66%;}
.lu_itr_r{ width: 30%;}
.lu_itr{ margin: calc(-5px - 0.5%) 0 calc(10px + 0.8%) 0;}
.lu_itr_ttl{ font-size: 2rem; line-height: 1em; font-weight: 600; margin: 0 0 13px 0;}
.lu_itr_p{ font-size: 1.6rem; line-height: 1.8em;}
.lu_itr_img{ margin: 0 0 calc(15px + 2%) 0;}
.lu_desumi1{ border: 1px solid #888; margin: 0 0 calc(5px + 1%) 0;position: relative; z-index: 1;}
.lu_desumi2{ border: 1px solid #888; margin: 0 0 calc(15px + 2%) 0;position: relative; z-index: 1;}
.tgl1,.tgl2{ background: url(../images/ar_bel_grey.webp) 98% center/14px no-repeat;padding: 13px; text-align: center; font-size:2rem; line-height: 1em; cursor: pointer;}
.tgl2in{ text-align: center; padding: 15px;}
.tgl2in img{max-width: 450px; width: 90%;}
.tgl1.active,.tgl2.active{ background: url(../images/ar_up_grey.webp) 98% center/14px no-repeat;}
.tgl1in{ padding: 4%;}
.lu_ttlseri{ display: flex; padding: 0 0 3px 0; align-items: center; margin: 0;}
.lu_ttlseri2{border-bottom: 1px solid #888; padding: 15px 0 3px 0; margin: calc(30px + 5%) 0 10px 0 !important;}
.lu_ttlseri h2{ color: #9a8b42; font-size: 2rem; line-height: 1em;font-weight: 600; padding: 0 15px 0 0; letter-spacing: -0.04em;}
.lu_ttlseri_img{ width: 68px; padding: 4px 10px 0 0;}
.lu_ttlseri_img2{ width: 280px; padding: 4px 10px 0 0;}
.lu_ttlseri p{ font-size: 1.4rem; letter-spacing: -0.01em;}
.lu_w{}
.lu_bx{border-top: 1px solid #251e1c; padding: 20px 0 10px 0;}
.lu_bx2{border-top: none;}
.lubx_ttl{ font-size: 3rem; font-weight: 600; letter-spacing: -0.02em; margin: 0 0 calc(5px + 1%) 0; line-height: 1em;}
.lubx_tx{ font-size: 1.08rem;line-height: 1em;padding:3px 0 15px 0; letter-spacing: -0.02em; }
.lubx_tx span{ font-size: 1.1em; font-weight: 600;}
.lubx_flx1{ display: flex;}
.lubx_flx1 li{ width: 18.4%; margin: 0 2% 0 0;}
.lubx_flx1 li span,.lubx_flx2 li span,.lubx_flx3 li span{display: block;padding: 0 0 5px 0;}
.lubx_flx2{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.lubx_flx3{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.lubx_flx2 li{ width: 18.4%;}
.lubx_flx3 li{ width: 23.5%;}

.lu_flt_btm{ border-bottom: 1px solid #888; padding: 0 0 15px 0;margin: 0 0 calc(40px + 3%) 0;}
.lu_flt_btmbx{ width: 49%; display: flex;align-items: center;}
.lu_flt_btmbx img{width: 80px;padding: 0 10px 0 0;}
.lu_flt_btmbx p{font-size: 1rem; line-height: 1.45em; letter-spacing: -0.005em;}

/*download*/
.dl_ttl{ font-size: 2.8rem; line-height: 1.5em; padding: 0 0 20px 0;}
.dl_w{ border-top: 1px solid #888; border-left: 1px solid #888; display: flex; flex-wrap: wrap; justify-content: space-between;}
.dl_w li{ border-bottom: 1px solid #888; border-right: 1px solid #888; box-sizing: border-box; line-height: 22px;font-size: 1.5rem;}
/*download*/

.dl_w1{width: 48%;padding: 5px 5px 5px 15px;}
.dl_w2{width: 52%; text-align: center; padding: 5px; }
.dl_w3{width: 13%; text-align: center; padding: 0; display: flex; align-items: center;}
.dl_w3 a{ width: 100%; padding: 5px; }
.dl_w3 p{ padding: 0 0 0 21px; display: table; margin: auto;}
.dl_w3 a:hover{background: #ddd;}
.dl_icon1{background: url(../images/icon_zip.webp) left center/14px no-repeat;}
.dl_icon2{background: url(../images/icon_pdf.webp) left center/14px no-repeat;}

/**new_lineup**/
.ave{font-family: "Avenir Next",sans-serif !important;}
.nlu_up_mv{background: url(../images/n_lu_main.webp) center/cover no-repeat; padding: 12% 6% 14% 6%; margin: 0 0 calc(30px + 4.5%) 0; position: relative;}
.nlu_up_ttl{font-size: 6.1rem; line-height: 1em; font-weight: 500; text-align: center; margin:0 0 calc(15px + 2%) 0;}
.nlu_up_ttl span{display: block; font-size: 0.4em; line-height: 1.5em; text-align: center;}
.nlu_up_lead{ font-size: 2.8rem; line-height: 1.7em; font-weight: 500; text-align: center;}
.nlu_bx1{padding: 0 0 calc(35px + 5%) 0;}
.nlu_bx2{padding: 0 0 calc(15px + 3%) 0;}
.nlu_subttl{ font-size: 2.6rem;line-height: 1.4em; padding: 0 0 calc(3px + 0.6%) 0;margin: 0 0 calc(1% + 5px) 0; letter-spacing: 0.08em; position: relative; box-sizing: border-box;}
.nlu_up_li1{margin: 0 0 calc(-20px - 3%) }
.nlu_up_li1 li{ width: 49%; margin: 0 0 calc(20px + 3%) 0;}
.nlu_up_li1_ttl{ max-width: 140px; width: 60%; padding: 0 0 calc(3px + 1%) 0;}
.nlu_up_li2ttl{ max-width: 425px; width: 80%; margin: 0 0 calc(10px + 1%) 0; line-height: 0;}
.nlu_up_li2{margin: calc(-17px - 1%) 0 0 0;}
.nlu_up_li2 li{margin: 0 0 calc(3px + 0.2%) 0;}
.nlu_up_li2 img{line-height: 0;}
.nlu_up_li2mm{ float: right; clear: both; display:table; padding: 2px 4px; line-height: 10px; font-weight: 600; border: 1px solid #111;letter-spacing:-0.02em; margin: 0 0 calc(3px + 0.5%) 0;}
.nlu_name{ font-size: 2.2rem; line-height: 24px; font-weight: 600; padding: calc(3px + 0.3%) 0 0 0;}
.nlu_name span{ font-size: 0.7em;font-weight: 500; padding:0 0 0 10px;}
.nlu_up_li2_note{ text-align: right; margin: calc(-1px - 0.8%) 0 0 0; font-size: 1.3rem; line-height: 1.2em;}
.nlu_up_kakeru{ max-width: 80px; padding: 5px 0 20px 0; margin: auto; width: 9%; min-width: 50px;}
.nlu_up_li3 li{ width: 18.8%; margin: 0 1.5% 1.5% 0; line-height: 0;}
.nlu_up_li3 li:nth-child(5n){margin: 0 0 1.5% 0; }
.nlu_name2{ font-size: 1.4rem; line-height: 1.2em; padding: 6px 0 0 0; font-weight: 500;}
.nlu_bgw{padding: calc(60px + 6%) 0 0 0;}
.nlu_up_w{padding: 155px 0 0 0; margin: -155px 0 calc(50px + 1.5%) 0;}
.nlu_up_w3{padding: 155px 0 0 0; margin: -155px 0 calc(50px + 1%) 0;}

.nlu_up_w2{padding: 150px 0 calc(30px + 3%) 0; margin: -225px 0 0 0; overflow: hidden;}
.nlu_ttl{ font-size: 4.8rem; line-height: 1em;padding: 0 0 calc(1px + 0.1%) 0; font-weight: 600; letter-spacing: 0.04em; position: relative;}
.nlu_ttl span{ font-size: 0.45em; padding: 0 15px; font-weight: 400;}
.nlu_ttl font{ font-size: 1.2rem; padding: 4px 10px; font-weight: 400; border: 1px solid #222; letter-spacing: -0.01em; top: -5px 0 0 0;}
.nlu_up_lead2{ font-size: 1.8rem; line-height: 1.55em; font-weight: 500; padding: 0 0 calc(13px + 2%) 0; letter-spacing: 0.08em;}
.nnlu_up_lead2{ font-size: 1.8rem; line-height: 1.55em; font-weight: 500; padding: 0 0 calc(5px + 0.7%) 0; letter-spacing: 0.08em;}
.nlu_subttlnk,.nlu_subttl a,.nlu_ttl a{width: 140px; position: absolute; right: 0; /*top: calc(50% - 20px);*/bottom:-40px; border: 1px solid #111; height: 28px; text-align: center; font-size: 1.4rem; line-height: 28px; letter-spacing: 0.02em; font-weight: 400;}
.nlu_subttlnk2{ width: 110px !important;line-height: 1em; padding: 4px 8px; height: auto; top: calc(50% - 15px);box-sizing: border-box;}
.nlu_fpwd_r{ width: 48.5%; padding: 0 0 calc(10px + 1%) 0; position: relative; line-height: 0;}
.nlu_imgcap{ color: #fff; bottom: calc(25px + 1%); left: 8px; position: absolute; font-weight: 600; z-index: 1; line-height: 1em;}
.nlu_fpwd_l{ width: 48.5%;}
.nlu_fpwd_komoku{ width:48.5%; margin: 0 51.5% 0 0; position: relative;}
.nlu_fpwd_komoku2{ width: 51%; margin: 0 49% 0 0; position: relative; padding: 0 120px 0 0;}
.nlu_fpwd_l_ttl{ font-size: 2.2rem; line-height: 30px; font-weight: 600; margin: 0 0 6px 0; position: relative;}
.nlu_fpwd_l_ttl span{color: #999; font-size: 1.6rem; padding: 0 5px 0 0;}
.nlu_fpwd_l_ttla{ border: 1px solid #111; font-size: 1rem; letter-spacing: -0.03em; line-height: 1em; padding: 4px 8px; margin: 0 0 10px 0;}
.nlu_fpwd_l_ttla2{display: table; border: 1px solid #111; font-size: 1rem; letter-spacing: -0.03em; line-height: 1em; padding: 4px 8px; margin: 0 0 10px auto;}
.nlu_fpwd_big{ line-height: 0;}
.nlu_fpwd_name{ font-size: 1.15rem; font-weight: 600; line-height: 1.4em; padding: calc(5px + 0.4%) 0 calc(10px + 1.3%) 0; letter-spacing: -0.01em;}
.nlu_fpwd_name span{font-weight: 400; font-size: 0.95em;}
.nlu_fpwd_sml li{ width: 32%;  margin: 0 2% 0 0; line-height: 0;}
.nlu_fpwd_sml li:nth-child(3n){margin: 0;}
.nlu_fpwd_name font{transform: scale(0.95,1);display: inline-block;transform-origin: top left;width: 107.5%;}
.nlu_oth_bx{ width: 48.5%; padding: 0 0 calc(15px + 1%) 0;}
.nlu_unt_w{ background: #bec8cd;padding:calc(10px + 2.5%); margin:0 0 calc(45px + 1.5%) 0;;}
.nlu_sld_w{ background:#f1f0f0;padding:calc(10px + 2.5%); margin:calc(-40px - 3%) 0 0 0;}
.nlu_sld_mv{background: url(../images/nn_lu_solid_mv.webp) center/cover no-repeat; padding: 20% 6% 18% 6%; margin: 0 0 calc(15px + 2.5%) 0; position: relative;}
.nlu_sld_ttl{max-width: 320px; width:55%; margin: auto; padding: 0 0 calc(15px + 2%) 0;}
.nlu_sld_lead span{display: block; padding: 8px 0; font-size: 1.8rem; line-height: 1.6em; font-weight: 500; text-align: center; letter-spacing: 0.1em;text-shadow:0 0 10px #000;}
.nlu_sld_sustx{ width: 32%; font-size: 1.55rem; line-height: 2em; letter-spacing: 0.05em;}
.nlu_sld_sus{padding: calc(30px + 3%) 0 0 0;}
.nlu_sld_susmap{ width: 62%;}
.nlu_sld_susmap p{font-size: 1.7rem; font-weight: 500; margin: 0 0 calc(5px + 1%) 0;}
.nlu_sldlogo{ width: 40%; max-width: 250px; margin: 0 0 calc(5px + 2.5%) 0;}
.nlu_sldr{ width: 38%; padding: 32px 0 0 0;}
.nlu_sldl{ width: 58%; line-height: 0;}
.nlu_tptx{ font-size: 1.6rem; line-height: 1.5em; padding: 0 0 calc(10px + 3%) 0;}
.nlu_sld_txt{ font-size: 1.5rem; padding: 8px 0 0 0; line-height: 1.64em;}
.nlu_sld_txt a{text-decoration: underline; display: inline;}

/*casestudy*/
.std_bx{ width: 47.5%; margin:0 0 calc(30px + 5.5%) 0;}
.std_bx3{ width: 51%; margin:0 0 calc(30px + 5.5%) 0;}
.std_bx2{ width: 47.5%; margin:0 0 calc(30px + 5.5%) 0;}
.std_bx_img{ line-height: 0; margin: 0 0 calc(10px + 1%) 0;}
.std_bx_li li{ width:38%; margin: 0 2% 0 0;}
.std_bx_li2 li{ width:29%; margin: 0 2% 0 0;}
.std_rm_main{ position: relative;}
.std_rm_main .bx-slider,.std_rm_main .bx-viewport{ position: relative !important; display: block !important;}
.mainImg,.mainImg2,.mainImg3,.mainImg4,.mainImg5,.mainImg6,.mainImg7{padding: 0 0 calc(5px + 2%) 0;}
.mainImgsub{padding: 0 0 calc(5px + 2%) 0;}
.subImg,.subImg2,.subImg3,.subImg4,.subImg5,.subImg6,.subImg7{padding: 0 0 calc(10px + 1%) 0;}
.subImg li,.subImg2 li,.subImg3 li,.subImg4 li,.subImg5 li,.subImg6 li,.subImg7 li{width: 31.333%; position: relative;}
.std_remo_ttl{ font-weight: 700; font-size: 1.1rem; margin: 0 0 3px 0; line-height: 1.3em; text-align: left;}
.std_remo_tx{ font-size: 1.1rem; padding:4px 0; line-height: 1.3em;text-align: left;}
.std_bx_smlli{ padding:0 0 calc(10px + 5.5%) 0;}
.std_bx_smlli li{width: 32%; padding:0 0 7% 0; line-height: 0;}
.std_ttl{ font-size: 2.8rem; font-weight: 600; margin: 0 0 calc(5px + 0.8%) 0; line-height: 1.2em;}

.lu_ippan{ font-size: 1.2rem; position: absolute; bottom: 10px; right: 10px; line-height: 1em; z-index: 99; color: #fff !important; border:1px solid #fff; padding: 6px 15px 4px 15px;}

/*20230808改訂*/
.n_tp_copy{ font-size: 3.8rem; line-height: 1em; font-weight: 600; text-align: center; letter-spacing: 0.08em; padding: calc(3% + 15px) 0  calc(3% + 8px) 0;}
.n_tp_copy2{ font-size: 2rem; line-height: 1em;text-align: center; font-weight: 600; margin: 0 0 calc(15px + 2%) 0;}
.nn_tp_logo{ width: 50%; max-width: 450px; margin: auto; padding: 25px 0  35px 0;}
.nn_tp_mv{width: 85%; position: relative; padding: 0 0 0 15%;}
.nn_tp_mvcopy{ width: 30%; position: absolute; bottom: 10%; left: 0;}
.nn_tp_mvcopy a img:hover{opacity: 0.9 !important;}
.nn_tp_thum{padding: 35px 0 0 0; max-width: 85%; margin:auto;}
.nn_tp_thum li{width: 48.5%;}
.nn_tp_ani1{
animation-name:fadeIn1;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeIn1{
  0% {opacity: 0;}
  30% {opacity: 0;}
  100% {opacity: 1;}
}
.nn_tp_ani2{
animation-name:fadeIn2;
animation-duration:4.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeIn2{
  0% {opacity: 0;}
  40% {opacity: 0;}
  100% {opacity: 1;}
}
.fi {opacity : 0;transform : translate(-50px, 0);transition : all 1.5s;}
.fi.scrollin {opacity : 1;transform : translate(0, 0);}
.fi2 {opacity : 0;transform : translate(-50px, 0);transition : all 2s;}
.fi2.scrollin {opacity : 1;transform : translate(0, 0);}
.nn_tp_bel{ padding: calc(10px + 3%) 0; background: #fff;}
.nn_tp_bel_ttl{ font-size: 3.6rem; line-height: 1.2em; padding: 0 0 calc(15px + 2%) 0; text-align: center; letter-spacing: 0.15em;}
.nn_tp_bel_ttl2{ font-size: 3.3rem; line-height: 1.2em; padding: 20px 0 calc(16px + 3%) 0; text-align: center; letter-spacing: 0.15em;}
.nn_tp_belbx{ padding: 5px 0 calc(15px + 5.5%) 0;}
.nn_tp_belbx_lst{ border-bottom: 1px solid #222;margin: 2% 0 calc(15px + 4.5%) 0;}
.nn_tp_belbx_ttl{padding: 0 0 calc(5px + 2%) 0; letter-spacing: 0.08em;}
.nn_tp_belbx_ttl img{display: table; margin:auto; max-width: 70px; width: 8%; padding: 0 0 calc(10px + 1%) 0; min-width: 50px;}
.nn_tp_belbx_ttl{ font-size: 4.6rem; line-height: 1em;display: block; text-align: center; font-weight: 600;}
.nn_tp_belbx_ttl span{ font-size: 0.6em; display: block; text-align: center; padding: 5px 0 calc(10px + 1%) 0; line-height: 1em;}
.nn_tp_belbx_tx{ display: table; font-size: 2rem; line-height: 2em;}

.nnlu_ttl{display: flex; align-items: center;padding: 0 0 calc(5px + 0.1%) 0;letter-spacing: 0.04em;}
.nnlu_ttl1{ font-size: 4.8rem; line-height: 1em;font-weight: 600;}
.nnlu_ttl2{ font-size: 2em; padding: 0 22px; font-weight: 400; letter-spacing: 0.15em;}
.nnlu_ttl3{ font-size: 1.2rem; padding: 6px 10px 4px 10px; font-weight: 400; border: 1px solid #222; letter-spacing: -0.01em; line-height: 1em;}

.nn_lu_menu{border: 1px solid #888; border-right: none; margin:0 0 calc(10px + 1%) 0;}
.nn_lu_menu_w{ position: sticky; top: 90px;z-index: 1;}
.nn_lu_menu li{border-right: 1px solid #888; width: 20%; box-sizing: border-box; background: #fff;}
.nn_lu_menu li a{display: block; text-align: center;font-size: 1.7rem; line-height: 1em; padding: calc(10px + 3%) 0; font-weight: 600;}
.nn_lu_menu li a:hover{background: #eee;}
.nn_lu_menu li:last-child a{letter-spacing: -0.04em;}

.nn_tp_blbx0_tx{ font-size: 1.5rem; line-height: 1.4em; padding:25px 0 calc(3px + 0.2%) 0; font-weight: 600;}
.nn_tp_blbx1_tx{ font-size: 1.5rem; line-height: 1.4em; padding:0 14% calc(8px + 0.2%) 0; font-weight: 600;}
.nn_tp_blbx1_tx span{ font-size: 0.85em;}
.nn_tp_belbx_l{ width: 58%;}
.nn_tp_belbx_r{ width: 38%; padding:6px 0 0 0; }
.nn_tp_belbx_r2{ width: 36%; padding:6px 0 0 0; }
.nn_tp_belbx4_1{ width: 36%;}
.nn_tp_belbx4_2{ width: 37%;}
.nn_tp_belbx4_3{ width: 86%; padding:4% 0 0 0; }
.nn_tp_belbx4_4{ width: 60%;}
.nn_tp_belbx4_5{ width: 86%; padding: 12px 0 0 0;}
.nn_tp_blbx4_data{ border: 1px solid #231815;border-bottom: none; padding:0 0 0 0;}
.nn_tp_blbx4_data li{ border-bottom: 1px solid #231815; font-size: 1.2rem; line-height: 1.2em;}
.nn_tp_blbx4_data1{ margin: auto; width:27%; box-sizing: border-box; text-align: center;}
.nn_tp_blbx4_data2{ border-left: 1px solid #231815; padding: 5px 8px; width: 72%; box-sizing: border-box;}
.nn_tp_des_li{margin: 0 0 calc(30px + 2%) 0;}
.nn_tp_des_li li{width: 25%; box-sizing: border-box; background: #000; border: 1px solid #fff;}
.nn_tp_des_li a{padding: calc(30px + 18%) 5%; text-align: center; display: block;}
.nn_tp_des_li img{width: 90%; max-width: 200px;opacity:1.0 !important; line-height: 0;}
.nn_tp_des_li li a:hover{opacity: 0.7;}
.nn_tp_des_li1{ background: url(../images/nn_tp_design_thum1.webp) center/cover no-repeat;}
.nn_tp_des_li2{ background: url(../images/nn_tp_design_thum2.webp) center/cover no-repeat;}
.nn_tp_des_li3{ background: url(../images/nn_tp_design_thum3.webp) center/cover no-repeat;}
.nn_tp_des_li4{ background: url(../images/nn_tp_design_thum4.webp) center/cover no-repeat;}
.nn_tp_dbx{padding: 100px 0 calc(40px + 1%) 0; margin: -100px 0 0 0;}
.nn_tp_dbx_l{width: 40%;}
.nn_tp_dbx_r{width: 56%;}
.nn_tp_dbx_ttl{ display: table; text-align: center;}
.nn_tp_dbx_ttl img{ height: 33px; width: auto; line-height: 0;}
.nn_tp_dbx_ttl span{font-size: 1.6rem; line-height: 1em;display: block; text-align: center; letter-spacing: 0.15em; font-weight: 600;}
.nn_tp_dbx_tx{ font-size: 1.85rem; line-height: 1.6em; padding: calc(15px + 2.5%) 0; letter-spacing: 0.15em;}
.nn_tp_dbx_lnk{ border: 1px solid #222; padding: 5px 17px; font-size: 1.55rem !important; line-height: 1em; display: table;letter-spacing: 0.1em;}
.nn_tp_dbx_lnk:hover{background: #ddd;}
.nn_tp_dbx_tx2{ font-size: 1.4rem; line-height: 1.3em;}

.nn_cn_ttl{ font-size:3.1rem; margin:0 0 calc(10px + 1.5%) 0; display: table;padding:0; font-weight: 600; line-height: 1em;}
.nn_cn_ttl span{ font-size:0.65em;display: block; line-height: 1em; padding: calc(8px + 0.5%) 0 0 0;}
.nn_cn_ttl font{ font-size:0.55em;display: block; line-height: 1em;padding: calc(8px + 0.5%) 0 0 0;}
.nn_bse_txtb{ padding: calc(20px + 2%) 0 0 0;}
.nn_bse_txtb1{font-weight: 600; font-size: 1.2rem;}
.nn_bse_txtb2{font-size: 1.1rem; line-height: 1.4em; padding: 0 0 calc(5px + 1%) 0;}

.nn_fd_lead{ font-size: 2.1rem; line-height: 1.5em; color: #3F7085; padding: 0 0 calc(10px + 1%) 0;}
.nn_fd_li1{ padding: calc(3px + 0.5%) 0 0 0;}
.nn_fd_li1 li{ font-size: 1.15rem; line-height: 1.4em; padding: 0 0 calc(5px + 0.8%) 11px; text-indent: -1em;}
.nn_fd_tx1{ font-size: 1.4rem; line-height: 1.5em; width: calc(100% - 180px);}
.nn_fd_tx1 a{ font-size: 2rem; line-height: 1em; font-weight: 600; padding: calc(5px + 0.5%) 0 0 0;}
.nn_fd_img1{ max-width: 160px;}

/*20231120追加*/
.stn_add{ border: 1px solid #999; padding:calc(20px + 1.5%) calc(10px + 1.5%) calc(10px + 1.5%) calc(10px + 1.5%); margin: calc(5px + 4.5%) 0 0 0; position: relative;}
.stn_add_ttl{ position: absolute; height: 22px; line-height: 22px; font-size: 2.2rem; top: -11px; left: 1.5%; background: #fff; z-index: 2; padding: 0 10px; font-weight: 600;}
/*▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1280px) {
    .logo a{ height: 1.8vw;}
	
	.nlu_subttl{ font-size: 2.3rem; padding: 0 125px calc(5px + 1%) 0;}
	.nn_tp_bel_ttl{ font-size: 3.6vw;}
	.nn_tp_belbx_ttl{ font-size: 4.5vw;}
	.nn_tp_belbx_ttl span{ font-size: 0.65em;}
}
/*▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1180px) {
    .hd_mn li{font-size: 1.25rem;margin: 0 0 0 20px;}
    .hd_mn_in2{ left:0;}
	.cn_itr_r p{font-size: 1.45rem; line-height: 1.4em;}
	.cn_itr_r2{font-size: 1.3rem;}
	
	/*20230808改訂*/
	.nn_lu_menu li a{font-size: 1.3vw;}
    
}
/*▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width: 1024px) {
    body{ padding: calc(50px + 3.3%) 0 0 0;}
    /*header*/
    .hd_mn li{ margin: 0 0 0 13px; font-size:1.15rem; letter-spacing: -0.06em;}
    .hd_mn_in li a{ font-size: 1.2rem;}
    
    /*contents*/
    .tp_itr_p{ font-size: 1.45rem;}
    .tp_itr_p_r{font-size: 1.3rem;}
    .p_ttl12{  margin: 0 0 7px 0;}
    .p_ttl12_10{ font-size: 1rem;}
    
    /*footer*/
    .ft_list{padding: 9px 0 14px 0;}
    .ft_list li{font-size: 1.4rem; padding: 0 23px 0 0;}
    .ft_copy{font-size: 1rem;}
    
    /*under_contents*/
    .cn_nav a{font-size: 1.6rem;}
    
    /*lineup*/
    .lu_ttl{ font-size: 2.8rem;}
    .std_ttl{ font-size: 2.4rem;}

    /*new_lineup*/
    .nlu_up_ttl{font-size: 7vw;}
    .nlu_up_lead{ font-size: 3vw;}
    
    .nlu_subttl{ font-size: 2.3rem; padding: 0 125px calc(5px + 1%) 0;}
    .nlu_subttlnk,.nlu_subttl a,.nlu_ttl a{width: 120px;font-size: 1.2rem; line-height: 28px;}
    
    .nlu_name2{ font-size: 1.2rem;}
    .nlu_ttl{ font-size: 3.8rem;}
    
    .lu_ippan{ font-size: 1.2rem; position: absolute; bottom: 10px; right: 10px; line-height: 1em; z-index: 99;}
	
	
	/*20230808改訂*/
	.n_tp_copy{font-size: 4vw; line-height: 1em; font-weight: 600; text-align: center; letter-spacing: 0.08em; padding: calc(4% + 15px) 0  calc(3% + 4px) 0;}
	.n_tp_copy2{ font-size: 2.2vw; letter-spacing: -0.02em;}
	
	.nnlu_ttl1{ font-size: 3.8rem;}
	.nnlu_ttl2{ font-size: 1.75em;}
	.nnlu_ttl3{ font-size: 1.1rem;}
	.nn_lu_menu li a{font-size: 1.3vw;}
	.nn_lu_menu li:last-child a{letter-spacing: -0.05em;}
	
	.nn_tp_belbx_tx{font-size: 1.7rem;}
	.nn_tp_blbx1_tx{ font-size: 1.4rem;}
	
	.nn_tp_belbx4_1{ width: 45%;}
	.nn_tp_belbx4_2{ width: 100%;}
	.nn_tp_belbx4_3{ width: 100%;}
	.nn_tp_belbx4_4{ width: 50%;}
	.nn_cn_ttl{ font-size: 2.8rem;}
	
	.nn_fd_lead{ font-size: 1.9rem; }
}
/*▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width: 890px) {
    /*header*/
    body{ padding: calc(60px + 3.3%) 0 0 0;}
    .hd_mn li{ font-size:1rem;}
    /*under*/
    .cn_itr_r,.cn_itr_r2{padding:10px 18px;font-size: 1.4rem; }
    .cn_itr_r p{font-size: 1.35rem; line-height: 1.4em;}
    
    .cn_ttl1{ font-size: 2.4rem;}
    .cn_ttl2{ font-size: 2.6rem;}
    .fd_nav a{font-size: 1.4rem;}
    .cn_ttl{ font-size: 3.5rem;}
    
    .cn_itr_r{min-height: 50px; min-width: 250px;}
	.cn_itr_r2{min-height: 50px;font-size: 1.2rem;}
    .bse_logo{ max-width:40px !important;}
	.des_logo{ max-width: 70px !important;}
    .fd_cn1_ttl{font-size: 1.8rem; letter-spacing: -0.01em;}
    .fd_cn1_ttl2{ font-size: 1.3rem;margin: 10px 0 5px 0;border-top: 1px solid #000; padding: 10px 0 0 0;}
    .fd_cn1_ttl2 span{ font-size: 0.8rem;}
    .fd_cn1_tx{ font-size: 1rem;}
    
    .bse_cn4_intx1{ font-size: 1.6rem;}
    .bse_cn6_p{ font-size: 1.25rem;}
    
    /**/
    .lu_ttl{ font-size: 2.6rem; }
    .lu_itr_ttl{ font-size: 1.8rem;margin: 0 0 10px 0;}
    .lu_itr_p{ font-size: 1.35rem;}
    .lu_ttlseri h2{ font-size: 1.8rem; padding: 0 10px 0 0;}
    .lu_ttlseri_img{ width: 50px; padding: 4px 10px 0 0;}
    .lu_ttlseri p{ font-size: 1.2rem;}
    .lubx_tx{ font-size: 1rem;line-height: 1em;padding:1px 0 14px 0; letter-spacing: -0.01em; }
    .lubx_ttl{ font-size: 2.5rem;}
    
    .nlu_subttl{ font-size: 2rem; padding: 0 120px calc(5px + 1%) 0;}
    .nlu_name{ font-size: 2rem; line-height: 1em;}
    .nlu_up_li2_note{  font-size: 1.1em;}
    
    .nlu_up_li3 li{ width: 30.666%; margin: 0 4% 4% 0 !important; line-height: 0;}
    .nlu_up_li3 li:nth-child(3n){margin: 0 0 4% 0 !important; }
    .nlu_ttl{ font-size: 3.3rem;padding: 0 0 calc(10px + 1%) 0;}
	.nnlu_ttl{ padding: 0 0 calc(10px + 1%) 0;}
	.nnlu_ttl1{ font-size: 3.6rem;}
	.nnlu_ttl2{ font-size: 1.5em; padding:0 13px;}
	.nnlu_ttl3{ font-size: 1rem;}
    .nlu_fpwd_r{ width: 100%; padding: 0 0 calc(10px + 1%) 0;}
    .nlu_fpwd_l{ width: 100%;}
    .nlu_fpwd_komoku{ width:100%; margin: 0;}
    .nlu_oth_bx{ width: 100%;}
    
    .std_ttl{ font-size: 2.2rem;}
	
	/*20230808改訂*/
	.nn_tp_mvcopy{ width: 35%;}
	.nn_tp_belbx4_2{ width: 70%; margin: auto; padding: 0 0 calc(5px + 1%) 0;}
	.nn_tp_blbx4_data li{font-size: 1.05rem; letter-spacing: -0.03em;}
	
	.nn_tp_dbx_ttl img{ height: 29px;}
	.nn_tp_dbx_ttl span{font-size: 1.38rem;}
	.nn_cn_ttl{ font-size: 3.4vw;}
}
/*▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width: 767px) {
    body{padding: 45px 0 0 0;}
    .f13{font-size: 1.1rem;}
    .pc{ display:none;}
    .sp{ display:block;}
    .in,.in3,.in4{ padding: 0 5%;}
    .in2{ padding: 0;}
    .intop{ padding: 0 5%;}
    .flx_bet,.flx_betmid{display: block;}
    
    /*header*/
    .header{padding: 0; height: 45px;}
    .logo{ max-width:240px; width: 75%; padding: 5px 0 0 0;}
    .sp_hd{ height: 45px; box-sizing: border-box;border-bottom: 1px solid #888;}
    .logo a{ height: 21px;}
    /*burger*/
    .burger_out{width: 45px;height: 45px;position: fixed; background: #000; top: 0;right: 0; z-index: 11;}
    .burger{ width:100%;height: 100%; margin: 0;}
    .burger_menu{ width:100%; height: 100%; position:fixed; z-index:10; background: #fff; box-sizing: border-box; top: 44px; left: 0;overflow-y: scroll;}
    .burger_menu li{ line-height: 1em; width: 100%; font-size: 1.3rem; margin: 0;border-top: 1px solid #000;}
    .burger_menu li a,.burger_menu li p{ width: 100%; display: block; padding: 15px 0 15px 15px; box-sizing: border-box; color: #595858; font-weight: 600;}
    .burger_menu li p{background: url(../images/ar_bel_grey.webp) 96% center/11px no-repeat;}
    .burger_menu li p.active{background: url(../images/ar_up_grey.webp) 96% center/11px no-repeat;}
    .burger_menu li span{display: block; width: 100%;}
    .menu-trigger,.menu-trigger span {display: inline-block;box-sizing: border-box;ransition: all .4s;}
    .menu-trigger { top:calc(50% - 8px); left: calc(50% - 9px); z-index:10; height:16px; width:18px;position: relative;}
    .menu-trigger span {width: 100%;height: 1px;background-color: #fff;position: absolute;}
    .menu-trigger span:nth-of-type(1) {top: 0;}
    .menu-trigger span:nth-of-type(2) {top: 50%; margin: -1px 0 0 0;}
    .menu-trigger span:nth-of-type(3) {bottom: 0;}
    .menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(7px) rotate(495deg);transform: translateY(7px) rotate(495deg);}
    .menu-trigger.active span:nth-of-type(2) {-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity: 0;}
    /*@-webkit-keyframes active-menu-bar02 {100% {height: 0;}}
    @keyframes active-menu-bar02 {100% {height: 0;}}*/
    .menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-8px) rotate(-495deg);transform: translateY(-8px) rotate(-495deg);}
    .bag_more_in1,.bag_more_in2,.bag_more_in3,.bag_more_in4{ display: none; width: 100% !important;background: #777;}
    .bag_more_in1 li,.bag_more_in3 li,.bag_more_in4 li{ width: 100% !important; padding: 0 0 0 8px; line-height: 1em;border-top: 1px solid #fff; box-sizing: border-box; color: #fff !important;}
    .bag_more_in1 li a,.bag_more_in3 li a,.bag_more_in4 li a{ color: #fff !important;}
    .bag_more_in2{ display: flex; justify-content: space-between; flex-wrap: wrap;}
    .bag_more_in2 li{ width: 50% !important; padding: 0 5px 0 15px; line-height: 1em;border-bottom: 1px solid #fff; box-sizing: border-box; font-size: 1.1rem; letter-spacing: -0.01em;}
    .bag_more_in2 li:last-child{border-bottom: none;}
    .bag_more_in2 li a{padding: 15px 0; color: #fff;}
    .bag_more_in2 li:nth-child(odd){border-right: 1px solid #fff;}
    /*contents*/
    .mv{ margin: 0 0 calc(10px + 1%) 0;}
    .mv_in{ position: relative; height:auto; display: block; left: auto; top: auto;width: 100%;}
    .mv_incopy{ background:none; padding:5% 5% 3% 5%;width: 100%;max-width: 800px; box-sizing: border-box;}
    .mv_ar{ border-bottom:1px solid #251e1c; padding: 0 0 20px 0; text-align: center; margin: 0 5%;}
    .mv_ar img{ width: 20px; line-height: 0;}
    .n_mv{ height: 52vw;}
    .tp_itrttl{ font-size: 1.8rem; margin: 0 0 12px 0; padding: 10px 0 0 0;}
    .tp_itrl{ width: 100%; margin: 0; }
    .tp_itrr{ width: 100%; margin: 0 0 calc(5px + 1%) 0; }
    .tp_itrr_tyui{ font-size: 1rem; margin: 0 0 15px 0;}
    .tp_itr_p{ font-size: 1.3rem; margin: 0 0 10px 0;}
    .tp_itr_p_r{font-size: 1.18rem; text-indent: -1em; padding-left: 1em; letter-spacing: 0.07em;}
	.tp_itr_p_r2{font-size: 1.18rem;}
    .tp_itrbx1{ margin: 0 0 25px 0;}
    .tp_itrbxttl{ margin: 0 0 10px 0; max-width: 250px;}
    .tp_itrbxp{ font-size: 1.3rem;}
    .tp_cnt1{ margin: 0 0 calc(20px + 1%) 0;}
    .tp_cn1bx{ width: 100%; margin: 0 0 35px 0;}
    .tp_cn1ttl {font-size: 1.57rem;border-left: 5px solid #251e1c;  padding: 0 0 0 8px; margin: 0 0 15px 0; letter-spacing:-0.02em;}
    .tp_cn1_li{ margin:-20px 0 0 0; }
    .tp_cn1_li li{width: 100%; margin: 0 0 10px 0; padding: 4% 2% 2.5% 2%;}
    .tp_cn1bximg2{max-width: 260px; width: 90%;}
    
    .tp_wks{margin: 0 0 5% 0;}
    .tp_wks_ttl{ font-size: 2.2rem;}
    .tp_wks_li{padding: 10px 0 25px 0;}
    .tp_wks_li li{ width:48%; margin: 0 0 2% 0;}
    .tp_wks_li li img{object-fit: cover; height: 27vw;}
    .tp_wks_lnk{ float: none;padding: 20px 0; width: 100%;font-size:1.9rem !important;}
    
    .footer{padding: 23px 0;}
    .ft_l{ width: 100%;}
    .ft_r{ width: 100%;}
    .ft_l img{max-width: 230px;}
    .ft_r img{max-width: 280px; display: block;}
    .ft_list li{font-size: 1.1rem; padding: 0 19px 0 0;}
    .ft_list{padding: 5px 0 20px 0;}
    .ft_copy{letter-spacing: -0.03em;}
    
    /*under*/
    #fd1,#fd2,#fd3,#fd4,.lu_w{margin: -70px 0 0 0; padding: 70px 0 0 0;}
    .und_contents{ padding: 28px 0 0 0;}
    .cn_itr_l{ width: 92%; }
    .cn_itr_r,.cn_itr_r2{display: none;}
    .cn_ttl1{ font-size: 1.5rem;margin: 0 0 10px 0; letter-spacing: 0.02em;}
    
    .cn_ttl3{padding: 0 0 calc(10px + 0.5%) 0;}
    .cn_nav{flex-wrap: wrap; border-top: 1px solid #888;border-left: 1px solid #888;border-bottom: none; margin:5% 0 calc(20px + 2%) 0;}
    .cn_nav li{border-bottom: 1px solid #888;min-height: 40px; background: #fff;}
    .cn_nav li{ width: 50%;}
    
    .bse_nav li:nth-child(6){ display: flex;}
    .cn_nav li p,.cn_nav li span{display: inline; padding:0 4px;}
    .cn_nav a{font-size: 1.3rem; letter-spacing: 0.001em;padding: 8px 3px; }
    .cn_nav li:nth-child(7){display: flex; width: 100%; }
	.cn_nav li:nth-child(8){display: flex; width: 100%; }
	.bse_nav li:nth-child(7) a{color: #45B035 !important; font-weight: 400;}
	.fd_nav li:nth-child(6){display: flex;}
	.fd_nav li:nth-child(7){width: 100%;}
	.fd_nav li:nth-child(7) a{color: #45B035 !important; font-weight: 400;}
    .fd_nav_mini{transform: scale(1, 1); letter-spacing: -0.04em; width: 100%; margin: 0; font-size: 1.2rem;}
    .fd_nav2 li{display:flex !important; width: 100% !important;}
    .fd_spnv,.fd_spnv2{ display: flex;justify-content: space-around; align-items: center; min-height: 32px;}
    .fd_spnv p,.fd_spnv2 p{ font-size: 1rem; font-weight: 400;padding: 0 0 0 2% !important; text-align: left; letter-spacing: -0.03em; white-space: nowrap;}
    .fd_spnv2 p{ padding: 0 0 0 9% !important; }
    .fd_spnv img{max-width: 80px; padding: 0 2% 0 0; width: 23%;}
    .fd_spnv2 img{max-width: 33px; padding: 0 9% 0 0; width: 10%;}
    .bse_nav li:last-child{display: block; width: 100%;}
    .cn_ttl{ font-size: 2.9rem;line-height: 50px; margin: 0 0 calc(10px + 1.2%) 0;}
    .cn_scrimg_1{width:auto;max-width:none;height:270px;}
    .cn_scrimg_2{width:auto;max-width:none;height:120px;}
    .cn_scrimg_5{width:auto;max-width:none;height:170px;}
    .cn_scrimg_4{width:auto;max-width:none;height:145px;}
    .fd_cn1_l{width: 100%; margin: 0 0 10px 0;}
    .fd_cn1_r{width: 100%;margin: 0 0 15px 0;}
    

    .fd_cn1_ttl2{ font-size: 1.25rem;margin: 8px 0 3px 0;border-top: 1px solid #000; padding: 9px 0 0 0;}
    .fd_cn1_ttl2 span{ font-size: 0.8rem;}
    .fd_cn2_p{ font-size: 1.55rem;margin: 0 0 10px 0;}
    .fd_cn2_p2{ font-size: 1.4rem;}
    .cn_bx48{width: 100%; margin: 0 0 20px 0;}
    .fd_cn3img{ margin: -10px 0 0 0;}
    .cn_bxfd04_1{ width:100%;}
    .cn_bxfd04_2{ width: 100%;}
    .fd_cn4_bdbx{  padding:calc(4.5% - 10px) 4.5% 4.5% 4.5%;}
    .fd_cn4_bdbxttl{font-size: 1.6rem; line-height: 1.3em;}
    
    /*base*/
    .bse_logo{ max-width: 60px !important;}
	.des_logo{ max-width: 70px !important;}
    .bse_l{width: 100%; margin: 0 0 15px 0;}
    .bse_r{width: 100%;}
    
    .bse_cn3_p{ text-indent: -1em; padding: 0 0 0 11px; font-size:1.1rem; line-height: 1.6em;  }
    .bse_cn4_intx1{ font-size: 1.45rem; margin: 0 0 2px 0;}
    .bse_cn6_p{ font-size: 1.2rem;}
    .bse_l2{width: 60%;}
    .bse_r2{width: 35%;}
    
    /*lineup*/
    .lu_ttl{ font-size: 2rem; margin: -7px 0 calc(1px + 0.1%) 0;}
    .lu_tplnk{ border: 1px solid #888; padding: 10px; margin: 0 0 15px 0;}
    .lu_tplnk img{ width: 80px; margin: 0 2% 0 0;}
    .lu_tplnk p{ margin:0 0 0 2%; letter-spacing: -0.01em;}
    .lu_itr_l{ width: 53%; }
    .lu_itr_r{ width: 44%;margin: 10px 0 0 0;}
    .lu_itr{ padding: 7px 0 0 0; margin: 0 0 calc(8px + 0.8%) 0;}
    .lu_itr_ttl{ font-size: 1.2rem; margin: 0 0 5px 0; letter-spacing: -0.02em;}
    .lu_itr_p{ font-size: 1rem; line-height: 1.65em;}
    .tgl1,.tgl2{ background: url(../images/ar_bel_grey.webp) 97% center/12px no-repeat; font-size: 1.35rem;}
    .tgl1.active,.tgl2.active{ background: url(../images/ar_up_grey.webp) 97% center/12px no-repeat;}
    
    .lubx_ttl{ font-size: 1.7rem; margin: 0 0 calc(4px + 1%) 0;}
    .lu_ttlseri{ margin: 0;}
    .lu_ttlseri h2{ font-size: 1.3rem; padding: 0 10px 0 0; letter-spacing: -0.1em;}
    .lu_ttlseri_img{ width: 40px; padding: 4px 4px 0 0;}
    .lu_ttlseri_img2{ width: 180px; padding: 4px 10px 0 0;}
    .lu_ttlseri p{ font-size: 1rem; letter-spacing: -0.07em;}
    .lu_bx{padding:14px 0 10px 0;}
    .lubx_flx1,.lubx_flx2,.lubx_flx3{ justify-content: space-between; flex-wrap: wrap;}
    .lubx_flx1 li,.lubx_flx2 li,.lubx_flx3 li{ width: 47.5%; margin: 0;}
    .lubx_flx1 li span,.lubx_flx2 li span{display: block;padding: 0 0 3px 0;}
    
    .lu_flt_btm{ border-bottom:none; padding: 0;}
    .lu_flt_btmbx{display: block; margin: 0 0 15px 0; width: 100%;}
    .lu_flt_btmbx p{font-size: 1.1rem; line-height: 1.45em; letter-spacing: -0.005em;}
    
    /*ダウンロード*/
    .dl_ttl{ font-size: 2.2rem;padding: 0 0 15px 0;}
    .dl_w li{font-size: 1.35rem;letter-spacing: -0.01em; }
    .dl_w1{width: 100%;padding: 8px;}
    .dl_w2{display: none;}
    .dl_w3{width: 25%; text-align: center; padding: 0; display: flex; align-items: center; border-bottom: 2.5px solid #444 !important;}
    .dl_w3:hover{background:none;}
    
    
    /*new_lineup*/
    .nlu_up_ttl{font-size: 10vw;}
    .nlu_up_w{padding:calc(80px + 5%) 0 0 0;margin: -90px 0 40px 0;}
    .nlu_up_lead{ font-size: 3.6vw; text-align: left; letter-spacing: -0.02em;}
    .nlu_subttl{ font-size: 1.85rem; padding: 0 0 calc(5px + 1%) 0;}
    .nlu_up_li1 li{ width: 100%; margin: 0 0 calc(15px + 3%) 0;}
    .nlu_name{ font-size: 1.75rem;}
    .nlu_up_li2_note{ padding: 10px 0; font-size: 1rem;}
    .nlu_name2{ font-size: 1.05rem;}
    .nlu_ttl{ font-size: 3rem; letter-spacing: 0.05em;}
	.nnlu_ttl{ flex-wrap: wrap;}
	.nnlu_ttl1{ font-size: 3rem; width: 100%; display: block;}
	.nnlu_ttl2{ font-size: 1.4em; padding: 0 15px 0 0;}
	.nnlu_ttl3{ font-size: 1.1rem;}
    .nlu_ttl span{display: block; padding: 5px 0 0 0; line-height: 1em;}
    .nlu_up_lead2{ font-size: 1.55rem;}
	.nnlu_up_lead2{ font-size: 1.55rem;}
    .nlu_subttlnk,.nlu_subttl a,.nlu_ttl a,.nlu_subttlnk2{width: 100%; position: relative;margin:5px 0 ; height: 26px; font-size: 1.3rem; line-height: 26px; border: none; background: #dfdfdf; bottom: auto;}
    .nlu_subttlnk2{ width: 100% !important;padding: 0; height: 26px;  line-height: 26px;font-size: 1.3rem !important;box-sizing: border-box; margin: -2px 0 8px 0;}
    .nlu_fpwd_l_ttl{ font-size: 1.8rem;}
    
    .std_bx,.std_bx3{ width: 100%; margin:0 0 calc(30px + 4%) 0;}
	.std_bx2{ width: 100%; margin:0 0 calc(10px + 1%) 0;}
    .std_bx_smlli li{width: 49%; padding:0 0 2% 0;}
    
    .nlu_fpwd_sml li{ width: 48.5%;  margin: 0 3% 0 0 !important;}
    .nlu_fpwd_sml li:nth-child(2n){margin: 0 !important;}
    .nlu_fpwd_name{ font-size: 1.05rem;}
    .nlu_sldr{ width: 100%; padding: 0 0 calc(10px + 1%) 0;}
    .nlu_sldl{ width: 100%;}
    .nlu_tptx{ font-size: 1.1rem; padding: 0;}
    .nlu_sld_txt{ font-size: 1.2rem;}
    .nlu_sld_mv{background: url(../images/nn_lu_solid_mv.webp) center/cover no-repeat; padding:17% 4% 16% 4%;}
    .nlu_sld_lead span{font-size: 2.5vw; font-weight: 600; letter-spacing: 0;}
    .nlu_sld_sustx{ width: 100%; font-size: 1.2rem; line-height: 1.6em; margin: 0 0 calc(10px + 2%) 0;}
    .nlu_sld_susmap p{font-size: 1.5rem;}
    .nlu_sld_susmap{ width: 100%;}
    
    .std_ttl{ font-size: 2rem; padding: 5% 0 0 0; margin: 0 0 -5% 0;}
    
    .lu_ippan{ font-size: 1.1rem;}
	
	/*20230808改訂*/
	.nn_tp_logo{ width: 79%; padding: 0 0 0 0;}
	.nn_tp_mv{width: 100%;padding:calc(2% + 5px) 0 0 0;}
	.nn_tp_mvcopy{ width: 90%; position:relative; bottom:auto; left:auto; padding: 0 5%;}
	.nn_tp_thum{padding: 20px 0 20px 0; margin: auto; max-width: 90%; }
	.nn_tp_thum li{width: 100%;padding:5px 0 0 0; }
	.nn_tp_bel{ padding: calc(20px + 4%) 0; background: #fff;}
	.nn_tp_bel_ttl{ font-size: 6.2vw; line-height: 1.5em;}
	.nn_tp_bel_ttl2{  font-size: 6.2vw; line-height: 1.5em; padding: 4% 0 calc(16px + 4%) 0;}
	.nn_tp_belbx_ttl{ font-size: 8.2vw; padding: 0 0 calc(5px + 2%) 0; }
	.nn_tp_belbx_ttl span{padding: 0 0 calc(8px + 0.5%) 0;}
	.nn_tp_belbx_tx{font-size: 1.4rem;}
	.nn_tp_blbx1_tx{ font-size: 1.1rem; }
	.nn_tp_blbx0_tx{ font-size: 1.1rem; padding: 20px 0 calc(5px + 0.2%) 0; }
	
	.nn_tp_belbx_l{ width: 100%; padding: 0 0 calc(10px + 2%) 0;}
	.nn_tp_belbx_r{ width: 100%; margin:-3px 0 0 0;}
	.nn_tp_belbx_r2{ width: 78%; margin: auto; }
	.nn_tp_belbx4_1{ width: 100%;}
	.nn_tp_belbx4_2{ width: 70%;padding: calc(10px + 1%) 0;}
	.nn_tp_belbx4_3{ width: 100%;}
	.nn_tp_belbx4_4{ width: 100%;}
	.nn_tp_belbx4_5{ width: 100%;}
	
	.nn_tp_des_li li{width: 50%; box-sizing: border-box; background: #000;}
	.nn_tp_des_li a{padding: calc(20px + 10%) 10%; text-align: center; display: block;}
	
	.nn_tp_dbx_l{width: 100%; margin: 0 0 calc(12px + 1%) 0;}
	.nn_tp_dbx_r{width: 100%;}
	.nn_tp_dbx_ttl{ display: block;}
	.nn_tp_dbx_ttl img{ height: 27px;}
	.nn_tp_dbx_ttl span{font-size: 1.3rem;}
	.nn_tp_dbx_tx{ font-size: 1.4rem; padding: calc(10px + 1.5%) 0;}
	.nn_tp_dbx_lnk{  padding: 5px 15px; font-size: 1.25rem !important;display: table;letter-spacing: 0.1em; margin: auto;}
	.nn_tp_dbx_tx2{ font-size: 1.2rem; line-height: 1.3em; padding: 0 0 10px 0;}
	
	.nn_cn_ttl{ font-size: 6.5vw;}
	
	.nlu_up_w3{padding: 75px 0 0 0; margin: -75px 0 calc(50px + 1%) 0;}
	.nn_fd_tx1{ font-size: 1.25rem; line-height: 1.5em; width: 100%;}
	.nn_fd_tx1 a{ font-size: 1.5rem; word-break: break-all; padding:calc(5px + 1.5%) 0;}
	.nn_fd_img1{ max-width: 160px; margin: auto; display: block;}
	
	
	/*20231120追加*/
	.stn_add{ border: 1px solid #999; margin: calc(5px + 4.5%) 0 calc(8px + 4.5%) 0;}
	.stn_add_ttl{ font-size: 1.8rem;}
}