/* TOP */ .mainvisual { /* max-width: 1400px; */ margin: 0 auto; /* display: flex; */ align-items: center; } .mainvisual-inner { width: 100%; max-width: 1310px; margin-right: auto; margin-left: auto; display: flex; margin-bottom: 50px; /* align-items: center; */ align-items:end; } @media screen and (min-width: 769px) { .mainvisual { padding:0 15px; } } @media screen and (max-width: 800px) { .mainvisual-inner { flex-direction: column-reverse; } } .mainvisual_textarea { width: 31%; margin-right: 4%; } @media screen and (max-width: 800px) { .mainvisual_textarea { width: 90%; margin: 0 auto; } } .mainvisual_textarea_title { text-align: right; /* margin-top: 100px; */ margin-top:30px; margin-bottom: 30px; } @media screen and (max-width: 800px) { .mainvisual_textarea_title { text-align: center; } } .mainvisual_textarea_title p { font-size: 63px; font-weight: bold; font-family: "Oswald", sans-serif; } .mainvisual_textarea_title h2 { font-size: 30px; font-weight: bold; } @media screen and (max-width: 500px) { .mainvisual_textarea_title h2 { font-size: 26px; } .mainvisual_textarea_title, .mainvisual_textarea_text { display:none; } } .mainvisual_textarea_text { font-size: 16px; line-height: 1.6; } .mainvisual_imgarea { width: 65%; } @media screen and (max-width: 800px) { .mainvisual_imgarea { width: 100%; } } .mainvisual_imgarea_item { position: relative; /* height: 500px; */ width:588px; height:400px; /* margin: 0 10px; */ margin: 0 6px; background-color:#eee; /* display: flex; justify-content: center; */ } .mainvisual_imgarea_item.newlabel::after { position: absolute; content: ""; background-image: url("/rakna/img/new_icon.svg"); width: 100px; height: 100px; top: 0; left: 0; } @media screen and (max-width: 1000px) { .mainvisual_imgarea_item { height: 320px; } } @media screen and (max-width: 500px) { .mainvisual_imgarea_item { height: 250px; } } .prev-arrow { /* left: 18%; */ /* left:10%; */ left:16%; } .next-arrow { /* right: 18%; */ /* right:10%; */ right:16%; } @media screen and (max-width: 1000px) { .prev-arrow { left:10%; } .next-arrow { right:10%; } } @media screen and (max-width: 500px) { .prev-arrow { left:6%; } .next-arrow { right:6%; } } .mainvisual_imgarea_item img { width: 585px; height: 400px; object-fit: cover; /* height: 100%; */ } .mainvisual_imgarea-textbox { font-size: 20px; font-weight: bold; color: #fff; position: absolute; bottom: 5%; /* left: 5%; */ left:0; background-color:rgba(0,0,0,0.7); padding:10px 35px; } @media screen and (max-width: 500px) { .mainvisual_imgarea-textbox { font-size: 14px; } .mainvisual_imgarea_item img { height:250px; } } .recommend_office_area { max-width: 1310px; margin-top: 90px; margin-right: auto; margin-left: auto; } .recommend_office_area h2 { font-size: 32px; font-weight: bold; margin-left: 30px; } .recommend_office_items { display: block; margin-top: 60px; padding-left:10px; width:100%; } @media screen and (max-width: 500px) { .recommend_office_area h2 { font-size: 24px; } .recommend_office_items { margin-top:30px; } } .recommend_office_item { width: 100%; min-width:1200px; margin-bottom: 40px; padding-right:10px; } .recommend_office_item_info { display: flex; justify-content: space-between; } .recommend_office_item_info a { display: flex; justify-content: space-between; width: 61.5%; } .recommend_office_link1 { width: 45.5%; } .recommend_office_img { height: 266px; position: relative; } .recommend_office_img::after { position: absolute; content: ""; background-image: url("/rakna/img/new_icon.svg"); width: 100px; height: 100px; top: 0; left: 0; } .recommend_office_img img { height: 100%; } .recommend_office_link2 { width: 49%; display: flex; align-items: center; } .recommend_office_item_detail { width: 36%; } .recommend_office_item_detail_title { font-size: 20px; font-weight: bold; border-bottom: 1px solid #dcdcdc; padding-bottom: 16px; } .recommend_office_item_detail_list { display: flex; font-size: 16px; justify-content: space-between; } .recommend_office_item_detail_list dl { width: 48%; } .recommend_office_item_detail_list dl dt { float: left; font-weight: bold; width: 30%; height: 46px; display: flex; align-items: center; border-bottom: 1px solid #dcdcdc; } .recommend_office_item_detail_list dl dd { height: 46px; border-bottom: 1px solid #dcdcdc; display: flex; align-items: center; justify-content: flex-end; } .office-detail-contact { display: flex; margin-top: 20px; } .office-detail-contact-btn { font-weight: bold; width: 46%; display: flex; align-items: center; justify-content: center !important; color: #000; background-color: #ffc743; padding-top: 16px; padding-bottom: 10px; border-radius: 3px; font-size: 18px; margin-right: 12px; margin-left: 6px; height: 53px; padding-left: 2px; } .office-detail-contact .office-detail-contact-detailbtn { margin-right: 6px; color: #fff; background-color: #2e2e2e; } @media screen and (max-width: 800px) { .recommend_office_items { overflow-x:auto; } .recommend_office_item_info a { /* display: block; */ display: flex; } .recommend_office_link1 { width: 100%; display: flex; align-items: center; } .recommend_office_img { height: 100%; } .recommend_office_link2 { width: 100%; justify-content: center; /* margin-top: 20px; */ } .recommend_office_item_detail_list { display: block; } .recommend_office_item_detail_list dl { width: 100%; } /* .office-detail-contact { display: block; } */ .office-detail-contact-btn { display: flex !important; } .office-detail-contact-btn, .office-detail-contact-detailbtn { margin-right: auto; margin-left: auto; } /* .office-detail-contact-detailbtn { margin-top: 20px; } */ .office_item::before { height: 103%; } } /* @media screen and (max-width: 500px) { .recommend_office_item_info { display: block; padding-left: 15px; max-width: 342px; margin-right: auto; margin-left: auto; } .recommend_office_item_info a { width: 100%; } .recommend_office_img { max-width: 321.75px; height: 266px; } .recommend_office_item_detail { width: 100%; margin-top: 20px; } .recommend_office_detail_tag { padding-left: 15px; } } */ @media screen and (max-width: 500px) { .recommend_office_item_info { /* display: block; */ display: flex; padding-left: 15px; /* max-width: 342px; */ margin-right: auto; margin-left: auto; } /* .recommend_office_item_info a { width: 100%; } */ .recommend_office_img { max-width: 321.75px; height: 266px; } /* .recommend_office_item_detail { width: 100%; margin-top: 20px; } */ .recommend_office_detail_tag { padding-left: 15px; } } .recommend_office_detail_tag { display: flex; flex-wrap: wrap; align-items: center; margin-top: 19px; margin-bottom: 19px; } .recommend_office_detail_tag a { font-size: 11px; font-weight: bold; padding: 6px 15px; border-radius: 5px; border: 1px solid #707070; margin-right: 10px; margin-bottom: 18px; } .all_search { margin-top: 100px; margin-bottom: 100px; } @media screen and (max-width: 500px) { .all_search { margin-top: 80px; } } .all_search .all_search_link1 { margin-right: auto; margin-left: auto; } .cta-btn { background-color: #f25252; color: #fff; } .block_category_list .border .tab, .block_category_list .border2 .tab { padding: 5px 4px; width: 145px; } @media screen and (max-width: 500px) { .block_category_list .border .tab, .block_category_list .border2 .tab { width: 109px; } .block_category_list .border .tab .tab_text2, .block_category_list .border2 .tab .tab_text2 { font-size: 12px; } } .whats_setup { margin-bottom: 100px; } .whats_setup .whats_title { margin-top: 0; } @media screen and (max-width: 800px) { .whats_setup .whats_title { padding-top: 120px; top: 0; width: 85%; } .whats_setup .whats_title .whats { top: 50px; } .whats_setup .whats_setup_text { margin-top: 60px; } .whats_setup .whats_setup_text .text_text { max-width: none; padding-top: 0; } } @media screen and (max-width: 500px) { .whats_setup .whats_title { top: 80px; } .whats_setup .whats_setup_text { margin-top: 120px; } .whats_title .whats_subtitle { font-size: 20px; } } .mainvisual_popular { /* margin-top: 65px; */ margin-top:45px; font-family: 'Noto Sans JP', sans-serif; } .mainvisual_popular_title { font-size: 25px; } .mainvisual-button-area { text-align: center; } .mainvisual-button-items { display: flex; justify-content: center; } .btn-login { width: 25%; max-width: 343px; background: #F25252; padding: 17px 10px; border-radius: 9px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.26); font-family: 'Noto Sans JP', sans-serif; } .btn-login.list { background: #F29100; margin-left: 60px; } .btn-login.owners { background: #666; margin-left: 60px; } .btn-login a { color: #fff; font-size: 16px; } @media screen and (max-width: 800px) { .mainvisual-button-items { display: block; } .btn-login { width: 50%; margin: 0 auto; } .btn-login.list, .btn-login.owners { margin-top: 30px; margin-right: auto; margin-left: auto; } } @media screen and (max-width: 500px) { .btn-login { width: 90%; padding-right: 20px; padding-left: 20px; } } .searchBox { background: #EFEFEF; margin-top: 45px; } .searchBox-2 { background: #fff; margin-bottom: 20px; } .sectionInner { max-width: 900px; margin-right: auto; margin-left: auto; } .srcterms { display: flex; flex-wrap: wrap; box-sizing: border-box; padding: 38px 0px; } .termslist1 { display: block; width: 44%; } .termslist1-box { display: flex; justify-content: space-between; } .termslist1-2 { display: flex; align-items: center; font-weight: bold; font-size: 16px; height: 40px; width: 14%; justify-content: center; } .termslist2 { height: 90px; margin: 0; } .srcterms-text { font-size: 16px; padding-top: 7px; padding-bottom: 7px; background: #3D3D3D; color: #fff; text-align: center; border-radius: 50px; display: block; margin-bottom: 16px; } .fopsearch1 { -webkit-appearance: none; font-size: 18px; padding: 16px 20px; background: #FFC743; border: none; border-radius: 7px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.26); cursor: pointer; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; color:#000; } @media screen and (max-width: 800px) { .srcterms { padding-right: 10px; padding-left: 10px; } } @media screen and (max-width: 500px) { .srcterms { display: block; } .termslist2 { width: 100%; position:relative; z-index:100; } .termslist1 { width: 100%; margin-top: 40px; } .termslist3 { margin-top: 40px; } } .popular { margin-top: 0; margin-bottom: 140px; padding-top: 40px; max-width: 1000px; border-top: 1px solid #3D3D3D; display: block; } .popular_title { width: 100%; display: block; text-align: center; position: static; } .popular_title::after { content: none; } .popular_tag { margin: 0 auto; justify-content: flex-start; font-family: 'Noto Sans JP', sans-serif; } .popular_tag a { width: auto; max-width: none; padding: 5px 14px; border: none; border-radius: 0; background: #EEEEEE; margin-right: 11px; height: auto; font-size: 14px; font-weight: 500; } .popular-area.afterLogin { max-width: 1000px; margin: 0 auto; } .popular-2 { padding-top: 80px; border-top: none; } .popular-area { display: none; } .popular-area.afterLogin { display: block; } .popular_tagonly { max-width: none; width: 100%; margin-right: 0; margin-left: 0; } @media screen and (max-width: 800px) { .popular_tag { max-width: 650px; } .popular_tag a { margin-left: 0; } } @media screen and (max-width: 500px) { .popular { padding-top: 100px; } .popular-2 { padding-top: 0; margin-bottom: 0; } .popular_tag { justify-content: center; } } .cta-members { padding-top: 35px; padding-bottom: 30px; background-color: #EFEFEF; } @media screen and (max-width: 500px) { .cta-members { padding-right: 10px; padding-left: 10px; } } .cta-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 900px; max-width: 100%; margin: 0 auto; } @media screen and (max-width: 800px) { .cta-content { display: block; text-align: center; } } .cta-info-text { font-size: 24px; font-weight: bold; } .cta-details { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 800px) { .cta-details { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 50px; } } .cta-item:not(:last-child) { margin-right: 35px; } @media screen and (max-width: 500px) { .cta-item:not(:last-child) { margin-right: 15px; } } .cta-item:last-child { text-align: center; } .cta-item-text { padding-top: 14px; font-size: 15px; font-weight: bold; } .cta-btnarea { text-align: center; margin-top: 16px; } @media screen and (max-width: 800px) { .cta-btnarea { margin-top: 50px; } } .cta-btn-text { font-size: 16px; font-weight: bold; position: relative; width: 224px; } @media screen and (max-width: 800px) { .cta-btn-text { margin: 0 auto; } } .cta-btn-text::before, .cta-btn-text::after { content: ""; position: absolute; top: 50%; display: inline-block; width: 20px; height: 2px; background-color: black; } .cta-btn-text::before { left: 10%; -webkit-transform: rotate(60deg); transform: rotate(60deg); } .cta-btn-text::after { right: 10%; -webkit-transform: rotate(-60deg); transform: rotate(-60deg); } .cta-btn-emphasis { font-size: 24px; } .cta-btn { font-size: 18px; font-weight: bold; padding: 15px 31px; border-radius: 3px; background-color: #F25252; margin-top: 15px; display: inline-block; } .ranking { margin-top: 0; } @media screen and (max-width: 800px) { .ranking_section2 { display: none; } } .select { max-width: 1200px; margin: 0 auto; } .office_number_area { display: flex; font-size: 16px; } .office_number_head { font-weight: bold; margin-right: 10px; } .add_title_area { display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 10px; position: relative; } .add_title_area::after { content: ""; display: block; width: 100%; height: 1px; background-color: #DCDCDC; position: absolute; bottom: 0px; left: 0px; } .office_viewadd .add_title { padding-bottom: 0; } .add_title { font-size: 20px; font-weight: bold; padding-bottom: 0; } .add_title_deco { font-size: 20px; font-weight: bold; } .add_title_tsubo { font-weight: bold; font-size: 28px; } .office_viewadd .add_title::after { content: none; } .other { display: flex; align-items: center; justify-content: space-between; } .other dl { max-width: 223px; width: 100%; } .other dl dt { float: left; clear: both; font-size: 16px; font-weight: bold; height: 45px; display: flex; align-items: center; border-bottom: 1px solid #DCDCDC; padding-left: 5px; } .other dl dd { font-size: 16px; height: 45px; border-bottom: 1px solid #DCDCDC; display: flex; align-items: center; justify-content: flex-end; margin: 0 0; margin-inline-start: 0; padding-right: 5px; } /* 髱「遨行elect */ * { /* position: relative; */ margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-color: inherit; } .cp_ipselect { display: block; /* width: 200px; */ width: 100%; height: 100%; z-index: 90; position: relative; } .cp_ipselect ul { list-style: none; padding: 0; } .cp_ipselect input { color: inherit; font: inherit; margin: 0; background: transparent; outline: none; border: none; border-radius: 0; -webkit-appearance: none; appearance: none; display:none; } .cp_sl, .cp_sl01, .cp_sl02 { width: 100%; height: 100%; cursor: pointer; background-color: white; /* position: relative; */ } .cp_sl_expand, .cp_sl01_expand, .cp_sl02_expand { width: 0; height: 40px; position: absolute; top: 0; right: 0; } .cp_sl_expand::after, .cp_sl01_expand::after, .cp_sl02_expand::after { position: absolute; top: 1.2em; right: 0.5em; width: 0; height: 0; padding: 0; content: ''; pointer-events: none; border-top: 6px solid rgba(0, 0, 0, 0.3); border-right: 6px solid transparent; border-left: 6px solid transparent; -webkit-transform: translate(-50%, -50%) rotate(0deg) scaleY(1.75); transform: translate(-50%, -50%) rotate(0deg) scaleY(1.75); -webkit-transition: all 250ms cubic-bezier(0.4,0.25,0.3,1); transition: all 250ms cubic-bezier(0.4,0.25,0.3,1); z-index: 2; opacity: 0.6; } .cp_sl_expand:hover::after, .cp_sl01_expand:hover::after, .cp_sl02_expand:hover::after { opacity: 1; } .cp_sl_expand:checked::after, .cp_sl01_expand:checked::after, .cp_sl02_expand:checked::after { -webkit-transform: translate(-50%, -50%) rotate(180deg) scaleX(-1) scaleY(1.75); transform: translate(-50%, -50%) rotate(180deg) scaleX(-1) scaleY(1.75); } .cp_sl_expandLabel, .cp_sl01_expandLabel, .cp_sl02_expandLabel { display: block; width: 100%; height: 40px; position: absolute; top: 0; left: 0; cursor: pointer; border-radius: 0; background-image: url(/rakna/img/arrow-down.png); background-position: right 10px center; background-repeat: no-repeat; background-size: 9px 4px; box-sizing: border-box; } .cp_sl_close, .cp_sl01_close, .cp_sl02_close { display: none; } .cp_sl_closeLabel, .cp_sl01_closeLabel, .cp_sl02_closeLabel { position: fixed; top: 0; left: 0; display: none; } .cp_sl_items, .cp_sl01_items, .cp_sl02_items { width: 100%; position: absolute; top: 0; left: 0; border: 1px solid #A9A9A9; padding-top: 40px; font-size: 16px; color: #333; font-weight: bold; } .cp_sl_input, .cp_sl01_input, .cp_sl02_input { display: none; } .cp_sl_label, .cp_sl01_label, .cp_sl02_label { -webkit-transition: all 250ms cubic-bezier(0.4,0.25,0.3,1); transition: all 250ms cubic-bezier(0.4,0.25,0.3,1); display: block; height: 0; line-height: 40px; overflow: hidden; color: #3e3e3e; background-color: #ffffff; cursor: pointer; padding-left: 20px; } .cp_sl_placeholder, .cp_sl01_placeholder, .cp_sl02_placeholder { height: 40px; vertical-align: middle; position: absolute; top: 0; left: 0; opacity: 0.6; background-color: transparent; font-size: 16px; width: 100%; background-color: #fff; } .cp_sl_expand:checked + .cp_sl_closeLabel, .cp_sl01_expand:checked + .cp_sl01_closeLabel, .cp_sl02_expand:checked + .cp_sl02_closeLabel { display: block; } .cp_sl_expand:checked + .cp_sl_closeLabel + .cp_sl_options .cp_sl_label, .cp_sl01_expand:checked + .cp_sl01_closeLabel + .cp_sl01_options .cp_sl01_label, .cp_sl02_expand:checked + .cp_sl02_closeLabel + .cp_sl02_options .cp_sl02_label { height: 40px; } .cp_sl_expand:checked + .cp_sl_closeLabel + .cp_sl_options .cp_sl_label:hover, .cp_sl01_expand:checked + .cp_sl01_closeLabel + .cp_sl01_options .cp_sl01_label:hover, .cp_sl02_expand:checked + .cp_sl02_closeLabel + .cp_sl02_options .cp_sl02_label:hover { background-color: #d6d6d6; } .cp_sl_expand:checked + .cp_sl_closeLabel + .cp_sl_options + .cp_sl_expandLabel, .cp_sl01_expand:checked + .cp_sl01_closeLabel + .cp_sl01_options + .cp_sl01_expandLabel, .cp_sl02_expand:checked + .cp_sl02_closeLabel + .cp_sl02_options + .cp_sl02_expandLabel { display: none; } .cp_sl_input:checked + .cp_sl_label, .cp_sl01_input:checked + .cp_sl01_label, .cp_sl02_input:checked + .cp_sl02_label { height: 40px; margin-top: -40px; } /** Custom Select **/ .area-select { width: 100%; } .lowerRequest-select { width: 100%; } .upperRequest-select { width: 100%; } .custom-select-wrapper { position: relative; display: inline-block; user-select: none; width: 100%; } .custom-select-wrapper select { display: none; } .custom-select { position: relative; display: inline-block; width: 100%; z-index: 99; } .custom-select-trigger { position: relative; display: block; width: 100%; padding: 0 20px 0 22px; font-size: 16px; color: #a9a9a9; line-height: 40px; background: #fff; cursor: pointer; height: 40px; border: 1px solid #a9a9a9; font-weight: 700; } /* @media screen and (max-width: 800px) { .custom-select-trigger { padding-right: 60px; } } */ .custom-select-trigger::after { /* position: absolute; display: block; content: url(/rakna/img/arrow-down.png); width: 9px; height: 4px; top: 0; right: 25px; transition: all 0.4s ease-in-out; transform-origin: 50% 0; */ position: absolute; display: block; content: ""; background-image: url(/rakna/img/arrow-down.png); background-position: right 10px center; background-repeat: no-repeat; background-size: 9px 4px; width: 100%; height: 40px; top: 0; right: 10px; transition: all 0.4s ease-in-out; transform-origin: 50% 0; } .custom-select-trigger.custom-select-selected { color: #3e3e3e; } .custom-select-trigger.opened { border-bottom: none; } .custom-select-trigger.custom-select-selected::after { content: none; } .custom-options { position: absolute; display: block; top: 100%; left: 0; right: 0; min-width: 100%; border: 1px solid #a9a9a9; border-top: none; box-sizing: border-box; background: #fff; transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-15px); z-index: 10; } .custom-select.opened .custom-options { opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0); } .option-hover:before { background: #d6d6d6 } .custom-option { position: relative; display: block; padding: 0 22px; font-size: 16px; font-weight: 700; color: #3e3e3e; line-height: 47px; cursor: pointer; transition: all 0.4s ease-in-out; } .custom-option:last-of-type { border-bottom: 0; } .custom-option:hover, .custom-option.selection { background: #d6d6d6; } /* 隧ウ邏ー */ .detail-main { margin-top: 70px; } .office-title.detail_office-title { display: block; } .mainvisual_popular_tag { margin-top: 15px; display: flex; flex-wrap: wrap; font-weight: 500; max-height:75px; overflow:hidden; } .mainvisual_popular_tag a { padding: 4px 13px; background: #eee; width: auto; margin-right: 11px; margin-bottom: 20px; } .mainvisual_popular_tag a p { font-size: 14px; } @media screen and (max-width: 768px) { .office-title.detail_office-title { border-bottom: none; padding-bottom: 0; } .mainvisual_popular_tag { max-height:initial; overflow:initial; } } .office-info-number { display: flex; align-items: center; } .onlymemberinfo { font-size: 16px; font-weight: bold; padding: 8px; border-radius: 5px; color: #fff; background-color: #f29100; margin-right: 12px; } .office-number { font-size: 16px; } .office-info-title { display: flex; font-size: 35px; font-weight: bold; margin-top: 12px; } .area-list-wrapper .area_tag{ justify-content: center; } .area-list-wrapper.wrapper { margin-bottom: 50px; } .tag-wrap .popular_tag{ max-width: 1145px; } .tag-wrap .popular_tag ul{ display: flex; flex-wrap: wrap; } section#blogs h3 { margin-bottom: 30px; } section#blogs ul.ul-flex { display: flex; flex-wrap: wrap; justify-content: space-between; } section#blogs ul.ul-flex li.office_item.blog { width: 23%; } p.ttl-b { font-size: 13px; font-weight: bold; margin: 5px 0; } section#blogs .contact { justify-content: center; } section#blogs .contact_btn .contact_text { font-weight: bold; width: 100%; display: flex; align-items: center; justify-content: center; color: #000; background-color: #FFC743; padding-top: 8px; padding-bottom: 6px; border-radius: 3px; font-size: 16px; margin-right: 19px; height: auto; padding-left: 2px; } section#blogs .all_search{ margin: 50px auto; } .detailimg_tub div#accessMap { max-width: 1133px; margin-right: auto; margin-left: auto; margin-bottom: 50px; margin-top: -40px; } .detailimg_tub div#accessMap iframe { width: 100%; border: none; } .service-list-wrap { max-width: 1200px; margin: 0px auto; } .service-list-wrap .service-list { display: flex; flex-wrap: wrap; margin: 50px 0; justify-content: space-between; font-size: 14px; text-align: left; font-weight: bold; } .service-list-wrap .service-list a { display: inline; text-decoration: underline; } .service-list-wrap .service-list a:first-child { font-size: 18px; } .service-list-wrap .service-list .item { width: 23%; } @media screen and (max-width: 1000px){ section#blogs ul.ul-flex li.office_item.blog { width: 45%; } .service-list-wrap .service-list .item { width: 45%; margin-bottom: 30px; } .service-list-wrap { max-width: 1200px; margin: 0px auto; width: 95%; } } @media screen and (max-width: 500px) { .office-info-title { display: block; } .detailimg_tub div#accessMap{ margin-top: 0px; } .all_search { margin-top: 25px; margin-bottom: 25px; } .mainvisual_popular_title { text-align:center; } .mainvisual_popular_tag { justify-content: center; } .tag-wrap .popular_tag { max-width: 1145px; width: 95%; } .tag-wrap .popular_tag a{ font-size: 12px; margin-bottom: 7px; } section#blogs ul.ul-flex li.office_item.blog { width: 100%; } section#blogs ul.ul-flex li.office_item.blog .blog-content { padding-left: 25px; } .service-list-wrap .service-list .item { width: 100%; margin-bottom: 30px; text-align: center; } } .office-place { margin-right: 16px; } .office-info-station { font-size: 20px; font-weight: bold; } .office-contact { width: 28%; } .office-contact-title { padding-bottom: 10px; } a.document-request { width: 100%; max-width: 275px; height: 61px; background-color: #F29100; border-radius: 5px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; font-weight: bold; margin: 0 auto; } a.zoom-contact.detail_zoom-contact { background-color: #f29100 !important; } .detial_first-office-info::after { display: none; } .detail_office-imge { max-width: 1145px; margin-right: auto; margin-left: auto; } @media screen and (max-width: 768px) { .detail_office-imge { display: block; } .detail_office-imge .office-drawing { display: block; width: 100%; } .office-imge .office-drawing a { overflow:hidden; } .detial_first-office-info { order: 0; } } .detailimg_tub { margin-top: 38px; width: 100%; border-left: 1px solid #dcdcdc; } .detailimg_block_category_list { max-width: 1145px; display: flex; width: 100%; margin: 0 auto; justify-content: space-between; margin-bottom: 31px; } @media screen and (max-width: 1439px) { .detailimg_block_category_list { padding-right: 10px; padding-left: 10px; } } .detailimg_block_category_list .detailimg_border, .detailimg_block_category_list .detailimg_border2 { width: 50% !important; padding-top: 13px; padding-bottom: 12px; position: relative; cursor:pointer; } .detailimg_block_category_list .detailimg_border .tab, .detailimg_block_category_list .detailimg_border.detailimg_border_is-active .tab, .detailimg_block_category_list .detailimg_border2 .tab, .detailimg_block_category_list .detailimg_border2.detailimg_border2_is-active .tab { width: 80%; } .detailimg_block_category_list .detailimg_border.detailimg_border_is-active, .detailimg_block_category_list .detailimg_border2.detailimg_border2_is-active { border-top: 1px solid #858585; border-left: 1px solid #858585; border-right: 1px solid #858585; border-bottom: none; padding-top: 13px; } .detailimg_block_category_list .detailimg_border::after, .detailimg_block_category_list .detailimg_border2::after { left: 0; width: 100%; content: ""; display: block; /* width: 102%; */ height: 1px; background-color: #858585; position: absolute; bottom: 0; /* left: -2px; */ } .detailimg_block_category_list .detailimg_border.detailimg_border_is-active::after, .detailimg_block_category_list .detailimg_border2.detailimg_border2_is-active::after { display: none; } .detailimg_block_category_list .detailimg_border .tab, .detailimg_block_category_list .detailimg_border2 .tab { background-color: #dcdcdc; color: #000; /* padding: 5px 10px; */ text-align: center; border-radius: 40px; /* width: 137px; */ height: 37px; display: flex; align-items: center; justify-content: center; margin-right: auto; margin-left: auto; } .detailimg_block_category_list .detailimg_border.detailimg_border_is-active .tab, .detailimg_block_category_list .detailimg_border2.detailimg_border2_is-active .tab { background-color: #3d3d3d; color: #fff; text-align: center; border-radius: 40px; height: 37px; display: flex; align-items: center; justify-content: center; margin-right: auto; margin-left: auto; } .detailimg_block_category_list .detailimg_border, .detailimg_block_category_list .detailimg_border2 { padding-top: 13px; padding-bottom: 12px; position: relative; } .detailimg_block_category_list .tab_text { font-size: 16px; font-weight: bold; } .detailimg_click_tab, .detailimg_click_tab2 { display: none; } .detailimg_click_tab.detailimg_border_is-show, .detailimg_click_tab2.detailimg_border2_is-show { display: block; padding-right: 28px; padding-left: 28px; } .detail_office_videoarea { /* max-width: 1145px; */ /* margin-right: auto; margin-left: auto; */ margin: 50px auto 80px; text-align: center; width:800px; height:500px; } .office_equipment_tag { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; max-width: 1145px; margin-right: auto; margin-bottom: 40px; margin-left: auto; padding-right: 20px; padding-left: 20px; } @media (max-width: 768px) { .office_equipment_tag { justify-content: space-around; } .detail_office_videoarea { width:100%; height:400px; } .detailimg_click_tab.detailimg_border_is-show { display: block; padding-right: 10px; padding-left: 10px; } } @media (max-width: 500px) { .detail_office_videoarea { height:280px; } } .office_equipment_tag::before { content: ""; display: block; width: 13%; height: 0; order: 1; } .office_equipment_tag::after { content: ""; display: block; width: 13%; height: 0; } .office_equipment_tag a { border-radius: 5px; border: 1px solid #707070; padding-top: 16px; padding-bottom: 16px; width: 13%; text-align: center; } @media (max-width: 768px) { .office_equipment_tag a { width: 22%; } } @media screen and (max-width: 500px) { .office_equipment_tag a { width: 49%; } } .office_equipment_tag a:nth-child(n + 8) { margin-top: 20px; } @media (max-width: 768px) { .office_equipment_tag a:nth-child(n + 5) { margin-top: 15px; } } @media screen and (max-width: 500px) { .office_equipment_tag a:nth-child(n + 3) { margin-top: 10px; } } .office_equipment_tag a p { font-size: 16px; font-weight: bold; } .office-detail-registerbtn { max-width: 1145px; /* margin-top: 34px; */ margin-top:100px; margin-right: auto; margin-bottom: 40px; margin-left: auto; text-align: center; display:flex; flex-wrap:wrap; } .user_register { width: 40%; max-width: 454px; font-size: 18px; font-weight: bold; padding: 26px 20px 26px 30px; border-radius: 5px; color: #fff; background-color: #F25252; margin: 0 auto; display: flex; justify-content: space-between; } .user_register p { margin: 0 auto; padding-right: 0; position: relative; width: 100%; } .user_register p::after { position: absolute; content: ""; background: url(/rakna/img/account.svg)no-repeat center center / contain; width: 21px; height: 27px; right: 0; } .doqument-request-btn { background: #F29100; } .ssp-only { display: none; } @media screen and (max-width: 1439px) { .user_register { width: 45%; } .ssp-only { display: none; } } @media (max-width: 768px) { .user_register { width: 60%; } .ssp-only { display: none; } .office-detail-registerbtn a { margin-bottom:30px; } .balloon { left:-30px; } } @media screen and (max-width: 500px) { .user_register { width: 90%; padding-top: 15px; padding-bottom: 15px; } .ssp-only { display: block; } } .office_info { font-size: 12px; font-weight: bold; } @media screen and (max-width: 500px) { .office_info { font-size: 11px; } } .office_info_detail_secondline { padding-top: 5px; } @media (max-width: 768px) { .detail_second-office-info { margin-top: 50px; } } .contact-tag-box { margin-bottom: 20px; } @media screen and (max-width: 500px) { .contact-tag-box { padding-left: 20px; } } .contact-tag-box ul { display: flex; flex-wrap: wrap; justify-content: left; } .contact-tag-box ul li { margin-top: 8px; margin-right: 11px; } .contact-tag-box ul li a { font-size: 11px; font-weight: bold; padding: 6px 12px; border-radius: 5px; border: 1px solid #707070; } .detail_property { max-width: 1133px; margin-right: auto; margin-left: auto; } @media screen and (max-width: 1439px) { .detail_property { margin-top: 70px; } } @media (max-width: 768px) { .detail_property { margin-top: 30px; } } .recommend_office .office_item::before { height: 102%; } .office-detail_slider_item { margin: 0 11px; position: relative; } .office-detail_slider_item img { max-width: none; width: 100%; object-fit: cover; } /* .office-detail_slider_item::after { position: absolute; content: ""; background-image: url("/rakna/img/new_icon.svg"); width: 100px; height: 100px; top: 0; left: 0; } */ .office_img { position: relative; } .office_img.newlabel::after { position: absolute; content: ""; background-image: url("/rakna/img/new_icon.svg"); width: 100px; height: 100px; top: 0; left: 0; } /* .office-phote { position: relative; } .office-phote::after { position: absolute; content: ""; background-image: url("/rakna/img/new_icon.svg"); width: 100px; height: 100px; top: 0; left: 0; } */ .office-detail dd.beforeLogin { color: transparent; text-shadow: 0 0 8px rgba(0,0,0,0.5); } .recommend { justify-content: center; } .office-detail_slider .slick-dots { bottom: 3%; } .office-detail_slider .slick-dots li button:before { opacity: 1; color: #b8b8b8; } .office-detail_slider .slick-dots li.slick-active button:before { color: #fff; } .office-detail_slider .slide-arrow { bottom: 0; cursor: pointer; margin: auto; position: absolute; top: 0; width: 40px; z-index: 2; } .office-detail_slider .prev-arrow { left: 5%; } .office-detail_slider .next-arrow { right: 5%; } .cover-limited-wrap.afterLogin { display: none; } .cover-limited { background: rgba(0,0,0,0.4); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; font-weight: bold; font-size: 18px; box-sizing: border-box; letter-spacing: 2px; font-family: 'Noto Sans JP', sans-serif; } .cover-limited-register { font-size: 16px; font-weight: bold; padding: 16px 25px; color: #fff; background-color: #F25252; position: absolute; /* bottom: 25%; */ bottom: 20%; left: 50%; transform: translateX(-50%); font-family: 'Noto Sans JP', sans-serif; } .cover-limited::before { position: absolute; content: ""; background-image: url(/rakna/img/key_big.png); width: 15px; height: 27px; /* top: 36%; */ top: 28%; left: 50%; } .top .header{ left: 50%; transform: translatex(-50%); } li.mainvisual_imgarea_item.slick-slide a { /* display: inline-block; */ display:block; height: 100%; margin:0 auto; width: auto; height: auto; } .other_link a.more_btn1 { color: #fff; background: #2e2e2e; } @media screen and (max-width: 500px) { .cover-limited-register { padding: 5px; font-size: 14px; bottom: 15%; width: 90%; } .cover-limited::before { top: 20%; } } #fopArea, #fopArea-2 { position: relative; z-index: 95; } /* 繝倥ャ繝繝シ */ .member_register_btnarea, .header_contact_btnarea { margin-left: 17px; } .member_register_btn, .header_contact_btn { padding-top: 9px; padding-bottom: 9px; color: #fff; display: flex; width: 150px; justify-content: center; } .member_register_btn p, .header_contact_btn p { margin-right: 10px; } .member_register_btn { background-color: #F25252; } .header_contact_btn { background-color: #000; } .header_contact_btn_to_owner { background-color: #888 !important; } .header_contact_btn_to_owner img { width:22px; } @media screen and (max-width: 1044px) { .top-title { width: 40%; justify-content: left; margin-left: 20px; } } @media screen and (max-width: 500px) { .member_register_btnarea, .header_contact_btnarea { margin-left: 0px; margin-top: 5px; } } @media screen and (max-width: 800px) { .mainvisual_popular_title { font-size: 20px; } .mainvisual_popular_tag a p { font-size: 12px; } .other dl dd{ font-size: 14px; } .add_title_tsubo { font-size: 24px; } .popular_title h3 { font-size: 22px; } .office-info-title { font-size: 30px; } } @media (min-width: 500px) and (max-width: 1300px) { .recommend_office_item_info { flex-wrap:wrap; } .recommend_office_item_info a { display: flex; } .recommend_office_item { max-width: 1310px; min-width:initial; } .recommend_office_items { overflow-x: auto; } } @media (min-width: 500px) and (max-width: 950px) { .recommend_office_item_info a, .recommend_office_item_detail { width:100%; } }