@charset "utf-8"; #fixed_nav{ background-color: #1D4C85; } /* .reflection{ display: none; } */ .reflectionblock { width:100%; height:100%; position:absolute; top:0; overflow:hidden; } .mainnav #nav-office .navtxt{ background-color: none; } @media (max-width: 1200px) { #fixed_nav{ display: block; } } /* ======================================= pc ======================================= */ /* #fixed_nav * { font-family: 'Noto Sans JP', sans-serif; } */ #fixed_nav{ height: 65px; transition: all .3s; } #fixed_nav a { height:100%; } #fixed_nav a img { width:100%; } #fixed_nav p { margin-bottom:0; } #fixed_nav:hover{ transition: all .3s; cursor: pointer; background-color: #1D4C85; } #fixed_nav .inav{ height: 100%; display: flex; align-items: center; justify-content: space-between; max-width: 1250px; margin-right: auto; margin-left: auto; } #fixed_nav ul .navsub{ width: 15%; height: 100%; } #indexnav ul.inav li.navlist { width: 15%; position: relative; border: 0; height: 65px; transition: all .3s; text-align: center; } #indexnav ul.inav li.navlist::before{ background-color:#fff; content:""; display:inline-block; width:1px; height:55px; position:absolute; top:8px; left:0px; /* transform: rotate(-20deg); */ /* border-radius: 10px; */ } /* 親要素に display:inline-block; を追加*/ #indexnav ul.inav li.navlist.sp-navlist7::after{ background-color:#fff; content:""; display:inline-block; width:1px; height:55px; position:absolute; top:8px; right:0px; /* transform: rotate(20deg); */ /* border-radius: 10px; */ } #indexnav ul.inav li.navlist:hover{ background-color: #1D4C85; cursor: pointer; transition: all .3s; } /* #indexnav ul.inav li.navlist.active1{ cursor: pointer; background-color: #1D4C85; } */ #indexnav ul.inav li.navlist .tolist{ color: #fff; height: 100%; display: flex; align-items: center; justify-content: center; letter-spacing: 0.05em; flex-direction: column; } #indexnav ul.inav li.navlist.sp-navlist4 .tolist{ line-height: 0.8; } #indexnav ul.inav li.navlist .downmenu { display: none; background-color: #7777; position: absolute; top: 100%; left: 0; box-sizing: border-box; width: 100vw; max-width: 1250px; height: 202px; /* border-radius: 0 0 10px 10px; */ background-color: #eaf4ff; } #indexnav ul.inav li.navlist .downmenu.downmenu1{ width: 100vw; left: -100%; } #indexnav ul.inav li.navlist .downmenu.downmenu2{ width: 100vw; left: -200%; } #indexnav ul.inav li.navlist .downmenu.downmenu3{ width: 100vw; left: -300%; } #indexnav ul.inav li.navlist .downmenu.downmenu4{ width: 100vw; left: -400%; } #indexnav ul.inav li.navlist .downmenu.downmenu5{ width: 100vw; left: -500%; } #indexnav ul.inav li.navlist .downmenu.downmenu6{ width: 100vw; left: -600%; } /* オフィスを探す */ #indexnav ul.inav li.navlist .downmenu ul.dmlist1 { /* width: 100vw; */ /* max-width: 585px; */ max-width:800px; margin-right: auto; margin-left: auto; display: flex; /* align-items: center; */ justify-content: space-between; flex-wrap: wrap; padding: 10px 0; padding-top: 40px; border: 0; box-sizing: border-box; /* background-color: #888; */ height: auto; } #indexnav ul.inav li.navlist .downmenu ul.dmlist1 .textlink a .link_img{ width: 145px; height: 80px; background-color: #1D4C85; border-radius: 10px; display: flex; align-items: center; justify-content: center; position:relative; } #indexnav ul.inav li.navlist .downmenu ul.dmlist1 .textlink a .link_img_1 img{ width: 24px; } #indexnav ul.inav li.navlist .downmenu ul.dmlist1 .textlink a .link_img_2 img{ width: 31px; } #indexnav ul.inav li.navlist .downmenu ul.dmlist1 .textlink a .link_img_3 img{ width: 37px; } #indexnav ul.inav li.navlist .downmenu ul.dmlist1 .textlink a .link_img_txt{ color: #000; font-size: 16px; text-align: center; padding-top: 15px; line-height: 1.3; } #favorHsp { position: absolute; top: 10px; right: 30%; width: 22px; height: 22px; background-color: #f00; color: #fff; border: 1px solid #fff; border-radius: 50%; font-size: 80%; display: flex; align-items: center; justify-content: center; } @media (max-width: 768px) { #favorHsp { width:20px; height:20px; font-size:100%; top:5px; right:10%; } } /* 居抜きオフィスvivit */ #indexnav ul.inav li.navlist .downmenu.downmenu1{ /* height: 222px; */ /* height: 202px; */ height: 274px; } .downmenu1 .vivit_tab{ padding-top: 13px; padding-bottom: 13px; /* max-width: 1120px; */ /* margin-right: auto; */ /* margin-left: auto; */ display: flex; padding-right: 100px; padding-left: 100px; justify-content: space-between; } .vivit_tab_title { width: 23%; } .vivit_tab_title a { padding-top: 20%; display:block; } .vivit_tab_title .vivit_button_text { font-size: 1.2rem; font-weight: bold; padding-top: 10px; padding-bottom: 10px; background-color: #1d4c84; color: #fff; border-radius: 10px; margin-top: 25%; } .vivid_tab_content { width: 65%; } .dmlist2{ display: flex; align-items: center; justify-content: flex-start; /* padding-top: 26px; */ flex-wrap: wrap; } .dmlist2 .textlink { width: 50%; padding-top: 3%; } .dmlist2 .textlink a{ display: flex; align-items: center; } .dmlist2 .textlink a .nav_arrows{ width: 18.82px; height: 18.82px; } .dmlist2 .textlink a .link_img_txt2{ font-size: 14px; letter-spacing: 0.06em; color: #000; padding-left: 10px; text-align: left; } .dmlist2 .vivit1{ /* padding-left: 65px; */ } .dmlist2 .vivit2{ /* padding-left: 115px; */ } .dmlist2 .vivit3{ /* padding-left: 80px; */ } .dmlist2 .vivit4{ /* padding-left: 65px; */ } .dmlist2 .vivit5{ /* padding-left: 47px; */ } .dmlist2 .vivit6{ /* padding-left: 76px; */ } .dmlist2 .vivit7{ /* padding-left: 83px; */ } .downmenu1 .vivit_button{ max-width: 976px; /* margin-left: 10vw; */ /* margin-left: auto; */ display: flex; align-items: center; justify-content: space-between; margin-top: 34px; } .downmenu1 .vivit_button li{ /* background-color: #1D4C85; */ width: 43%; height: 42px; border-bottom: solid 4px rgba(76, 175, 80, 0.6); border-radius: 0px 0px 160px 180px/0px 0px 20px 4px; } /* .downmenu1 .vivit_button li::after { position: absolute; content: ""; width: 2px; height: 42px; background-color: #1d4c85; top: 0; right: 0; transform: rotate(-45deg); transform-origin: 0% 100%; } */ .downmenu1 .vivit_button li a{ display: flex; align-items: center; justify-content: left; padding-left: 15px; } .downmenu1 .vivit_button li a p{ color: #000; font-size: 16px; letter-spacing: 0.05em; } /* reborn */ #indexnav ul.inav li.navlist .downmenu.downmenu2{ /* height: 222px; */ /* height: 202px; */ height: auto; } .downmenu2 .reborn_tab{ padding-top: 13px; padding-bottom: 13px; /* height: auto; */ /* max-width: 1100px; */ /* margin-right: auto; */ /* margin-left: auto; */ display: flex; padding-right: 100px; padding-left: 100px; justify-content: space-between; } .reborn_tab_title { width: 23%; } .reborn_tab_title a { padding-top: 20%; display:block; } .reborn_tab_title .reborn_button_text { font-size: 1.2rem; font-weight: bold; padding-top: 10px; padding-bottom: 10px; background-color: #1d4c84; color: #fff; border-radius: 10px; margin-top: 25%; } .reborn_tab_content { width: 65%; } .downmenu2 .reborn_button{ max-width: 625px; /* margin-left: 22vw; */ margin-left: 0; display: flex; align-items: center; justify-content: space-between; margin-top: 35px; } .downmenu2 .reborn_button li{ /* background-color: #1D4C85; */ /* width: 270px; */ width: 50%; height: 42px; border-bottom: solid 4px rgba(76, 175, 80, 0.6); border-radius: 0px 0px 160px 180px/0px 0px 20px 4px; } /* .downmenu2 .reborn_button li::after { position: absolute; content: ""; width: 2px; height: 42px; background-color: #1d4c85; top: 0; right: 0; transform: rotate(-45deg); transform-origin: 0% 100%; } */ .downmenu2 .reborn_button li a{ display: flex; align-items: center; justify-content: left; padding-left: 10px; } .downmenu2 .reborn_button li a p{ color: #000; font-size: 16px; letter-spacing: 0.05em; } /* セットアップオフィス */ #indexnav ul.inav li.navlist .downmenu.downmenu3{ /* height: 222px; */ /* height: 202px; */ height: auto; } .downmenu3 .setup_tab{ /* padding-top: 11.3px; */ /* max-width: 1100px; margin-right: auto; margin-left: auto; */ padding-top: 13px; padding-bottom: 13px; display: flex; padding-right: 100px; padding-left: 100px; justify-content: space-between; } .setup_tab_title { width: 23%; } .setup_tab_title a { padding-top: 20%; display:block; } .setup_tab_title .setup_button_text { font-size: 1.2rem; font-weight: bold; padding-top: 10px; padding-bottom: 10px; background-color: #1d4c84; color: #fff; border-radius: 10px; margin-top: 25%; } .setup_tab_content { width: 65%; } .downmenu3 .setup_button{ max-width: 615px; /* margin-left: 22vw; */ display: flex; align-items: center; justify-content: space-between; margin-top: 35px; } .downmenu3 .setup_button li{ /* background-color: #1D4C85; */ /* width: 270px; */ width: 60%; height: 42px; border-bottom: solid 4px rgba(76, 175, 80, 0.6); border-radius: 0px 0px 160px 180px/0px 0px 20px 4px; } /* .downmenu3 .setup_button li::after { position: absolute; content: ""; width: 2px; height: 42px; background-color: #1d4c85; top: 0; right: 0; transform: rotate(-45deg); transform-origin: 0% 100%; } */ .downmenu3 .setup_button li a{ display: flex; align-items: center; justify-content: left; padding-left: 10px; } .downmenu3 .setup_button li a p{ color: #000; font-size: 16px; letter-spacing: 0.05em; line-height: 1.2; } .downmenu3 .setup_button li a p .sp-only{ display: none; } /* レンタルサイトオフィス */ #indexnav ul.inav li.navlist .downmenu.downmenu4{ /* height: 280px; */ height: 260px; } .downmenu4 .rental_tab{ /* padding-top: 11.3px; max-width: 1030px; margin-right: auto; margin-left: auto; */ padding-top: 13px; padding-bottom: 13px; display: flex; padding-right: 100px; padding-left: 100px; justify-content: space-between; } .rental_tab_title { width: 23%; } .rental_tab_title a { padding-top: 20%; display:block; } .rental_tab_title .rental_button_text { font-size: 1.2rem; font-weight: bold; padding-top: 10px; padding-bottom: 10px; background-color: #1d4c84; color: #fff; border-radius: 10px; margin-top: 25%; } .rental_tab_content { width: 65%; } .downmenu4 .rental_button{ max-width: 985px; margin-left:1.5vw; /* margin-right: auto; margin-left: auto; */ display: flex; align-items: center; justify-content: space-between; margin-top: 45px; } .downmenu4 .rental_button li{ background-color: #1D4C85; width: 270px; height: 45px; } .downmenu4 .rental_button li a{ display: flex; align-items: center; justify-content: center; } .downmenu4 .rental_button li a p{ color: #fff; font-size: 16px; letter-spacing: 0.05em; line-height: 1.3; } /* .downmenu4 .rental_tab .dmlist2{ padding-top: 23px; } */ .rental_tab .dmlist2 .rental2{ /* padding-left: 173px; */ } .rental_tab .dmlist2 .rental3{ /* padding-left: 73px; */ } .rental_tab .dmlist2 .rental4{ /* padding-left: 193px; */ } .rental_tab .dmlist2 .rental6{ /* padding-left: 170px; */ } .rental_tab .dmlist2 .rental7{ /* padding-left: 210px; */ } .rental_tab .dmlist2 .rental8{ /* padding-left: 130px; */ } .rental_tab .dmlist2 .rental10{ /* padding-left: 123.7px; */ } @media (max-width: 1100px) { .rental_tab .dmlist2 .rental2{ padding-left: 30px; } .rental_tab .dmlist2 .rental3{ padding-left: 30px; } .rental_tab .dmlist2 .rental4{ padding-left: 30px; } .rental_tab .dmlist2 .rental6{ padding-left: 30px; } .rental_tab .dmlist2 .rental7{ padding-left: 30px; } .rental_tab .dmlist2 .rental8{ padding-left: 30px; } .rental_tab .dmlist2 .rental10{ padding-left: 30px; } } /* 移転事例 */ #indexnav ul.inav li.navlist .downmenu5 ul.dmlist1 { /* width: 100vw; */ max-width: 365px; /* margin-left: 31vw; */ /* margin-right: auto; */ /* margin-left: auto; */ display: flex; /* align-items: center; */ justify-content: space-between; flex-wrap: wrap; padding: 10px 0; padding-top: 38.4px; border: 0; box-sizing: border-box; /* background-color: #888; */ height: 100%; } #indexnav ul.inav li.navlist .downmenu5 ul.dmlist1 .textlink a .link_img{ width: 145px; height: 85px; background-color: #1D4C85; border-radius: 2px; display: flex; align-items: center; justify-content: center; border-radius: 10px; } #indexnav ul.inav li.navlist .downmenu5 ul.dmlist1 .textlink a .link_img_1 img{ width: 26px; /* height: 100%; */ } #indexnav ul.inav li.navlist .downmenu5 ul.dmlist1 .textlink a .link_img_2 img{ width: 45px; } #indexnav ul.inav li.navlist .downmenu5 ul.dmlist1 .textlink a .link_img_txt{ color: #000; font-size: 16px; text-align: center; padding-top: 16.5px; } /* 支援ツール */ #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 { /* width: 100vw; */ width: 90%; max-width: 1200px; margin-right: auto; margin-left: auto; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 10px 0; padding-top: 40px; border: 0; box-sizing: border-box; height: 100%; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .iten1-1{ margin-left: 15px; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .iten1-2{ margin-left: 10px; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .iten1-3{ margin-left: 5px; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .iten1-4{ margin-left: 10px; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .iten1-5{ margin-left: 10px; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .iten1-6{ margin-left: 5px; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .textlink a .link_img{ width: 80px; height: 83px; background-color: #1D4C85; border-radius: 2px; display: flex; align-items: center; justify-content: center; margin-right: auto; margin-left: auto; border-radius: 10px; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .textlink a .link_img_1 img{ width: 44px; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .textlink a .link_img_2 img{ width: 35px; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .textlink a .link_img_3 img{ width: 43px; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .textlink a .link_img_4 img{ width: 34px; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .textlink a .link_img_5 img{ width: 40px; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .textlink a .link_img_6 img{ width: 34px; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .textlink a .link_img_7 img{ width: 34px; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .textlink a .link_img_8 img, #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .textlink a .link_img_9 img{ width: 36px; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .textlink a .link_img_txt{ color: #000; font-size: 16px; text-align: center; padding-top: 16.5px; } .sp-tolist{ display: none; } /* sp (スマホデザイン)*/ @media (max-width: 1200px) { .dmlist2 .vivit1{ padding-left: 10px; } .dmlist2 .vivit2{ padding-left: 10px; } .dmlist2 .vivit3{ padding-left: 10px; } .dmlist2 .vivit4{ padding-left: 10px; } .dmlist2 .vivit5{ padding-left: 10px; } .dmlist2 .vivit6{ padding-left: 10px; } .dmlist2 .vivit7{ padding-left: 10px; } .dmlist2{ justify-content: space-between; } .downmenu1 .vivit_button{ width: 98%; margin-right: auto; margin-left: auto; } .downmenu1 .vivit_button li{ max-width: 270px; width: 33%; } .downmenu2 .reborn_button{ width: 98%; margin-right: auto; margin-left: auto; } .downmenu3 .setup_button{ width: 98%; margin-right: auto; margin-left: auto; } .downmenu4 .rental_button{ width: 98%; margin-right: auto; margin-left: auto; } .downmenu4 .rental_button li{ max-width: 270px; width: 33%; } .rental_tab .dmlist2 .rental2{ padding-left: 10px; } .rental_tab .dmlist2 .rental3{ padding-left: 20px; } .rental_tab .dmlist2 .rental4{ padding-left: 20px; } .rental_tab .dmlist2 .rental6{ padding-left: 20px; } .rental_tab .dmlist2 .rental7{ padding-left: 20px; } .rental_tab .dmlist2 .rental8{ padding-left: 20px; } .rental_tab .dmlist2 .rental10{ padding-left: 20px; } #indexnav ul.inav li.navlist .downmenu5 ul.dmlist1{ margin-right: auto; margin-left: auto; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1{ margin-right: auto; margin-left: auto; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .iten1-1{ margin-left: 0; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .iten1-2{ margin-left: 0; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .iten1-3{ margin-left: 0; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .iten1-4{ margin-left: 0; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .iten1-5{ margin-left: 0; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .iten1-6{ margin-left: 0; } .vivit_tab_title { width: 100%; } .vivit_tab_title .vivit_button_text { margin-top: 5%; } .vivid_tab_content { width: 100%; } .dmlist2 .textlink { width: 100%; } .downmenu1 .vivit_button li::after { height: 39px; } .reborn_tab_title { width: 100%; } .reborn_tab_title .reborn_button_text { margin-top: 5%; } .reborn_tab_content { width: 100%; } .dmlist3 .textlink { width: 100%; } .downmenu2 .reborn_button li::after { height: 30px; } .setup_tab_title { width: 100%; } .setup_tab_title .setup_button_text { margin-top: 5%; } .setup_tab_content { width: 100%; } .dmlist4 .textlink { width: 100%; } .downmenu3 .setup_button li::after { height: 30px; } .rental_tab_title { width: 100%; } .rental_tab_title .rental_button_text { margin-top: 5%; } .rental_tab_content { width: 100%; } .dmlist5 .textlink { width: 100%; } } .clase_btn{ display: none; } @media (max-width: 768px) { #header_inner #h_logo{ top: 5px; } #header_inner{ padding-top: 0; } #fixed_nav{ /* margin-top: 10px; */ height: 92px; } #fixed_nav .inav{ flex-wrap: wrap; } #indexnav ul.inav li.navlist .downmenu{ top: 200%; height: auto; } #indexnav ul.inav li.navlist .tolist{ font-size: 10px; } #indexnav ul.inav li.sp-navlist1{ border-right: solid 1px #fff; } #indexnav ul.inav li.sp-navlist2{ border-right: solid 1px #fff; } #indexnav ul.inav li.sp-navlist4{ border-right: solid 1px #fff; border-top: solid 1px #fff; } #indexnav ul.inav li.sp-navlist5{ border-right: solid 1px #fff; border-top: solid 1px #fff; } #indexnav ul.inav li.sp-navlist6{ border-right: solid 1px #fff; border-top: solid 1px #fff; } #indexnav ul.inav li.sp-navlist7{ border-top: solid 1px #fff; } #indexnav ul.inav li.sp-navlist1,#indexnav ul.inav li.sp-navlist2,#indexnav ul.inav li.sp-navlist3{ width: 33.33%; height: 46px; } #indexnav ul.inav li.sp-navlist4,#indexnav ul.inav li.sp-navlist5,#indexnav ul.inav li.sp-navlist6,#indexnav ul.inav li.sp-navlist7{ width: 25%; height: 46px; } .textlink { width: 50%; } /* オフィスを探す */ .sp-tolist{ display: block; } #indexnav ul.inav li.navlist .downmenu ul.dmlist1{ max-width: 287px; padding-top: 21.6px; flex-wrap: wrap; justify-content: space-between; } #indexnav ul.inav li.navlist .downmenu ul.dmlist1 .textlink { width:33%; } #indexnav ul.inav li.navlist .downmenu ul.dmlist1 .textlink a .link_img{ width: 66px; height: 66px; margin-right: auto; margin-left: auto; } #indexnav ul.inav li.navlist .downmenu ul.dmlist1 .textlink a .link_img_txt{ font-size: 14px; padding-top: 13px; text-align: center; } /* vivit */ #indexnav ul.inav li.navlist .downmenu.downmenu1{ height: 400px !important; overflow: auto; } .dmlist2{ flex-direction: column; } .downmenu1 .vivit_tab{ padding-top: 18px; /* max-width: 250px; */ /* margin-right: auto; */ margin-right: 15.5vw; margin-left: 15.5vw; display: block; padding-right: 0; padding-left: 0; } .downmenu1 .vivit_tab .dmlist2{ display: block; padding-top: 0; } .dmlist2 .textlink a .link_img_txt2{ font-size: 14px; } .dmlist2 .vivit2,.dmlist2 .vivit3,.dmlist2 .vivit5,.dmlist2 .vivit6,.dmlist2 .vivit7{ padding-left: 0; } .downmenu1 .vivit_button{ flex-direction: column; width: 100%; } .downmenu1 .vivit_button li{ width: 100%; max-width: 229.27px; margin-right: auto; margin-left: 15px; height: 30px; margin-bottom: 21px; } .downmenu1 .vivit_button li a p{ font-size: 14px; } /* reborn */ #indexnav ul.inav li.navlist .downmenu.downmenu2{ /* height: 526px; */ height: 400px !important; overflow: auto; } .dmlist2{ flex-direction: column; } .downmenu2 .reborn_tab{ padding-top: 18px; margin-right: 15.5vw; margin-left: 15.5vw; display: block; padding-right: 0; padding-left: 0; } .downmenu2 .reborn_tab .dmlist2{ display: block; padding-top: 0; } .dmlist2 .textlink a .link_img_txt2{ font-size: 14px; } .dmlist2 .vivit2,.dmlist2 .vivit3,.dmlist2 .vivit5,.dmlist2 .vivit6,.dmlist2 .vivit7{ padding-left: 0; } .downmenu2 .reborn_button{ flex-direction: column; width: 100%; } .downmenu2 .reborn_button li{ width: 100%; /* max-width: 229.27px; */ /* margin-right: auto; */ /* margin-left: 15px; */ height: 30px; margin-bottom: 21px; } .downmenu2 .reborn_button li a p{ font-size: 13px; padding-left: 5px; } /* セットアップ */ #indexnav ul.inav li.sp-navlist4 .tolist{ width: 100%; margin-right: auto; margin-left: auto; flex-direction: column; line-height: 0.8; } #indexnav ul.inav li.sp-navlist4 .tolist span{ letter-spacing: -0.08em; transform:scale(0.99); } #indexnav ul.inav li.sp-navlist4 .downmenu{ top: 100%; } #indexnav ul.inav li.navlist .downmenu.downmenu3{ left: 0; height: auto; } #indexnav ul.inav li.navlist .downmenu.downmenu3{ /* height: 469px; */ height: 400px !important; overflow: auto; } .downmenu3 .setup_tab{ padding-top: 18px; margin-right: 15.5vw; margin-left: 15.5vw; display: block; padding-right: 0; padding-left: 0; } .downmenu3 .setup_tab .dmlist2{ display: block; padding-top: 0; } .dmlist2 .textlink a .link_img_txt2{ font-size: 14px; } .dmlist2 .vivit2,.dmlist2 .vivit3,.dmlist2 .vivit5,.dmlist2 .vivit6,.dmlist2 .vivit7{ padding-left: 0; } .downmenu3 .setup_button{ flex-direction: column; width: 100%; } .downmenu3 .setup_button li{ width: 100%; /* max-width: 229.27px; margin-right: auto; margin-left: 15px; */ height: 30px; margin-bottom: 21px; } .downmenu3 .setup_button li a p{ font-size: 11px; padding-left: 5px; } .downmenu3 .setup_button li a p .sp-only{ display: block; } .downmenu3 .setup_button li a p span{ display: none; } /* レンタルオフィス */ #indexnav ul.inav li.sp-navlist5 .tolist{ width: 100%; margin-right: auto; /* transform:scale(0.9); */ } #indexnav ul.inav li.sp-navlist5 .downmenu{ top: 100%; } #indexnav ul.inav li.navlist .downmenu.downmenu4{ left: -100%; } #indexnav ul.inav li.navlist .downmenu.downmenu4{ height: 400px!important; overflow: auto; } .downmenu4 .rental_tab{ padding-top: 18px; margin-right: 15.5vw; margin-left: 15.5vw; display: block; padding-right: 0; padding-left: 0; } .downmenu4 .rental_tab .dmlist2{ display: block; /* align-items: center; */ /* justify-content: flex-start; */ padding-top: 0; } .downmenu4 .rental_tab .dmlist2.sp_flex{ display: flex; flex-wrap: wrap; flex-direction: row; /* align-items: center; */ /* justify-content: flex-start; */ padding-top: 0; } .downmenu4 .rental_tab .dmlist2.sp_flex li{ width: 50%; } .dmlist2 .textlink a .link_img_txt2{ font-size: 14px; } .dmlist2 .vivit1,.dmlist2 .vivit2,.dmlist2 .vivit3,.dmlist2 .vivit4,.dmlist2 .vivit5,.dmlist2 .vivit6,.dmlist2 .vivit7{ padding-left: 0; } .downmenu4 .rental_button{ flex-direction: column; width: 100%; } .downmenu4 .rental_button li{ width: 100%; max-width: 229.27px; margin-right: auto; margin-left: 15px; height: 30px; margin-bottom: 21px; } .downmenu4 .rental_button li a p{ font-size: 14px; } .downmenu4 .rental_button li a p .pc-only{ display: none; } .downmenu4 .rental_button li a p span{ display: none; } .rental_tab .dmlist2 .rental2{ padding-left: 0; } .rental_tab .dmlist2 .rental3{ padding-left: 0; } .rental_tab .dmlist2 .rental4{ padding-left: 0; } .rental_tab .dmlist2 .rental6{ padding-left: 0; } .rental_tab .dmlist2 .rental7{ padding-left: 0; } .rental_tab .dmlist2 .rental8{ padding-left: 0; } .rental_tab .dmlist2 .rental9{ padding-left: 0; } .rental_tab .dmlist2 .rental10{ padding-left: 0; } /* 移転事例 */ #indexnav ul.inav li.navlist .downmenu.downmenu5{ top: 100%; left: -200%; height: auto !important; } #indexnav ul.inav li.navlist .downmenu5 ul.dmlist1{ max-width: 180px; padding-top: 21.6px; } #indexnav ul.inav li.navlist .downmenu5 ul.dmlist1 .textlink a .link_img{ width: 66px; height: 66px; margin-right: auto; margin-left: auto; } #indexnav ul.inav li.navlist .downmenu5 ul.dmlist1 .textlink a .link_img_2 img{ width: 41px; height: 35px; } #indexnav ul.inav li.navlist .downmenu5 ul.dmlist1 .textlink a .link_img_txt{ font-size: 14px; padding-top: 12px; text-align: center; } /* 移転支援 */ #indexnav ul.inav li.navlist .downmenu.downmenu6{ top: 100%; left: -300%; /* height: 517px; */ height: 400px !important; overflow: auto; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1{ max-width: 320px; padding-top: 21.6px; position: relative; height: auto; flex-wrap: wrap; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1::after{ content: ""; width: 33%; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 li{ width: 33%; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .textlink a .link_img{ width: 66px; height: 66px; margin-right: auto; margin-left: auto; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .textlink a .link_img_2 img{ width: 41px; height: 35px; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .textlink a .link_img_txt{ font-size: 14px; padding-top: 14.7px; text-align: center; } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 li.textlink{ margin-bottom: 5px; /* height: auto; */ } #indexnav ul.inav li.navlist .downmenu6 ul.dmlist1 .iten1-1 a{ padding-bottom: 0px; height: auto; } /* 閉じるボタン */ .clase_btn{ max-width: 277px; margin-right: auto; margin-left: auto; height: 30px; background-color: #A09A9A; display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 30px; } .clase_btn p{ font-size: 12px; color: #fff; text-align: center; } .clase_btn .sp_up{ color: #fff; font-size: 20px; position: absolute; top: 10px; right: 10px; } #fixed_nav.sp_isactive_bgc1{ background-color: #A4D3ED; } #indexnav ul.inav li.navlist.on{ background-color: #1D4C85; } .downmenu1 .vivit_button li { max-width: 100%; padding-left: 10px; margin-left: 0; height: 40px; text-align: center; } } #indexnav ul.inav li.navlist.sp-navlist7 .tolist .pc-only{ display: none; } /* 共通 */ @media (max-width: 768px) { #indexnav ul.inav li.navlist::before{ display: none; } /* 親要素に display:inline-block; を追加*/ #indexnav ul.inav li.navlist.sp-navlist7::after{ display: none; } #indexnav ul.inav li.navlist.sp-navlist7 .tolist .pc-only{ display: block; } } @media (max-width: 500px){ #header_inner #h_logo{ top: 15px; } } @supports (-ms-ime-align:auto) { #indexnav ul.inav li.navlist .downmenu ul.dmlist1{ height: auto; } @media (max-width: 320px) { .downmenu1 .vivit_tab,.downmenu2 .reborn_tab{ margin-right: auto; margin-left: auto; } } } /* Firefoxのみ適用 */ @-moz-document url-prefix() { #indexnav ul.inav li.navlist.sp-navlist4 .tolist{ line-height: 1.6; } } /* 最後に消す */ /* #header_inner{ height: 90px; } */ /* 20220411 korenaga */ .font-jost { font-family: 'Jost', sans-serif; } @media (min-width: 769px) { #fixed_header_new{ position: fixed; width: 100%; background-color:#fff; z-index:11; } #fixed_header_new #header_inner_new { height: 80px; width: 100%; max-width: 1260px; margin: 0 auto; position: relative; } #fixed_header_new #header_inner_new #h_logo { width: 215px; height: 50px; position: absolute; left: 0; top: 25px; } #fixed_header_new #header_inner_new h1 { font-size: 90%; color: #1D4C85; font-family: 'Noto Sans JP', sans-serif; } #fixed_header_new #header_inner_new ul#headnav_new li a span.icons { font-family: 'Noto Sans JP', sans-serif; } #fixed_header_new #header_inner_new ul#headnav_new li a span.inqs { background: url(https://www.officetar.jp/img/header_icon/mail-w.svg) top 5px center no-repeat; background-size: 25%; } #fixed_header_new #header_inner_new ul#headnav_new li a span.blogs { background: url(https://www.officetar.jp/img/header_icon/kiji-w.svg) top 5px center no-repeat; background-size:18%; } #fixed_header_new #header_inner_new ul#headnav_new li a span.fdls { background: url(https://www.officetar.jp/img/header_icon/downroad-w.svg) top 5px center no-repeat; background-size:20%; } #fixed_header_new #header_inner_new ul#headnav_new { position: absolute; top: 10px; right: 0px; display: flex; height: 60px; align-items: center; background-color:#1D4C85; border-radius:10px; } #fixed_header_new #header_inner_new ul#headnav_new li { min-width:110px; border-right: 1px solid #fff; } #fixed_header_new #header_inner_new ul#headnav_new li .pctel { display:flex; align-items:center; padding:0px 10px; } #fixed_header_new #header_inner_new ul#headnav_new li .pctel .telmark { width: 45px; padding-right: 10px; box-sizing:border-box; margin-bottom:0; } #fixed_header_new #header_inner_new ul#headnav_new li .pctel .teltext { margin-bottom:0; } #fixed_header_new #header_inner_new ul#headnav_new li .pctel .teltext span { color:#fff; } .icons { color: #fff; padding-top: 25px; text-align: center; width: 100%; display: block; font-size: 90%; } #fixed_header_new #header_inner_new ul#headnav_new .telno { font-size:150%; font-weight:300; display:block; line-height:0.8; padding-top:3px; } #fixed_header_new #header_inner_new ul#headnav_new .opentime { font-size:85%; text-align:center; display:block; font-family: 'Noto Sans JP', sans-serif; } } @media (max-width: 768px) { #fixed_header_new #header_inner_new ul#headnav_new li a span.inqs {background: url(https://www.officetar.jp/img/header_icon/mail-bl.svg) top 5px center no-repeat; } #fixed_header_new #header_inner_new ul#headnav_new li a span.blogs { background: url(https://www.officetar.jp/img/header_icon/kiji-bl.svg) top 5px center no-repeat; } #fixed_header_new { position:fixed; top:0; left:0; z-index:10; background-color:#fff; width:100%; } #fixed_header_new #header_inner_new { padding:10px; color:#1D4C85; position:relative; min-height: 53px; } #fixed_header_new #header_inner_new h1 { font-size:60%; margin-top:-8px; margin-left:-3px; line-height:1.2; /* min-height:1.2rem; */ margin-bottom: 5px; } #fixed_header_new #header_inner_new #h_logo { position:static; height:inherit; } #fixed_header_new #header_inner_new ul#headnav_new { position: absolute; /* top: 10px; right: 10px; */ /* top: 12px; */ bottom:3px; right: 3px; display: flex; height: 40px; align-items: center; } #fixed_header_new #header_inner_new ul#headnav_new li { width: 40px; margin-right: 15px; } #fixed_header_new #header_inner_new ul#headnav_new li .pctel { display:none; } #fixed_header_new #header_inner_new ul#headnav_new li a.only-sp { width:35px; } #fixed_header_new #header_inner_new ul#headnav_new li a span.icons { font-size: 70%; color: #1D4C85; display: block; width: 40px; padding-top: 25px; } #fixed_header_new #header_inner_new ul#headnav_new li a span.inqs { background-size: 65%; } #fixed_header_new #header_inner_new ul#headnav_new li a span.blogs { background-size: 45%; } } /* 20221209 korenaga キャンペーンバナー非表示(キャッシュ用) */ .wwcmpbnr { display:none; }