@charset "UTF-8"; /* *{ font-family: 'Noto Sans JP', sans-serif; } */ html { user-select: none; /* CSS3 */ -moz-user-select: none; /* Firefox */ -webkit-user-select: none; /* Safari、Chromeなど */ font-size: 100%; } ul li{ text-decoration: none; list-style: none; /* display: block; */ } li{ list-style: none; } a{ /* display: block; */ width: 100%; height: 100%; color: #333333; transition: .3s; text-decoration: none; } p{ margin: 0; } a:hover{ cursor: pointer; opacity: .7; transition: .3s; } /*大きさは%やvwを使う*/ img { max-width: 100%; vertical-align: bottom;} body{ -webkit-text-size-adjust: none; text-size-adjust: none;} figure{margin: 0;} *,*::before,*::after{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .wrapper { max-width: 1000px; margin: 0 auto; } /* form{ margin-bottom: 150px; } */ .inner{ margin-top: 35px; } .inner-wrap { background-color: #f4f4f4; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5); padding-bottom: 25px; } /* #fixed_header{ height: 77px; } */ .must{ padding: 10px; } /* /inputタグリセット */ /* about */ .about { text-align: center; width: 300px; margin: 0 auto; letter-spacing: 3px; padding: 10px 0; border-bottom: solid 2px; margin-bottom: 20px; font-size: 20px; color: #1d4d85; } .wrap-flex { display: flex; flex-wrap: wrap; } .about-title{ padding: 5px 0; color: white; font-size: 14px; font-weight: bold; text-align: center; background-color: #7ab2db; /* width: 90%; */ } .about-number-title{ width: 11%; } .about-name-title,.about-add-title{ width: 25%; } .about-floor-title{ width: 24%; } .about-around-title{ width: 15%; } .about-title{ display: flex; } .about-title.sp-prottl { background-color:#7AB2DB; color:#fff; padding:5px 0; } /* 仮 */ .about-item{ margin: 4px auto; padding: 5px 0; font-size: 15px; font-weight: bold; display: flex; justify-content: center; text-align: center; background-color: white; border: solid 1px #000; border-radius: 3px; } @media (min-width: 769px) { .about-item:hover{ background-color: #7ab2db; color: white; cursor: pointer; } } /* クリックイベント */ .about-item.isActive{ background-color: #7ab2db; color: white; } .slash{ display: flex; align-items: center; justify-content: center; } .about-number-top{ width: 11%; display: flex; align-items: center; justify-content: center; } .about-name,.about-add{ width: 25%; display: flex; align-items: center; justify-content: center; } .about-floor{ width: 24%; display: flex; align-items: center; justify-content: center; } .about-around{ width: 15%; display: flex; align-items: center; justify-content: center; } /* お問い合わせ種別 */ .kind-item{ width: 30%; margin: 0 auto; background-color: #fff; border: solid 1px black; margin: 10px; padding: 10px; border-radius: 3px; display: flex; justify-content: center; align-items: center; } .kind-item span{ font-size: 16px; font-weight: bold; } .must-kind{ color: #d23939; font-size: 10px; vertical-align: top; } @media (min-width: 769px) { .kind-item:hover{ cursor: pointer; background-color: #7ab2db; color: white; } } /* @media (max-width: 768px) { .kind-item:active{ cursor: pointer; background-color: #7ab2db; color: white; } } */ /* クリックイベント */ .kind-item.isActive{ background-color: #7ab2db; color: white; } .kind-item.isActive:before { font-family:'Font Awesome 5 Free'; content:'\f058'; font-size:120%; margin-right:5px; } .contact-cause { margin-right: 10px; } .button { text-align: center; } /* input button リセット */ input[type="button"]{ padding: 0; border: none; outline: none; background: transparent; background-color:none; } @media (min-width: 769px) { input[type="button"]:hover { color: white; background-color: #7ab2db; transition: .3s; } } /* @media (max-width: 768px) { input[type="button"]:active { color: white; background-color: #7ab2db; transition: .3s; } } */ .item1{ margin-right: 8px; } /* about-kind-item */ .about-kind{ margin-top: 30px; } .about-kind-item{ display: flex; flex-wrap: wrap; justify-content: center; } .container { margin-bottom: 20px; } .content-flex { display: flex; justify-content: space-between; } .content-flex1 { display: flex; align-items: center; } .input-body-budget{ display: flex; margin-left: 25px; } .userRateBox{ height: 60px; /* width: 90%; */ display: flex; } .userRentBox{ height: 60px; display: flex; } .userRate{ height: 60px; margin-right: 5px; } .userRent{ height: 60px; margin-right: 5px; } .userRateBox .yen{ padding-top: 25px; } .userRentBox .yen { padding-top: 25px; } .none{ display: none; } .item-section{ display: flex; margin-bottom: 6px; margin-top: 5px; align-items: center; } .time-select1{ display: flex; } .days-select{ justify-content: flex-start; /* width: 64%; */ } .days-select-item{ margin-left: 30px; } /* .days-select .time-select2 .item2{ width: 100%; } */ .input-section{ display: flex; width: 64%; } .input-section1{ display: flex; /* width: 60%; */ } input[type="text"] , input[type="tel"] { height: 60px; width: 100%; } input[type="address"] { height: 60px; width: 97%; } /* cheack box */ .content-flex .content-title { font-size: 18px; font-weight: bold; letter-spacing: 3px; background-color:#7ab2db; width: 33%; height: 60px; color: #fff; padding: 0.8rem; display: flex; justify-content: center; align-items: center; } .content-flex1 .content-title { font-size: 18px; font-weight: bold; letter-spacing: 4px; background-color:#7ab2db; width: 33%; height: 60px; color: #fff; padding: 0.8rem; display: flex; justify-content: center; align-items: center; } .must { color: #d23939; font-size: 10px; text-align-last: left; } .must:first-child { color: #d23939; font-size: 10px; display: flex; flex-direction: row-reverse; } /* Safariのみ */ ::-webkit-full-page-media, :future, :root .must:first-child{ font-size: 15px; } /* Firefoxのみ */ @-moz-document url-prefix(){ .must:first-child{ font-size: 15px; } } input[type="email"] { height: 60px; width: 100%; /* width: 35rem; */ /* margin-left: -20px; */ } input { font-size: 1em; padding: 10px; } select { width: 8rem; height: 50px; font-size: 18px; border-radius: 3px; border-color: #333; vertical-align: middle; cursor: pointer; color: #333; } /* span{ vertical-align: bottom; } */ .add{ height: 60px; margin-right: 5px; } .select1 { height: 60px; width: 5rem; font-size: 18px; } .check-inner{ padding-top: 7px; margin-left: 25px; } .check { margin-left: 25px; height: 60px; } .check1{ height: 60px; margin-left: 40px; } /* Safariのみ */ ::-webkit-full-page-media, :future, :root .check{ width: 130px; } ::-webkit-full-page-media, :future, :root .check1{ width: 130px; margin-left: 17px; } .check-box-item{ margin-top: 5px; cursor: pointer; } input[type="checkbox"]{ cursor: pointer; } .check-text{ cursor: pointer; margin-bottom: 6px; display: flex; align-items: center; } span{ cursor: pointer; } .mid{ width: 20px; display: flex; justify-content: center; align-items: center; margin-left: 20px; } textarea { width: 100%; height: 150px; font-size: 1em; padding: 5px; } /* .content-flex .massage{ font-size: 17.5px; } */ label { font-size: 15px; display: flex; align-items: center; } p.submit { text-align: center; } .secret{ /* padding-top: 20px; */ margin-left: -3px; cursor: pointer; } /* about */ .about{ text-align: center; width: 90%; margin: 0 auto; letter-spacing: 3px; padding: 10px 0; border-bottom: solid 2px; margin-bottom: 20px; font-size: 25px; color: #1d4d85; /* margin-top: 50px; */ } .bottom-text-sub{ margin-bottom: 20px; text-align: center; } /* sp-section */ .sp-section{ display: none; } /* scroll */ #scroll{ background-color: #f4f4f4; height: 200px; overflow: auto; padding: 16px; border: 1px solid #ccc; } .oft-userrules .ruleslist .circle{ line-height: 1.6; list-style: disc; display:block; } .oft-userrules p, dt, dd, .oft-userrules2 p, dt, dd{ font-size: 12px; margin-bottom: 1rem; } .oft-userrules dt, .oft-userrules2 dt{ font-weight: bold; } .oft-userrules ul.circle li{ line-height: 2; list-style: disc; } .oft-userrules ul.circle li, .oft-userrules2 ul.circle li{ margin-left: 25px; /* line-height: 1.6; */ } .mB20{ margin-bottom: 20px; } .none-style{ list-style: none; margin-left: 15px; } .input-extent-item{ margin-right: 50px; } .footer-box{ display: flex; justify-content: center; align-items: center; padding: 10px 0; font-size: 15px; color: white; background-color: #808080; cursor: pointer; } .select-image{ width: 100%; /* margin-right: -320px; */ /* margin-left: 20px; */ display: flex; flex-wrap:wrap; /* justify-content: center; */ } .select-image label input[type="radio"]{ margin-left: 10px; margin-top: 10px; } .select-image .img1{ /* width: 103%; */ background-image: url("../../img/common/select1.png"); /* background-size: 99.5%; */ /* padding-left: 1px; */ } .select-image .img2{ /* width: 100%; */ background-image: url("../../img/common/select2.png"); /* background-size: 99.5%; */ } .select-image .img3{ /* width: 100%; */ background-image: url("../../img/common/select3.png"); /* background-size: 100%; */ } .select-image label{ width: 32%; height: 166px; border: 1px solid #888; margin-right: 2%; display: inline-block; background-size: cover; background-position: center center; cursor: pointer; } .select-image label:last-child{ margin-right:0; } @media screen and (max-width:768px){ .select-image{ width: 100%; margin-left: 0; } .select-image label input[type="radio"]{ margin-left: 3px; margin-top: 3px; } .select-image label{ height: 100px; } .select-image .img1{ /* background-size: 100%; */ background-repeat: no-repeat; } .select-image .img2{ /* background-size: 90%; */ background-repeat: no-repeat; } .select-image .img3{ /* background-size: 90%; */ background-repeat: no-repeat; } /* accordion */ .sp-section{ display: initial; } .accordion-content1{ display: none; } .pc-section{ display: none; } .accordion-btn1{ color: #fff; background-color: #808080; text-align: center; padding: 10px 0; cursor: pointer; } .accordion-btn1:hover{ opacity: 0.7; } .footer-box{ color: #fff; background-color: #808080; text-align: center; width: 60%; margin: 10px auto; padding: 10px 0; } .email-info{ padding: 0; } .top-text{ margin-bottom: 0; } } /* 確認画面へボタン */ .link-btn-item a{ display: flex; justify-content: center; } .link-btn{ font-size: 26px; font-weight: bold; background-color: #1e4e85; width:100%; max-width: 380px; height: 66px; display: flex; justify-content: center; align-items: center; color: white; letter-spacing: 5px; border-radius: 40px; box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.5); margin:0 auto; border:1px solid #1e4e85; cursor:pointer; transition: .3s; } .link-btn.btnoff { background-color: #bbb !important; border:1px solid #ccc; cursor:default; } .link-btn.btnon:hover { opacity:0.7; } /* link-text */ .link-text{ text-align: center; margin-top: 20px; } .link-text-item a{ color: #1d4d85; } /* footer */ .footer{ margin-top: 30px; margin-bottom: 30px; } .br{ display: none; } .select-price{ display: flex; } .check-select{ display: flex; } .footersp{ display: none; } @media screen and (max-width:769px){ .inner-wrap{ background-color: #fff; box-shadow: none; padding-bottom: 25px; } .slash{ display: none; } .about-name-title{ width: 18%; } .about-add-title { width: 33%; } .about-number-top{ width: 5%; } .about-floor-title{ width: 17%; } .about-around-title{ width: 22%; } form{ width: 96%; margin: 0 auto; } .content-flex{ display: block; } .content-flex .content-title{ display: block; color: #7ab2db; background-color: #fff; margin-bottom: 5px; width: auto; height: auto; padding: 0; } .content-flex1{ display: block; } .content-flex1 .content-title{ display: block; color: #7ab2db; background-color: #fff; margin-bottom: 5px; width: auto; height: auto; padding: 0; } .input-section{ display: block; width: 100%; } .time-select2 .item2{ display: flex; margin-top: 8px; } .time-select2 .item2 label{ margin-right: 8px; } input[type="address"]{ width: 82%; /* height: 100%; */ /* margin-top: 10px; */ } .input-add{ display: flex; } .check-inner{ margin-left: 0; } .input-body-budget{ margin-left: 0; } .secret{ padding-top: 0; margin-left: 0; } .days-select-item{ margin-left: 0; } .link-text{ width: 96%; margin: 20px auto; } .link-text-item a{ display:block; } } @media screen and (max-width:630px){ .kind-item{ width: 47%; margin: 3px; } .kind-item span{ font-size: 13px; text-align: center; } } @media screen and (max-width:500px){ /* .about{ margin-top: 30px; } */ .about-number-title{ display: flex; align-items: center; justify-content: center; font-size: 13px; } .about-name-title{ display: flex; align-items: center; justify-content: center; font-size: 13px; } .about-add-title{ display: flex; align-items: center; justify-content: center; font-size: 13px; } .about-floor-title{ display: flex; align-items: center; justify-content: center; font-size: 13px; } .about-around-title{ display: flex; align-items: center; justify-content: center; font-size: 13px; } .br{ display: block; } .about-name, .about-add{ font-size: 12px; font-weight: normal; } .about-floor{ font-size: 12px; font-weight: normal; } .about-around{ font-size: 12px; font-weight: normal; } input[type="radio" i] { margin: 0; } .time-select2 .item2 label{ display: flex; align-items: center; } .time-select2 .item2 label{ font-size: 12px; padding-left: 3px; } .time-select2 .item2 label{ padding-right: 10px; } .days-select-item{ margin-left: 0; } .footer{ display: none; } .footersp{ display: block; margin-top: 20px; margin-bottom: 40px; } .mid{ margin-left: 0; } .check{ margin-left: 0; } .check1{ margin-left: 20px; } select{ width: 6rem; } .userRateBox .yen{ padding-top: 25px; font-size: 12px; } .userRentBox .yen{ padding-top: 25px; font-size: 12px; } .input-extent-item{ margin-right: 0px; } .select-price{ margin-left: 15px; } .secret{ font-size: 14px; } .link-btn-item{ width: 92%; margin: 0 auto; } .link-btn{ font-size: 22px; height: 60px; } .link-text-item{ font-size: 13px; } } /* account */ /* color: #1d4d85; */ #contentINQ .account{ max-width: 800px; margin: 50px auto; border: 2px solid #1d4d85 ; padding-top: 10px; } #contentINQ .account .account-title{ background-color: #1d4d85; color: #fff; text-align: center; padding-top: 10px; padding-bottom: 10px; display: flex; justify-content: center; align-items: center; } #contentINQ .account .acc-input{ text-align: center; letter-spacing: 3px; display: flex; align-items: center; justify-content: center; } #contentINQ .account .account-input{ display: flex; justify-content: center; align-items: center; cursor: pointer; } #contentINQ .account .waht-account{ display: flex; justify-content: center; align-items: center; padding-top: 15px; padding-bottom: 15px; } #contentINQ .account .new-account{ width: 25%; display: flex; flex-direction: column; justify-content: center; align-items: center; border-right: 1px solid #1d4d85; } #contentINQ .account .account-text{ color: #1d4d85; font-weight: bold; } #contentINQ .account .new-account .new-account-img{ width: 40px; height: 40px; } #contentINQ .account .account-merit{ width: 75%; display: flex; flex-direction: column; /* justify-content: center; */ /* align-items: center; */ } #contentINQ .account .merit-text{ color: #1d4d85; font-weight: bold; text-align: left; padding-left: 50px; padding-bottom: 5px; padding-top: 5px; letter-spacing: 1.7px; } #contentINQ .account .merit-text .fa-check{ padding-right: 5px; } #contentINQ .account .account-br{ display: none; } .footer-box{ margin-bottom: 50px; } .favorMailThanx { padding:150px 0px; } @media screen and (max-width:768px){ #contentINQ .account .new-account{ width: 15%; min-width: 80px; } #contentINQ .account .account-merit{ width: 85%; } #contentINQ .account .new-account .new-account-img{ width: 30px; height: 30px; } #contentINQ .account .account-text{ padding-top: 8px; } #contentINQ .account .merit-text{ display: flex; align-items: center; } #contentINQ .account .account-br{ display: block; } .fa-check{ font-size: 30px; padding-right: 20px; } .favorMailThanx { padding:100px 0px; } } @media screen and (max-width:500px){ #contentINQ .account .merit-text{ padding-left: 5px; font-size: 14px; letter-spacing: 0px; } #contentINQ .account .merit-text .fa-check{ font-size: 20px; padding-left: 10px; padding-right: 10px; } } .errBg { background-color: #ffeddd; } #wrap_breadcrumb { margin-bottom:0 !important; } /* 会員登録フォーム */ #contentINQ span { cursor:default; } #useraddH2 { font-size:180%; width:100%; max-width:1000px; margin:0 auto 20px; padding:40px 10px; border-^bottom:1px solid #bbb; } form#useraddform { width:100%; max-width:900px; margin:0 auto 30px; padding:10px; } form#useraddform td input[type='text'] { height:inherit; padding:10px 5px; } form#useraddform td select { font-size:115%; } form#useraddform td select.userRateBox, form#useraddform td select.add, form#useraddform td select.check { height:inherit; padding:10px 5px; } form#useraddform td .check-inner, form#useraddform td .input-area { display:flex; } form#useraddform td .check-inner label, form#useraddform td .input-area label { margin-right:10px; } form#useraddform td .userRateBox, form#useraddform td .userRateBox select.userRate { height:inherit; } .arrow-down { text-align:center; margin-bottom:30px; color:#023A63; } .listflex { display:flex; flex-wrap:wrap; } .listflex li { margin-right:2%; width:32%; } .listflex li:last-child { margin-right:0; } .alignend { align-items:end; } p.bftxt { font-size:180%; font-weight:bold; margin-bottom:30px; text-align:center; } .flexcc { display:flex; align-items:center; justify-content:center; } .flexcc .textlogo { display:inline-block; padding:0 5px; } .inquiryH4 { margin-bottom:10px; color:#223D59; font-size:125%; font-weight:normal; line-height:1.4em; padding:5px 10px; } table.favorCustomer { width:100%; max-width: 880px; border-collapse: collapse; margin: 10px auto; } .favorCustomer th { width: 280px; padding: 10px 5px; text-align: left; background-color: #DEEFFF; /*font-size: 14px;*/ border: 1px solid #ccc; } .favorCustomer td { width: 600px; padding: 10px 5px; text-align: left; border: 1px solid #cdefff; /*font-size: 14px;*/ } .favorCustomer td .select-image .img1{ background-image: url("../img/inquiry/select1.gif"); } .favorCustomer td .select-image .img2{ background-image: url("../img/inquiry/select2.gif"); } .favorCustomer td .select-image .img3{ background-image: url("../img/inquiry/select3.gif"); } .favorCustomer td .select-image label { background-size:contain; } .favorInquiryBox .hissu, .favorCustomer .hissu { padding: 2px; border: 1px solid #ff0000; font-weight: bold; background-color: #ffffff; color: #ff0000; font-size: 90%; margin-left: 5px; } table.favorCustomer td input[type="text"], .favorInquiryBox input[type="text"]{ padding:5px; border:1px solid #c2c2c2; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; } .favorCustomer td input::-webkit-input-placeholder{color:#BED6D6;} .favorCustomer td input:-ms-input-placeholder{color:#BED6D6;} .favorCustomer td input::-moz-placeholder{color:#BED6D6;} table.favorCustomer td .input-extent-item { margin-left:5px; } .favorFreeNote { width: 100%; max-width: 880px; padding: 10px; margin: 10px auto 20px; background-color: #DEEFFF; border: 1px solid #ccc; /*font-size: 14px;*/ } .favorFreeNote .freeNoteBox { width: 98%; padding: 10px; margin: 5px auto 0px; background-color: #ffffff; border: 1px solid #cccccc; /*font-size: 14px;*/ } .favorFreeNote .freeNoteBox textarea { width: 100%; height: 150px; padding:5px; border:1px solid #c2c2c2; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; box-sizing:border-box; } .oft-userrules { width: 100%; height: 220px; padding: 15px; background-color: #f7f7f7; border: 1px solid #ddd; margin: 15px auto 0; overflow-y: scroll; } .oft-userrules2 { width: 460px; height: 220px; padding: 15px; background-color: #f7f7f7; border: 1px solid #ddd; margin: 15px auto; overflow-y: scroll; } .oft-userrules p,dt,dd, .oft-userrules2 p,dt,dd { font-size: 12px; margin-bottom: 1em; } .oft-userrules dt, .oft-userrules2 dt { font-weight: bold; } .oft-userrules dd, .oft-userrules2 dd { padding-left: 10px; } .oft-userrules ul.circle li, .oft-userrules2 ul.circle li { list-style: disc; margin-left: 10px; } p.rulein { background-color:#2A6DA0; text-align:center; padding:0; margin-bottom:30px; } p.rulein label { justify-content:center; padding:15px; color:#fff; } p.rulein label input { margin-right:5px; } .formoutline { width:100%; max-width:1000px; margin-left:auto; margin-right:auto; } @media screen and (max-width:768px){ .listflex li, .listflex li:last-child { width:65%; margin-left:auto; margin-right:auto; margin-bottom:20px; } .alignend p:first-child { margin-bottom:20px; } p.bftxt { font-size:110%; } .bftxt.flexcc { display:block; } #useraddH2 { font-size:135%; padding-bottom:0; margin-bottom:0; } table.favorCustomer tr { display:flex; flex-wrap:wrap; width:100%; } table.favorCustomer th, table.favorCustomer td { width:100%; } table.favorCustomer td input[type="text"], table.favorCustomer td select { height:inherit; } table.favorCustomer td select { font-size:100%; padding:10px 0; } table.favorCustomer td .input-extent-item, table.favorCustomer td .check-text { margin-left:5px; } table.favorCustomer td .userRateBox .yen{ padding-top: 25px; font-size: 12px; } table.favorCustomer td .userRentBox .yen{ padding-top: 25px; font-size: 12px; } .nonflex { display:block !important; } .formoutline { padding: 0 15px; } } /* 20221117 korenaga */ .btnlink { display:block; background-color:#1D4C85; color:#fff; padding:4px 10px; width:120px; margin:2px auto; border-radius:30px; }