/*全ページ共通css*/

.img-width {
    width: 60%;
    margin: 0 auto;
}

.min {
    min-width: 300px;
}

.pc { /*モバイルとpcを切り替える用のcss*/
    min-width: 700px;
}

.mobile { /*モバイルとpcを切り替える用のcss*/
    display: none;
}

.main-color {
    background-color: var(--main-color1);
}

.header {
    text-align: center;
    margin-bottom: 2.5vh;
    border-bottom: 3px solid var(--main-color1);
    padding: 10px;
}

.header img {
    width: 32%;
    margin-top: 0.75vh;
    margin-bottom: 0.75vh;
    height: 0 auto;
    max-width: 1000px;
}

.disable-img {
    display: none;
}

.navigation {
    text-align: center;
    margin-bottom: 20px;
}

.navigation img {
    width: 52.5%;
}

.simulation { /*正直査定画像読み込み用のcss*/
    margin: 0 auto;
    text-align: center;
}

.simulation img {
    width: 17%;
    max-width:1400px;
}

.navigation-mobile {
    text-align: center;
}

.navigation-mobile img {
    width: 100%;
}

.item-center {
    text-align: center;
}

.item-margin {
    margin: 0 auto;
}

.item-margin-left {
    margin-left: 20%;
}

.margin-top {
    margin-top: 1vw;
}

.margin-bottom {
    margin-bottom: 2vw;
}

.footer { /*フッター用のcss*/
    color: #999999;
    background: #333333;
    padding: 20px;
    text-align: center;
    font-size: small;
}

.padding-top-little {
    padding-top: 0.5vw;
}

.padding-bottom-little {
    padding-bottom: 0.5vw;
}

.padding-top-bottom-little {
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
}

.padding-top{
    padding-top: 2vw;
}

.padding-top-normal {
    padding-top: 3.5vw;
}

.margin-top-normal {
    margin-top: 3.5vw;
}

.padding-bottom-normal {
    padding-bottom: 3vh;
}

.padding-bottom-middle {
    padding-bottom: 5vw;
}

.padding-top-large {
    padding-top: 10vh;
}

.padding-bottom-large {
    padding-bottom: 18vh;
}

.list-padding-bottom {
    padding-bottom: 5vw;
}


/*表関連css*/

.table-entryform {
    width: 60%;
    margin: 0 auto;
    /*border: 1.5px solid;*/
    font-size: 1.5vw;
}

.table-left-space {
    width: 40%;
    background-color: var(--main-color3);
}

.table-left-space-result {
    width: 45%;
    background-color: var(--main-color3);
}

.table-right-side-fontsize {
    font-size: 1vw;
}

.table-input-fontsize {
    font-size: 1.2vw;
}

.table-inner-text {
    padding-left: 3vw;
    padding-top: 0.8vw;
    padding-bottom: 0.8vw;
}

.table-inner-text-result {
    padding-left: 3vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
}

.table-inner-text-result-name {
    padding-left: 3vw;
    padding-top: 1.2vw;
    padding-bottom: 2.4vw;
}

.fontsize-text{
    font-size: 1vw;
}

.undertable-text{
    font-size: 2vw;
}

.table-entryform-thd {
    padding: 1vw 1vw;
    border: 1px solid;
    border-color: gray;
}

.table-info-width {
    width: 65%;
}

/*ボタン用css*/

.btn-base {
    display: inline-block;
    text-align: center;
    padding: .375rem 0.75rem;
}

.btn-adress {
    text-align: center;
    padding: 0 1vw;
    font-size: 1.2vw;
}

.btn-blue-black {
    color: #fff;
    background-color: var(--main-color1);
    border: none;
}

.btn-orange {
    font-weight: 400;
    text-align: center;
    color: #fff;
    border: none;
    background-color: var(--main-color1);
}

.btn-inform {
    border: none;
    border-radius: 35px;
    padding: 10px 40px;
    font-size: 1.5vw;
}

.btn-to-xx {
    display: none;
    color: #fff;
    background-color: var(--main-color2);
    border: none;
    border-radius: 35px;
    padding: .500rem .800rem;
    font-size: 1.5vw;
    text-align: center;
}

.btn-to-xx-white-margin-pc {
    display: block;
    color: #fff;
    background-color: #fff;
    border: none;
    border-radius: 35px;
    padding: .375rem .375rem;
    font-size: 2vw;
    text-align: center;
}

.btn-contact {
    border-radius: 35px;
    padding: .500rem 3vw;
    font-size: 1.7vw;
}

.btn-result {
    border-radius: 35px;
    padding: .3rem 1em;
    font-size: 1.5vw;
}

.btn-back-top {
    border-radius: 35px;
    font-size: 1.5vw;
    color: #fff;
    border: none;
    padding: 10px 60px;
    background-color: var(--main-color1);
}

.btn-close {
    text-align: center;
    color: #fff;
    background-color: #888888;
    border: none;
    border-radius: 35px;
    padding: 10px 60px;
    font-size: 1.5vw;
}

.btn-modify {
    text-align: center;
    color: #fff;
    background-color: #888888;
    border: none;
    border-radius: 35px;
    padding: .500rem 4em;
    font-size: 1.7vw;
}

.btn-under-orange {
    color: var(--main-color1);
    background-color: #FBDCC3;
    border: none;
}

.btncontact-trade-merit {
    border-radius: 35px;
    padding: 0.5vh 1.5vw;
    font-size: 1.5vw;
    font-weight: 400;
}

.btncontact-trade-merit-img {
    display: none;
}

.btncontact-sold-merit {
    border-radius: 35px;
    padding: 0.5vh 1.5vw;
    font-size: 1.5vw;
    font-weight: 400;
}

.btncontact-sold-merit-img {
    display: none;
}

.btn-content-confirm {
    color: #fff;
    background-color: var(--main-color2);
    border: none;
}

.btn-content-confirm-sent {
    color: #fff;
    background-color: var(--main-color2);
    border: none;
    padding: .500rem 4em;
}

.btn-modify-mobile{
    color: #fff;
    background-color: #888888;
    border: none;
    /*padding: .500rem 4em;*/
    border-radius: 15px;
    padding: .3em 3.3em;
}

/*シミュレーションページ*/
.shouzikisatei img {
    width: 32%;
}

.simulation-span-huge{
    font-weight: bold;
    font-size: 4.5vw;
    vertical-align: baseline;
}

.simulation-span-md {
    font-weight: bold;
    font-size: 1.8vw;
    vertical-align: baseline;
}

.simulation-text {
    text-align: center;
    font-weight: bold;
    font-size: 1.8vw;
}

.simulation-text-mobile {
    text-align: center;
    font-weight: bold;
    font-size: 3.6vw;
}

.pulldown-list {
    max-width: 30%;
    margin: 0 auto;
}

.pulldownlist-over-text {
    font-size: 1.25vw;
}

.border-price-arround {
    padding: 0.5em 1em;
    margin: 0 auto;
    font-weight: bold;
    color: black;/*文字色*/
    background: #FFF;
    border: solid 3px var(--main-color1);/*線*/
    border-radius: 7px;/*角の丸み*/
}

.astarisk {
    color: red;
}

.black {
    color: black;
}

.simulation-warn {
    text-align: center;
    font-size: 1vw;
}

.under-price {
    color: black;
}

.over-plice {
    color: black;
}

.under-button-xx{
    padding-bottom: 1em;
}

.over-button-xx{
    padding-top: 1em;
}

.comppage {
    font-size: 4vw;
}

.scale-up {
    transform: scale(1.3);
}

.scale-resultbtn {
    transform: scale(1.2);
}

/*エントリーフォーム入力画面*/

/*確認のため、再度メールアドレスの入力をお願いします。の上下の空白*/
.sample-up-down {
    padding: 0.8vw 0;
}

.margin-postcode {
    margin-top: 0.5%;
}


.form-comtitle {
    padding-top: 1em;
}

/*入力不足によるアラートのcss*/
.form-alart{/*アラート全体のcss*/
    width: 40%;
    font-weight: bold;
    color: #FF4F50;
    text-align: left;
    padding-bottom: 1em;
}

.alart-text{
    font-size: 1.2vw;
}

/*ラジオボタンデザイン*/

input.geomsize {
    width: 2em;
    height: 2em;
}
input.geomsize2 {
   transform: scale(1.8);
   accent-color: var(--main-color1);
}

input.geomsizemob {
    transform: scale(1.3);
    accent-color: var(--main-color1);
 }

span {
    display: inline-block;
}

.margin-left {
    margin-left: 2%;
}

.margin-left-personel {
    margin-left: 2%;
}

.checkbox-new{
    transform: scale(1.3);
}


.form-alart-mobile{/*モバイル版のアラートのcss*/
    width: 70%;
    font-weight: bold;
    color: #FF4F50;
    text-align: left;
    font-size: 3.5vw;
}

.errormessage {
    font-size: 2vw;
}

/*----------------------*/

.entryform-message {
    text-align: center;
    font-weight: bold;
    font-size: 1.8vw;
    padding: 2vw 0;
}

.entryform-required {
    font-size: 1vw;
    padding-left: 77%;
}

.toggle-buttons {
    max-width: 60%;
    margin: 0 auto;
}

.table-under-text {
    width: 50%;
    margin: 0 auto;
}

.text-required-name {
    padding-left: 12vw;
}

.text-required-address {
    padding-left: 10.5vw;
}

.text-required-phonnumber {
    padding-left: 8.9vw;
}



.text-required-mail {
    padding-left: 6vw;
}

.text-required-choice {
    padding-left: 2.7vw;
}

.text-required-choice-last {
    padding-left: 3vw;
}

.text-required-inner-item {
    text-align: center;
    padding: 0.2vw 0.4vw;
    background-color: #FF4F50;
    color: #FFF;
    font-size: 1.2vw;
}

.personel-info {
    font-size: 1.8vw;
}


/*エントリーフォーム入力ページ画面遷移*/



/*エントリーフォーム入力内容確認画面*/

 

/*受け付け完了ページ*/

.comp-message {
    text-align: center;
    margin-top: 5vh;
    margin-bottom: 7vh;
    font-size: 1.7vw;
}

.shadow {
    box-shadow: 0 3px 3px #EEEEEE;
}

/*モバイル対応用のcss*/

.entryform-message-mobile {
    text-align: center;
    font-weight: bold;
    /*font-size: 5vw;*/
    padding: 2vw 0;
}

.footer-mobile { /*モバイル版のフッター用のcss*/
    color: #999999;
    background: #333333;
    padding: 4vw;
    text-align: center;
    font-size: 2vw;
}

.mobile-header {
    text-align: center;
    margin-bottom: 2.5vh;
    border-bottom: 3px solid var(--main-color1);
    padding: 10px;
}

.mobile-header img {
    width: 50%;
    margin-top: 0.75vh;
    margin-bottom: 0.75vh;
    height: 0 auto;
}

.toppng {
    width: 50%;
    margin: 0 auto;
}

.mobile-width {/*モバイルの際の画面幅に対して90%でとってある*/
    width: 90%;
    margin: 0 auto;
}

.text-required-inner-item-mobile {/*モバイル用の必須表示のデザイン*/
    padding: 0.8vw 1.8vw;
    background-color: #FF4F50;
    color: #FFF;
}

.text-required-mobile {
    padding-left: 5vw;
}

.mobile-text {
    margin: 0 auto;
}

.mobile-text-required {
    font-size: 2vw;
}

.font-bold{
    font-weight: bold;
}

.mobile-padding-bottom-normal {
    padding-bottom: 2vw;
}

.mobile-padding-bottom-nature {
    padding-bottom: 12vw;
}

.mobile-padding-bottom-middle{
    padding-bottom: 6vw;
}

.mobile-padding-bottom-little {
    padding-bottom: 1vw;
}

.mobile-padding-top-little {
    padding-top: 1vw;
}

.mobile-text-alert {
    font-size: 2.5vw;
    font-weight: bold;
}

.mobile-text-alert-slim {
    font-size: 2vw;
}

.mobile-image-pic1 {
    font-size: 3.5vw;
    font-weight: bold;
    margin: 0 auto;
    display: none;
}

.mobile-image-pic1-img {
    width: 90%;
}

.mobile-image-pic2 {
    width: 100%;
    display: none;
}
  
.margin-right {
    margin-left: 75vw;
}

.btn-contact-mobile {
    border-radius: 25px;
    padding: .5em 4em;
}

.btn-send-mobile {
    border-radius: 15px;
    padding: .3em 3.3em;
    color: #fff;
    background-color: var(--main-color2);
    border: none;
}

.btn-content-confirm-mobile {
    color: #fff;
    background-color: var(--main-color2);
    border: none;
}

.btn-orange-mobile-trade {
    padding: .2rem 15px;
    text-align: center;
    color: #fff;
    border: none;
    background-color: var(--main-color1);
    border-radius: 15px;
}

.btn-orange-mobile-sold {
    padding: .2rem 15px;
    text-align: center;
    color: #fff;
    border: none;
    background-color: var(--main-color1);
    border-radius: 15px;
}

.mobile-personel-info {
    font-size: 4vw;
}

.required-inner-item-mobile {
    color: #FFF;
    background-color: #FF4F50;
}

.search-adress {
    font-size: 3vw;
}

.mobile-padding-bottom-large {
    padding-bottom: 20vw;
}

.mobile-form-conf-width {
    width: 80%;
}

.bold {
    font-weight: bold;
}

.indent {
    text-indent: 1rem;
}

.comp-message-mobile {
    text-align: center;
    margin-top: 5vh;
    margin-bottom: 5vh;
    font-size: 4vw;
}

.btn-under-orange-mobile {
    text-align: center;
    padding: .375rem .75rem;
    color: #fff;
    background-color: var(--main-color1);
    border: none;
    border-radius: 35px;
    padding: 10px 30px;
    font-size: 3.5vw;
}

.btn-close-mobile {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #888888;
    border: none;
    border-radius: 35px;
    padding: 5px 60px;
    font-size: 3.5vw;
}

.border-price-arround-mobile {
    padding: 2vw 3vw 2vw 3vw;
    margin: 0 auto;
    font-weight: bold;
    color: black;/*文字色*/
    background: #FFF;
    border: solid 3px var(--main-color1);/*線*/
    border-radius: 15px;/*角の丸み*/
}

.simulation-span-huge-mobile{
    font-size: 8vw;
}

.pulldown-list-mobile {
    max-width: 70%;
    margin: 0 auto;
}

.simulation-warn-mobile {
    text-align: center;
    font-size: 2vw;
}

.btn-orange-mobile-result {
    text-align: center;
    padding: .3em 1em;
    color: #fff;
    border: none;
    background-color: var(--main-color1);
    font-size: 4.5vw;
    border-radius: 35px;
}

.btn-to-xx-mobile {
    display: none;
    color: #fff;
    background-color: var(--main-color2);
    border: none;
    border-radius: 35px;
    padding: .500rem .800rem;
    font-size: 3.5vw;
    text-align: center;
}

.check-width {
    width: 60%;
}

.check-width-mobile {
    width: 85%;
}

.mobile-item-required {
    font-size: 2.5vw;
}

.result-now{
    border: none;
}




.btn-to-xx-white-margin {
    display: block;
    color: #fff;
    background-color: #fff;
    border: none;
    border-radius: 35px;
    padding: 2vw 2vw;
    font-size: 3.5vw;
    text-align: center;
}

.padding-top-mobile{
    padding-top: .5em;
}

/*モバイル版のフォーム入力画面の行間の開け方*/

.padding-top-text {
    padding-top: 1.2em;
    padding-bottom: 0.5em;
}

/*確認のため、再度メールアドレスの入力をお願いします。*/

.sample-mobile {
    padding-top: 0.7em;
    padding-bottom: 0.7em;
}

.padding-top-button {
    padding-top: 2em;
}



.col-form-label div {
    font-size: 1.5vw;
}

.select-font select{
    font-size: 1.5vw;
}

/* プレースホルダー表示変更(薄くする） */
::placeholder {
   color: #aaa !important;
}