/*全ページ共通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%;
}

.table-left-space-result {
  width: 45%;
}

.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;
}