@charset "UTF-8"; /***** reset *****/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } .clearfix:after { content: ""; display: block; clear: both; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ main, main textarea { line-height: 1.3; font-family: "Noto Sans JP", "Noto Sans CJK JP","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust: none; color: #27292F; } main input { font-family: "Noto Sans JP", "Noto Sans CJK JP","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust: none; -webkit-text-size-adjust: none; color: #27292F; } /* IE表示用のCSS */ _:-ms-input-placeholder, :root main{ font-family: Meiryo, sans-serif; } /**** /reset *****/ .bMenu { color: #fff; } .bMenu a { color: inherit; } .bMenu a:hover { /*opacity: 1;*/ } .bMenu__inner { margin: auto; } .bMenu__header { height: 39px; padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #282a2f; } .bMenu__open { -webkit-appearance: none; border: none; background: none; padding: 0; outline: none; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; } .bMenu__open span { display: block; width: 21px; height: 21px; position: absolute; top: 50%; right: 0; margin: -11px 0 0; } .bMenu__open span::before, .bMenu__open span::after { content: ""; display: block; position: absolute; top: 10px; right: 0; width: 21px; height: 1px; background: #ffffff; -webkit-transform-origin: center center; transform-origin: center center; } .bMenu__open span::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .bMenu__open.open span { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .bMenu__logo { margin: 0; line-height: 1; } /*202202修正*/ .bMenu__logo .sp { width: 87px; height: auto; } /*202202修正ここまで*/ .bMenu__logo .pc { display: none; } .bMenu__content { background: rgba(42,40,47,0.9); position: absolute; z-index: 5; width: 100%; height: 0; overflow: hidden; /*-webkit-transition: height .3s ease; transition: height .3s ease;*/ opacity: 0; transition: 1s; } .bMenu__content.show { height: auto; opacity: 1; /* height: 100vh;*/ } .bMenu__main { margin: 0; padding: 0; list-style: none; border-top: 1px solid #ffffff; } .bMenu__mainItem { border-bottom: 1px solid #ffffff; display: block; color: #ffffff; font-size: 3.8vw; line-height: 13vw; font-weight: bold; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; background: rgba(42,40,47,1); } .bMenu__mainItem a { display: block; padding: 0 25px; } .bMenu__subMenu { list-style: none; padding: 0; } .bMenu__subMenu a { padding: 0 40px; } .bMenu__subMenuItem { border-top:none; } .bMenu__other { margin: 0; padding: 0; list-style: none; } .bMenu__otherItem { border-bottom: 1px solid #ffffff; display: block; color: #ffffff; font-size: 3.8vw; line-height: 13vw; font-weight: bold; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; background: rgba(42,40,47,1); } .bMenu__otherItem a { display: block; padding: 0 25px; } .industryNav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .industryNav__item { width: 33.3333%; border-right: 1px solid #D3D3D4; border-bottom: 1px solid #D3D3D4; -webkit-box-sizing: border-box; box-sizing: border-box; } .industryNav__item img{ max-width: 120px!important; width: 100%; } .industryNav__item--3, .industryNav__item--6 { border-right: none; } .industryNav__item--4, .industryNav__item--5 { width: 26.8%; } .industryNav__item.industryNav__item--6{ max-width: 46.4%; width: 46.4%; } .industryNav__item.industryNav__item--6 img { max-width: 240px!important; width: 100%; } .industryNav__item a { display: block; text-align: center; position: relative; } .industryNav__item a .on { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0; } /*202202修正*/ .industryNav__item a img{ z-index: 1; } .industryNav__item a .nav-text{ position: absolute; top: 52%; left: 54%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-size: 13px; font-weight: 700; display: inline-block; z-index: 2; white-space: nowrap; } /*202202ここまで*/ .industryNav__item.on a, .industryNav__item a:hover { background: #f5e928; opacity: 1; } .industryNav__item.on a .on, .industryNav__item a:hover .on { opacity: 1; } .industryNav__item img { max-width: 100%; } .pcSubMenu { display: none; } .spHeader__image { width: 100%; } .spHeader__image img { width: 100%; height: auto; } .spHeader__text { margin: 0; line-height: 55px; text-align: center; font-size: 18px; } .leftNav { padding: 0 15px 15px; } .leftNav__info { display: none; } .leftNav__searchHeading { font-size: 17px; font-weight: bold; text-align: center; } .leftNav__total { text-align: center; font-size: 13px; margin: 5px 0 0; padding: 0 0 15px; border-bottom: 1px solid #231815; } .leftNav__num { font-size: 27px; } .leftNav__nowHeading { font-size: 10px; padding: 10px; } .leftNav__nowList { font-size: 10px; padding: 0 10px; } .leftNav__openBtn { -webkit-appearance: none; border: none; background: #0d2ea1; padding: 0; outline: none; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; color: #fff; display: block; width: 100%; height: 50px; line-height: 50px; position: relative; cursor: pointer; } .leftNav__openBtn::after { content: ""; display: block; width: 11px; height: 6px; background: url(../img/search_arrow_down.png) no-repeat; position: absolute; top: 50%; right: 25px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: all .3s ease; transition: all .3s ease; } .leftNav__openBtn.open::after { -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } .leftSearch { display: none; } .leftSearch__heading { color: #fff; font-weight: 500; font-size: 12px; cursor: pointer; display: block; margin: 0 0 1px; padding: 15px 10px; background: #282a2f; position: relative; } .leftSearch__heading__spIcon { position: absolute; top: 50%; right: 20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; display: block; } .leftSearch__heading__spIcon::before, .leftSearch__heading__spIcon::after { content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 6px; height: 2px; background-color: #27292f; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftSearch__heading__spIcon::after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .open .leftSearch__heading__spIcon::after { -webkit-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); } .leftSearch__list { margin: 0; padding: 17px 10px; background: #fff; list-style: none; font-size: 12px; font-weight: 700; display: none; } .leftSearch__item { position: relative; margin: 0 0 15px; } .leftSearch__item--thin { font-weight: 500; } .leftSearch__item label { display: block; padding: 0 0 0 20px; cursor: pointer; p: relative; } .leftSearch__item input { visibility: hidden; position: absolute; } .leftSearch__item .checkboxIcon { position: absolute; top: 2px; left: 4px; } .leftSearch__item .checkboxIcon::before, .leftSearch__item .checkboxIcon::after { content: ''; display: block; position: absolute; top: 50%; left: 0; } .leftSearch__item .checkboxIcon::before { border: 1px solid #282a2f; z-index: 1; width: 9px; height: 9px; margin-top: 1px; background: #fff; } .leftSearch__item .checkboxIcon::after { border-right: 2px solid #292d30; border-bottom: 2px solid #292d30; -webkit-transform: rotate(30deg); transform: rotate(30deg); left: 50%; top: 1px; z-index: 2; width: 4px; height: 7px; margin: -1px 0 0 3px; opacity: 0; } .leftSearch__item input:checked + .checkboxIcon::after { opacity: 1; } .leftSearch__child { padding: 0 0 0 13px; list-style: none; } .leftSearch__childItem { position: relative; font-weight: 500; margin: 0 0 1px; } .main__heading { display: none; } .rightNav { display: none; } /*202102修正*/ .rightNav__float.fix { position: fixed; top:60px; z-index: 9999; } /*202102修正ここまで*/ .rightNav__float.staticBottom { position: absolute; top: auto; bottom: 0; } .rightDocs { background: url(../img/right_bg.png); margin: 0 0 8px; padding: 14px 13px; } .rightDocs__list { margin: 6px 0 0; } .rightDocs__item { margin: 5px 0 0; } .rightDocs__item img{ max-width: 100%; } .rightDocs__more { margin: 10px 0 0; font-size: 13px; font-weight: bold; } .rightDocs__more img{ max-width: 100%; } .rightDocs__more a { display: block; } .rightNav__bnr img { max-width: 100%; } .rental { padding: 50px 15px; border-bottom: 1px solid #4C4948; } .rental__heading { margin: 0; } .rental__heading img { width: 100%; height: auto; } .rental__desc { line-height: 1.6; margin: 20px 0; } .rental__desc .pc { display: none; } .rental__list { margin: 30px 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } .rental__item { width: 45%; } .rental__item img { width: 100%; height: auto; } .rental__step { margin: 30px 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .rental__step__item { width: 22%; position: relative; } .rental__step__item:not(:last-child)::after { content: ""; width: 6.8181818182%; height: 0; padding: 13.6363636364% 0 0; background-image: url(../img/step_arrow.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; right: -12%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .rental__step__item .pc { display: none; } .rental__step__item .sp { width: 100%; height: auto; } .rental__bnr { margin: 40px 0 0; } .rental__bnr img { width: 100%; height: auto; } /*202202修正*/ .spFooterBtn { position: fixed; bottom: 0; left: 0; z-index: 1100; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .spFooterBtn img { width: 100%; height: auto; } .spFooterBtn__item{ width: 50%; padding: 2vw 4vw; } .spFooterBtn__item.ptn1{ background: #80cde9; } .spFooterBtn__item.ptn2{ background: #f0ac36; } .spFooterBtn__item .fl-flex{ display: flex; align-items: center; justify-content: center; } .spFooterBtn__item .fl-flex .icon{ width: 18%; } .spFooterBtn__item .fl-flex .text{ width: 74%; padding-left: 3vw; box-sizing: border-box; font-weight: 700; font-size: 3.3vw; } .st-backToTopFixed{ bottom: 90px; } /*.spFooterBtn::before, .spFooterBtn::after { content: ""; width: calc((100% - 298px) / 2); background-repeat: no-repeat; background-size: cover; } .spFooterBtn::before { background-image: url(../img/sp_footer_blank_l.png); } .spFooterBtn::after { background-image: url(../img/sp_footer_blank_r.png); }*/ .st-wrapper { padding: 0 0 14vw; } .st-backToTopFixed { z-index: 10; } .bMenu.fix{ position: fixed; top:0; left: 0; width: 100%; z-index: 999999; } /*202202修正ここまで*/ /* bnr_slider */ .bnr_slider { position: relative; width: 1050px; margin: 0 auto 60px; } .bnr_slider .swiper-button-prev { left: 0; } .bnr_slider .swiper-button-next { right: 0; } .bnr_slider .swiper-button-prev, .bnr_slider .swiper-button-next { background-image: none; background: #333333; border-radius: 3px; width: 36px; height: 70px; margin-top: -35px; } .bnr_slider .swiper-button-prev:before, .bnr_slider .swiper-button-next:before { content: '\f105'; font-family: fontAwesome; display: block; position: absolute; top: 50%; left: 50%; color: #fff; margin-top: -9px; margin-left: -2px; } .bnr_slider .swiper-button-prev:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .bnr_slider .swiper-container { width: 930px; } .bnr_slider .swiper-button-next.swiper-button-disabled, .bnr_slider .swiper-button-prev.swiper-button-disabled { opacity: .2; } /* bsitemap */ .bsitemap { background: #00276d; } .bsitemap_inner { color: #ffffff; max-width: 1052px; margin: auto; padding: 60px 10px; } .bsitemap_inner > ul { display: flex; justify-content: space-between; } .bsitemap_inner > ul::after { content: none; } .bsitemap a { color: #ffffff; } .bsitemap_parent { vertical-align: top; display: inline-block; margin-top: 30px; } .bsitemap_parent:last-child { margin-right: 0; } .bsitemap_ttl { font-size: 18px; font-weight: bold; } .bsitemap_parent_ttl { font-size: 14px; font-weight: bold; margin-bottom: 30px; } .bsitemap_child { font-size: 12px; } .bsitemap_child li { padding-left: 1em; line-height: 1.83; position: relative; } .bsitemap_child li:before { content: '-'; display: block; position: absolute; top: 0; left: 0; } .bsitemap a[target="_blank"]:after { content: "\f08e"; font-family: FontAwesome; margin-left: 4px; } .modal-tenji{ padding-top: 40px; padding-bottom: 40px; } .modal-tenji h2{ margin-bottom: 20px; width: 420px; margin-left: auto; margin-right: auto; } .modal-tenji .tenji-list{ width: 960px; margin-left: auto; margin-right: auto; padding-bottom: 40px; } .modal-tenji .tenji-list ul{ text-align: center; width: 960px; margin-left: auto; margin-right: auto; font-size: 0; } .modal-tenji .tenji-list li{ width: 276px; margin-right: 20px; display: inline-block; vertical-align: middle; } .modal-tenji .tenji-list li:last-child{ margin-right: 0; } .modal-content .detailClose { position: absolute; bottom: 10px; right: 10px; display: block; width: auto; height: auto; line-height: 0; cursor: pointer; outline: none; } /*202204追記*/ /*.head-box.medical{ background:#FDEFF5; } .head-box.product{ background:#F7E9CC; } .head-box.logistics{ background:#F3E5D5; } .head-box.shop{ background:#DEE7CF; } .head-box.financial{ background:#EBE4F1; } .head-box.other{ background:#DCEFFF; } .head-box.maintenance{ background:#DFEEFA; } .head-box.brother{ background:#C1DEFF; }*/ .head-box.medical{ background: linear-gradient(#ffc7de, #fff3f7); } .head-box.product{ background: linear-gradient(#e9d19e, #fff9ef); } .head-box.logistics{ background: linear-gradient(#f3cda7, #fff6ed); } .head-box.shop{ background: linear-gradient(#c5e492, #f7ffe7); } .head-box.financial{ background: linear-gradient(#d7c0ea, #f9f3ff); } .head-box.other{ background: linear-gradient(#9be4ff, #edf7ff); } .head-box.maintenance{ background: linear-gradient(#9dd4ff, #f1f8ff); } .head-box.brother{ background: linear-gradient(#91c4fd, #e9f3fe); } /*.head-box.event .column__title{ color: #fff; }*/ /*.head-box.medical .column__title{ color: #EC7299; } .head-box.product .column__title{ color: #DA9B00; } .head-box.logistics .column__title{ color: #B6712B; } .head-box.shop .column__title{ color: #549B35; } .head-box.financial .column__title{ color: #7D4698; } .head-box.other .column__title{ color: #22ADD0; } .head-box.maintenance .column__title{ color: #58C3E5; } .head-box.brother .column__title{ color: #004898; }*/ .head-box.medical .column__title{ color: #EC7299; } .head-box.product .column__title{ color: #DA9B00; } .head-box.logistics .column__title{ color: #B6712B; } .head-box.shop .column__title{ color: #549B35; } .head-box.financial .column__title{ color: #7D4698; } .head-box.other .column__title{ color: #0CA2C8; } .head-box.maintenance .column__title{ color: #3B8EC4; } .head-box.brother .column__title{ color: #004898; } @media screen and (min-width: 641px) { .industryNav__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .industryNav__item--4, .industryNav__item--5 { width: auto; } .industryNav__item { width: auto; max-width: 120px; border: none; } .industryNav__item img{ height: 55px!important; } .industryNav__item.industryNav__item--6{ max-width: 210px; } .industryNav__item.industryNav__item--6 img{ max-width: 210px!important; } .sp_only, .sp_only.inline { display: none; } .bMenu { background: #282a2f; height: 59px; } .bMenu__inner { width: 1050px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bMenu__header { height: 100%; padding: 0; } .bMenu__open { display: none; } .bMenu__logo { height: 100%; } .bMenu__logo a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0 12px 0 0; } .bMenu__logo .sp { display: none; } .bMenu__logo .pc { display: inline; width: 130px; } .bMenu__content { height: 100%; width: auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .bMenu__content.show { height: 100%; } .bMenu__main { display: -webkit-box; display: -ms-flexbox; display: flex; border: none; height: 100%; position: relative; } .bMenu__main::before { content: ""; width: 1px; height: 23px; background: #fff; position: absolute; top: 50%; z-index: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .bMenu__mainItem { height: 100%; border: none; font-size: 13px; line-height: 1.3; } /*202303修正*/ .bMenu__mainItem a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; /*padding: 0 10.4px;*/ padding: 0 8px; } /*202303修正ここまで*/ .bMenu__mainItem a:hover { background: #FFF100; color: #27292F; opacity: 1; } /*.bMenu__main li:nth-child(8),.bMenu__main li:nth-child(9){ font-size: 11px; }*/ .bMenu__mainItem::after { content: ""; width: 1px; height: 23px; background: #fff; position: absolute; top: 50%; right: 0; z-index: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .bMenu__subMenu { display: none; } .bMenu__other { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0px 0 0; } /*202303修正*/ .bMenu__other.visible_pc{ display: flex; } /*202303修正ここまで*/ .bMenu__otherItem { border: none; margin: 0 0 0 10px; } .bMenu__otherItem a { text-indent: -9999px; width: 104px; height: 23px; padding: 0; } .bMenu__otherItem--document a { background-image: url(../img/menu_document.png); background-size:100%; } .bMenu__otherItem--rental a { background-image: url(../img/menu_rental.png); background-size:100%; } .bMenu__otherItem--contact a { background-image: url(../img/menu_contact.png); background-size:100%; } .pcSubMenu { position: absolute; right: 0; z-index: 3; width: 100%; min-width: 1050px; left: 0; margin-left: auto; margin-right: auto; padding: 28px 0px 40px; /*box-sizing: border-box;*/ background: #fff; } .pcSubMenu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 1050px; margin: auto; } .pcSubMenu__list#syusei01 li { width: 310px; } .pcSubMenu__list#syusei01 li img { width: 100%; max-width: 310px; } .pcSubMenu__item.new img{ width: 100%; } .pcSubMenu__item.new{ max-width: 154px; } .pcSubMenu__list a { display: block; } .pcSubMenu__list span { display: block; margin: 10px 0 0; color: #333; } .pcSubMenu__list span::before { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 6px; height: 6px; border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -.25em; margin-right: 11px; } .spHeader { display: none; } .contents { width: 1050px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto 50px; } .leftNav { padding: 0; width: 165px; position: relative; } .leftNav__float { width: 165px; position: absolute; } .leftNav__float.fix { position: fixed; top: 0; } .leftNav__float.staticBottom { position: absolute; top: auto; bottom: 0; } .leftNav__info { display: block; padding: 20px 10px; } .leftNav__openBtn { display: none; } .leftSearch { display: block; } .leftSearch__heading { background: #0d2ea1; padding: 10px; } .leftSearch__heading::after { content: ""; display: block; width: 11px; height: 6px; background: url(../img/search_arrow_down.png) no-repeat; position: absolute; top: 50%; right: 10px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leftSearch__heading.open::after { -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); } .leftSearch__heading__spIcon { display: none; } .leftSearch__list { font-size: 13px; } .leftSearch__item__float { pos: absolute; } .leftSearch__item .checkboxIcon { width: 12px; height: 12px; overflow: hidden; } .leftSearch__item .checkboxIcon::before, .leftSearch__item .checkboxIcon::after { width: 100%; height: 100%; margin: 0; } .leftSearch__item .checkboxIcon::before { top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .leftSearch__item .checkboxIcon::after { border: 2px solid #fff; -webkit-transform: rotate(-38deg); transform: rotate(-38deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; top: auto; left: 3px; bottom: 1px; } .leftSearch__item input:checked + .checkboxIcon::before { background: #80CDE9; border: none; } .leftSearch__childItem { font-size: 11px; margin: 5px 0 0; } .main { width: 720px; } .main__heading { display: block; } .main__heading img{ max-width: 100%; } .rightNav { display: block; width: 165px; position: relative; } .rightNav__float { position: absolute; width: 165px; } .rental { width: 720px; margin: auto; padding: 65px 0 15px; /*border-top: 1px solid #4C4948;*/ border-bottom: none; } .rental__heading { text-align: center; } .rental__heading img { width: auto; } .rental__desc { width: 585px; margin: 18px auto; text-align: center; } .rental__desc .pc { display: inline; } .rental__list { margin: 20px 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .rental__item { width: 165px; } .rental__step__item { width: 165px; } .rental__step__item:not(:last-child)::after { width: 6px; height: 12px; padding: 0; right: -13px; } .rental__step__item .pc { display: inline; } .rental__step__item .sp { display: none; } .rental__bnr { text-align: center; } .rental__bnr img { width: auto; } .spFooterBtn { display: none; } .st-wrapper { padding: 0; } .bsitemap_child { display: block!important; } .bMenu__content { opacity: 1; } /*=========マージン設定=========*/ .MA0 { margin:0; } .MRLAuto { margin-left:auto; margin-right:auto; } .MT0 { margin-top:0!important; } .MT5 { margin-top:5px!important; } .MT8 { margin-top:8px!important; } .MT10 { margin-top:10px!important; } .MT15 { margin-top:15px!important; } .MT20 { margin-top:20px!important; } .MT25 { margin-top:25px!important; } .MT30 { margin-top:30px!important; } .MT35 { margin-top:35px!important; } .MT40 { margin-top:40px!important; } .MT45 { margin-top:45px!important; } .MT50 { margin-top:50px!important; } .MT60 { margin-top:60px!important; } .MT70 { margin-top:70px!important; } .MT80 { margin-top:80px!important; } .MT90 { margin-top:90px!important; } .MT95 { margin-top:95px!important; } .MT100 { margin-top:100px!important; } .MR0 { margin-right:0!important; } .MR5 { margin-right:5px!important; } .MR10 { margin-right:10px!important; } .MR15 { margin-right:15px!important; } .MR20 { margin-right:20px!important; } .MR25 { margin-right:25px!important; } .MR30 { margin-right:30px!important; } .MR35 { margin-right:35px!important; } .MR40 { margin-right:40px!important; } .MR45 { margin-right:45px!important; } .MR50 { margin-right:50px!important; } .MR60 { margin-right:60px!important; } .MB0 { margin-bottom:0!important; } .MB5 { margin-bottom:5px!important; } .MB6 { margin-bottom:6px!important; } .MB8 { margin-bottom:8px!important; } .MB10 { margin-bottom:10px!important; } .MB15 { margin-bottom:15px!important; } .MB20 { margin-bottom:20px!important; } .MB25 { margin-bottom:25px!important; } .MB30 { margin-bottom:30px!important; } .MB35 { margin-bottom:35px!important; } .MB36 { margin-bottom:36px!important; } .MB40 { margin-bottom:40px!important; } .MB45 { margin-bottom:45px!important; } .MB50 { margin-bottom:50px!important; } .MB55 { margin-bottom:55px!important; } .MB60 { margin-bottom:60px!important; } .MB65 { margin-bottom:65px!important; } .MB70 { margin-bottom:70px!important; } .MB75 { margin-bottom:75px!important; } .MB80 { margin-bottom:80px!important; } .MB85 { margin-bottom:85px!important; } .MB90 { margin-bottom:90px!important; } .MB100 { margin-bottom:100px!important; } .MB120 { margin-bottom:120px!important; } .MB140 { margin-bottom:140px!important; } .MB150 { margin-bottom:150px!important; } .ML0 { margin-left:0!important; } .ML5 { margin-left:5px!important; } .ML10 { margin-left:10px!important; } .ML15 { margin-left:15px!important; } .ML20 { margin-left:20px!important; } .ML25 { margin-left:25px!important; } .ML30 { margin-left:30px!important; } .ML35 { margin-left:35px!important; } .ML40 { margin-left:40px!important; } .ML45 { margin-left:45px!important; } .ML50 { margin-left:50px!important; } .ML60 { margin-left:60px!important; } .ML70 { margin-left:70px!important; } .ML90 { margin-left:90px!important; } .ML100 { margin-left:100px!important; } /*=========パディング設定=========*/ .PA0 { padding:0;} .PA10 { padding:10px;} .PA20 { padding:20px;} .PA30 { padding:30px;} .PT0 { padding-top:0!important; } .PT5 { padding-top:5px!important; } .PT10 { padding-top:10px!important; } .PT15 { padding-top:15px!important; } .PT20 { padding-top:20px!important; } .PT25 { padding-top:25px!important; } .PT30 { padding-top:30px!important; } .PT35 { padding-top:35px!important; } .PT40 { padding-top:40px!important; } .PT45 { padding-top:45px!important; } .PT50 { padding-top:50px!important; } .PT55 { padding-top:55px!important; } .PT60 { padding-top:60px!important; } .PT65 { padding-top:65px!important; } .PT70 { padding-top:70px!important; } .PT75 { padding-top:75px!important; } .PT80 { padding-top:80px!important; } .PT90 { padding-top:90px!important; } .PT100 { padding-top:100px!important; } .PT115 { padding-top:115px!important; } .PT120 { padding-top:120px!important; } .PR0 { padding-right:0!important; } .PR5 { padding-right:5px!important; } .PR10 { padding-right:10px!important; } .PR15 { padding-right:15px!important; } .PR20 { padding-right:20px!important; } .PR25 { padding-right:25px!important; } .PR30 { padding-right:30px!important; } .PR35 { padding-right:35px!important; } .PR40 { padding-right:40px!important; } .PR50 { padding-right:50px!important; } .PR60 { padding-right:60px!important; } .PR70 { padding-right:70px!important; } .PB0 { padding-bottom:0!important; } .PB5 { padding-bottom:5px!important; } .PB10 { padding-bottom:10px!important; } .PB15 { padding-bottom:15px!important; } .PB20 { padding-bottom:20px!important; } .PB25 { padding-bottom:25px!important; } .PB30 { padding-bottom:30px!important; } .PB35 { padding-bottom:35px!important; } .PB40 { padding-bottom:40px!important; } .PB45 { padding-bottom:45px!important; } .PB50 { padding-bottom:50px!important; } .PB60 { padding-bottom:60px!important; } .PB70 { padding-bottom:70px!important; } .PB80 { padding-bottom:80px!important; } .PB85 { padding-bottom:85px!important; } .PB90 { padding-bottom:90px!important; } .PB100 { padding-bottom:100px!important; } .PL0 { padding-left:0!important; } .PL5 { padding-left:5px!important; } .PL10 { padding-left:10px!important; } .PL15 { padding-left:15px!important; } .PL20 { padding-left:20px!important; } .PL25 { padding-left:25px!important; } .PL30 { padding-left:30px!important; } .PL40 { padding-left:40px!important; } .PL50 { padding-left:50px!important; } .PL100 { padding-left:100px!important; } .visible_pc{ display: block; } .visible_sp{ display: none; } } @media screen and (max-width: 640px) { .bnr_slider { width: 100%; margin: 40px 0; padding: 0 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bnr_slider .swiper-container { width: 100%; } .bnr_slider .swiper-button-prev { left: 15px; } .bnr_slider .swiper-button-next { right: 15px; } .bnr_slider .swiper-button-prev, .bnr_slider .swiper-button-next { width: 18px; height: 35px; margin-top: -17px; } .bsitemap_inner { padding: 0; } .bsitemap_inner > ul { display: block; } .bsitemap a { display: block; } .bsitemap_parent { display: block; margin-right: 0; margin-top: 0; } .bsitemap_ttl { font-size: 14px; } .bsitemap_ttl a { padding: 14px 15px; position: relative; } .bsitemap_ttl a::after { content: "\f105"; position: absolute; top: 0; bottom: 0; margin: auto; right: 15px; height: 16px; font-family: FontAwesome; transform: rotate(0deg); -webkit-transform: rotate(0deg); } .bsitemap_parent_ttl { font-size: 12px; margin-bottom: 0; border-bottom: 1px solid #ffffff; } .bsitemap_parent:first-child { border-top: 1px solid #ffffff; } .bsitemap_parent_ttl a { padding: 14px 15px; position: relative; } .bsitemap_parent_ttl a:after { content: "\f105"; position: absolute; top: 0; bottom: 0; margin: auto; right: 15px; height: 16px; font-family: FontAwesome; transform: rotate(90deg); -webkit-transform: rotate(90deg); } .bsitemap_parent.is_open .bsitemap_parent_ttl a:after { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); right: 13px; } .bsitemap a[target="_blank"]:after { content: "\f105"; margin-left: 0; } .bsitemap_child a[target="_blank"]:after { content: "\f08e"; margin-left: 4px; } .bsitemap_parent_ttl.bsitemap_parent_link a:after { transform: rotate(0deg); -webkit-transform: rotate(0deg); } .bsitemap_child { padding: 10px 0; border-bottom: 1px solid #ffffff; display: none; } .bsitemap_child li { padding-left: 0; } .bsitemap_child li a { padding: 5px 15px 5px 25px; } .bsitemap_child li:before { top: 5px; left: 15px; } .bsitemap_child li.sp_only a { padding-left: 15px; } .bsitemap_child li.sp_only:before { content: ''; } /*202303修正*/ .bMenu__mainItem:before,.bMenu__otherItem:before { content: "\f105"; font-family: FontAwesome; display: block; position: absolute; top: 0px; right: 20px; font-size: 7.3vw; font-weight: 300; } .bMenu__main { padding-bottom: 1px; } .bMenu__subMenuItem{ position: relative; } .bMenu__subMenuItem:before{ content: "\f105"; font-family: FontAwesome; display: block; position: absolute; top: 0px; right: 20px; font-weight: 300; font-size: 4.3vw; } /*202303修正ここまで*/ .bMenu__mainItem .submenu-btn{ cursor: pointer; } .btn-wrap:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); } .btn-wrap.active:before { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .sub-menu{ display: none; } .mb1 { margin-bottom:1%!important; } .mb1h { margin-bottom:1.5%!important; } .mb2 { margin-bottom:2%!important; } .mb2h { margin-bottom:2.5%!important; } .mb3 { margin-bottom:3%!important; } .mb3h { margin-bottom:3.5%!important; } .mb4 { margin-bottom:4%!important; } .mb4h { margin-bottom:4.5%!important; } .mb5 { margin-bottom:5%!important; } .mb6 { margin-bottom:6%!important; } .mb7 { margin-bottom:7%!important; } .mb8 { margin-bottom:8%!important; } .mb9 { margin-bottom:9%!important; } .mb10 { margin-bottom:10%!important; } .mb11 { margin-bottom:11%!important; } .mb12 { margin-bottom:12%!important; } .mb15 { margin-bottom:15%!important; } .mt1 { margin-top:1%!important; } .mt2 { margin-top:2%!important; } .mt3 { margin-top:3%!important; } .mt4 { margin-top:4%!important; } .mt5 { margin-top:5%!important; } .mt6 { margin-top:6%!important; } .mt7 { margin-top:7%!important; } .mt8 { margin-top:8%!important; } .mt9 { margin-top:9%!important; } .mt10 { margin-top:10%!important; } .mt12 { margin-top:12%!important; } .mt15 { margin-top:15%!important; } .mt17 { margin-top:17%!important; } .mt18 { margin-top:18%!important; } .mt20 { margin-top:20%!important; } .ml1 { margin-left:1%!important; } .ml2 { margin-left:2%!important; } .ml3 { margin-left:3%!important; } .ml4 { margin-left:4%!important; } .ml5 { margin-left:5%!important; } .ml6 { margin-left:6%!important; } .ml7 { margin-left:7%!important; } .ml8 { margin-left:8%!important; } .ml9 { margin-left:9%!important; } .ml10 { margin-left:10%!important; } .mr1 { margin-right:1%!important; } .mr2 { margin-right:2%!important; } .mr3 { margin-right:3%!important; } .mr4 { margin-right:4%!important; } .mr5 { margin-right:5%!important; } .mr6 { margin-right:6%!important; } .mr7 { margin-right:7%!important; } .mr8 { margin-right:8%!important; } .mr9 { margin-right:9%!important; } .mr10 { margin-right:10%!important; } .pb1 { padding-bottom:1%!important; } .pb2 { padding-bottom:2%!important; } .pb3 { padding-bottom:3%!important; } .pb4 { padding-bottom:4%!important; } .pb5 { padding-bottom:5%!important; } .pb6 { padding-bottom:6%!important; } .pb7 { padding-bottom:7%!important; } .pb8 { padding-bottom:8%!important; } .pb9 { padding-bottom:9%!important; } .pb10 { padding-bottom:10%!important; } .pb11 { padding-bottom:11%!important; } .pb12 { padding-bottom:12%!important; } .pt1 { padding-top:1%!important; } .pt2 { padding-top:2%!important; } .pt3 { padding-top:3%!important; } .pt4 { padding-top:4%!important; } .pt5 { padding-top:5%!important; } .pt6 { padding-top:6%!important; } .pt7 { padding-top:7%!important; } .pt8 { padding-top:8%!important; } .pt9 { padding-top:9%!important; } .pt10 { padding-top:10%!important; } .pt12 { padding-top:12%!important; } .visible_pc{ display: none; } .visible_sp{ display: block; } .modal-tenji{ padding-top: 8%; padding-bottom: 8%; } .modal-tenji h2{ margin-bottom: 3%; width: 90%; margin-left: auto; margin-right: auto; } .modal-tenji .tenji-list{ width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 18%; } .modal-tenji .tenji-list ul{ text-align: center; width: 100%; margin-left: auto; margin-right: auto; font-size: 0; } .modal-tenji .tenji-list li{ width: 80%; margin-right: auto; margin-left: auto; margin-bottom: 5%; display: inline-block; vertical-align: middle; } .modal-tenji .tenji-list li:last-child{ margin-right: auto; margin-left: auto; margin-bottom: 0%; } .spFooterBtn .modal{ position: fixed!important; } /*.st-backToTopFixed{ bottom:19vw; }*/ /*202202修正*/ .industryNav__item a .nav-text{ position: absolute; top: 52%; left: 54%; font-size: 2.9vw; } /*202202ここまで*/ } /*202303修正*/ .exlink-box{ margin-top: 20px; padding-left: 10px; } .exlink-box .yajirushi-link,.pcSubMenu__list2 .box .list-wrap ul li{ position: relative; padding-left: 12px; line-height: 1; margin-top: 15px; font-weight: 500; } .exlink-box .yajirushi-link::before,.pcSubMenu__list2 .box .list-wrap ul li ::before{ content: ""; position: absolute; top: 50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #88A7CD; } .exlink-box .yajirushi-link a{ color: #1B2D5A; } .link-area{ padding-top: 124px; margin-top: -124px; } .pcSubMenu__area { width: 820px; margin: auto; } .pcSubMenu__list2{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; } .pcSubMenu__list2 .box.ptn2{ width: 33.5%; } .pcSubMenu__list2 .box{ width: 29.2%; margin-right: 3%; } .pcSubMenu__list2 .box.last{ margin-right: 0; } .pcSubMenu__areaname{ position: relative; margin-bottom: 20px; font-size: 18px; } .pcSubMenu__areaname a{ color: #1B2D5A; font-weight: 700; } .pcSubMenu__areaname::before { content: ""; display: inline-block; vertical-align: middle; text-decoration: none; width: 6px; height: 6px; border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -.25em; margin-right: 11px; } .pcSubMenu__list2 .box .list-ttl{ line-height: 1; font-size: 16px; color: #1B2D5A; padding-bottom: 10px; margin-bottom: 2px; border-bottom: 1px solid #1B2D5A; font-weight: 600; } .pcSubMenu__list2 .box .list-wrap.flex{ display: flex; } .pcSubMenu__list2 .box .list-wrap.flex ul{ width: 43%; margin-right: 1%; } .pcSubMenu__list2 .box .list-wrap.flex ul:last-child{ width: 53%; } .pcSubMenu__list2 .box .list-wrap ul li a{ color:#1B2D5A ; } @media screen and (max-width: 640px) { .menubottom-flex{ min-height: 48vw; } .menubottom-flex ul{ display: flex; padding: 4vw 4vw; background: #1F1F23; justify-content: space-between; } .menubottom-flex li{ width: 48%; } .menubottom-flex li img{ width: 100%; } .bMenu__subMenu a { padding: 0 25px; } .link-area{ padding-top: 20vw; margin-top: -20vw; } .bMenu__subMenuItem{ background: #4C4C4E; } .bMenu__subMenu.ex,.bMenu__subMenu.ex.ptn2,.bMenu__subMenuplus{ padding: 3.6vw 6.4vw 3.6vw; background: #6E6F6F; font-size: 3.62vw; font-weight: 500; } .bMenu__subMenuplus{ display: none; } .bMenu__subMenu.ex a,.bMenu__subMenuplus a{ padding: 2.4vw 0px; line-height: 1; } .bMenu__subMenu.ptn2 ul,.bMenu__subMenuplus.ptn2 ul{ display: flex; flex-wrap: wrap; } .bMenu__subMenu.ptn2 li,.bMenu__subMenuplus.ptn2 li{ width: 50%; font-size: 3.62vw; font-weight: 500; } .bMenu__subMenuItemex a::before,.bMenu__subMenuplus a::before{ content: "\f105"; margin-right: 10px; font-family: FontAwesome; display: inline-block; } .bMenu__subMenuItem.ex:before{ transform: rotate(90deg); -webkit-transform: rotate(90deg); } .bMenu__subMenuItem.active:before,.bMenu__subMenuItem.ex.active:before{ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .bMenu__content{ background: none; } .bMenu__content.show{ overflow: scroll; background: none; max-height: 100vh; height: calc(100vh + 30vh); padding-bottom:30vh; } } /*202303修正ここまで*/