@charset "utf-8";

/* -------------------- TOP -------------------- */
html {
    font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
}

body {
    background-color: none;
}
main{
  padding: 50px;
  -moz-transform: scale(0.8); /* Firefox */
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.8); /* Opera */
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.8); /* Safari And Chrome */
  -webkit-transform-origin: 0 0;
  transform: scale(0.8); /* Standard Property */
  transform-origin: 0 0;  /* Standard Property */
  margin-left: 10%;
}

/* type=numberの時に表示される右側の矢印ボタン(スピンボタン)を非表示 */
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  -moz-appearance:textfield; 
  margin: 0; 
}

.text-center{
    text-align: center;
}
.yen input{
    width: 120px;
    margin: 0 5px;
}
.visible-sp{
	display:none !important;
}
.hidden-sp{
	display:block !important;
}
.w880{
    max-width: 880px;
}
.calc{
   position: relative;
   margin: 0 auto;
   padding: 30px 30px 0 30px;
   background: #fda83c;
   margin-top: 160px;
   border-radius: 6px;
 }
.calc .inner{
   text-align: center;
   background: #ffffff;
   background-image: url(../img/bg_dot.png);
 }
.calc p{
    margin-bottom: 0;
    margin-top: 0;
    padding: 20px 0;
 }
.inner{
    margin-top: 90px;
} 
.tensecond{
    position: absolute;
    text-align: center;
    top: -187px;
    left: 184px;
    background-image: url(../img/shadow.png);
    background-repeat: no-repeat;
    background-position: center 190px;
}
.tensecond h3{
    text-align: center;
    margin-bottom: 0;
}
.tensecond span{
    width: 100%;
    margin: 0 auto;
}
.div_checkbox{
    display: flex;
    justify-content: center;
}
.checkbox{
    padding: 10px 0 0 0;
}
.checkbox li{
    font-size: 1.3em;
    line-height: 2.4em;
    list-style: none;
    font-weight: bold;
    text-align: left;
}
.check_left{
    display: inline-block;
    width: 360px;
}
.check_right{
font-size: 1.1em;
}
.orange{
    font-size: 2.2em;
    color: #fda83c;
}
.div_yen_pc{
    padding: 25px 0;
    background: #ffffdd;
    border-bottom: 1px solid #fae25c;
}
.yen{
    margin: 0 auto;
}
.yen tr{
    border-bottom: none;
    }
.yen tr td{
    text-align: center;
    padding: 0 5px 0 0;
    }
.yen tr td input{
    padding: 0.3em 0.5em;
    text-align: right;
    font-size: 1.6em;
    }
.urikake{
    font-size: 22px;
    font-weight: bold;
}
.btn{
    padding: 15px 25px;
    border-radius: 30px;
    color: #ffffff;
    background:linear-gradient( to left, #e93b2a, #ec625d);
    font-size: 18px;
    text-decoration: none;
}
.btn:hover{
    background:linear-gradient( to left, #e93b2a, #fda83c);
}
.btn:active{
    background:linear-gradient( to left, #fda83c, #fda83c);
}

/* フォームボタン色変更 ファクタリング診断 */
.submit-button input,
.submit-button button,
.submit-button input[type="button"], 
.submit-button input[type="submit"] {
    width: auto;
    padding: 14px 0;
    border-radius: 30px;
    color: #05398D;
    background: #FCFF1C;
    font-size: 18px;
    border: solid 2px #05398D;
}

/* フォームボタン色変更 スピード査定 */
#submit-button input, #submit-button button,
#submit-button input[type="button"],
#submit-button input[type="submit"] {
    padding: 15px 25px;
    border-radius: 30px;
    color: #ffffff;
    background:linear-gradient( to left, #e93b2a, #ec625d);
    font-size: 18px;
    text-decoration: none;
    border: none;
}
p.no11{
    color: #e93b2a;
    font-size: 0.9em;
    padding: 20px 0 0 0;
}
/*オンライン査定 フォント設定　0801*/
.small_blue{
    font-size:14px;
    color: #005c9f;
    padding-left: 5px;
}
/* 出力 */
.result dt{
    margin-bottom: 0;
    font-size: 1.4em;
    font-weight: bold;
    color: #ff6600;
    padding: 12px 0 0 0;
    background: linear-gradient( to bottom, #00aaff, #0068ff);
}
.result span{
    font-size: 2.2em;
    font-weight: bold;
    color: #e93b2a;  
    }
.result .kaitori_time{
    font-size: 1.3em;
    font-weight: bold;
    color: #222222;  
    }
.result .kaitori_yen{
    font-size: 1.4em;
    font-weight: bold;
    color: #222222;  
    }
#result01{
   display: inline-block;
   padding: 0;
   border: none;
   margin-right: 4px;
    font-size: 2.2em;
    font-weight: bold;
    color: #e93b2a;
    }
#result02{
    display: inline-block;
    padding: 0;
    border: none;
    margin-right: 0;
    font-size: 2.2em;
    font-weight: bold;
    color: #e93b2a;
    }
#result03{
    display: inline-block;
    padding: 0;
    border: none;
    margin-top: 15px;
    margin-right: 0;
    font-size: 2.2em;
    font-weight: bold;
    color: #e93b2a;
    }
#result03 {
    display: inline-block;
    padding: 0;
    border: none;
    margin-right: 0;
    font-size: 2.2em;
    font-weight: bold;
    color: #e93b2a;
}
/* フォームを閉じる */
.close {
    text-align: right;
    margin: 0 10px 10px 0;
}
#satei-box {
    display: none;
    padding: 25px 0;
}
#mitsumori-form {
    display: none;
}
.ConB{
max-width: 80%;
    padding: 0 0 20px 0;
    display: flex;
    justify-content: space-evenly;
    margin: 0 auto;
}
.ConB dl dd{
    margin-left: 0;
    padding: 20px 30px;
    border: 3px solid #0068ff;
    height: 84px;
    background-color: #ffffff;
}
.ConD{
    display: flex;
    justify-content: center;
    background-color: #ffffdd;
    border-top: 1px solid #fae25c;
    padding: 40px 30px;
}
.form_table{
    margin-bottom: 20px;
    margin: 0 auto;
}
.form_table th{
    text-align: left;
    padding: 10px 20px 0 0;
}
.form_table td{
    text-align: left;
    padding: 10px 0 10px 0;
}
.form_table input{
    line-height: 2.6em;
    border: 1px solid #cdcdcd;
    padding: 0 0.8em;
}
.form_table select{
    border: 1px solid #cdcdcd;
    padding: 0.6em;
}
.inner_thanks{
    padding: 40px 0;
    text-align: left;
    max-width: 560px;
    margin: 0 auto;
}
.logo{
    text-align: center;
}

.div_submit{
    padding-top: 30px;
    display: flex;
    justify-content: space-evenly;
}
#submit-button{
    text-align: center;
}

/* -------------------- Smart Phone -------------------- */

@media screen and (max-width:750px){
body {
    margin: 0;
}
main{
  padding: 0;
    -moz-transform: scale(1); /* Firefox */
  -moz-transform-origin: 0 0;
  -o-transform: scale(1); /* Opera */
  -o-transform-origin: 0 0;
  -webkit-transform: scale(1); /* Safari And Chrome */
  -webkit-transform-origin: 0 0;
  transform: scale(1); /* Standard Property */
  transform-origin: 0 0;  /* Standard Property */
  margin-left: 0%;
    }

.visible-sp{
	display:block !important;
}
.hidden-sp{
	display:none !important;
}
.w880{
    max-width: 375px;
}
.calc{
   position: relative;
   margin: 0 10px;
   padding: 15px 15px 0 15px;
   background: #fda83c;
   margin-top: 110px;
   border-radius: 6px;
 } 
.yen tr td {
    text-align: center;
    padding: 0 0 0 5px;
}
.tensecond span {
    width: 100%;
    margin: 0 auto;
}
.tensecond span img{
    max-width: 100%;
    margin: 0 auto;
} 
.yen tr td input {
    padding: 0.3em 0.5em;
    text-align: right;
    font-size: 1.6em;
    width: 160px;
}
.inner{
    margin-top: 0;
} 
.tensecond{
    position: relative;
    text-align: center;
    top: -130px;
    left: 0;
    background-image: url(../img/shadow.png);
    background-repeat: no-repeat;
    background-position: center 90px;
}
.tensecond h3{
    text-align: center;
    margin-bottom: 0;
}
.tensecond span{
    width: 100%;
    margin: 0 auto;
}
.div_checkbox{
    display: flex;
    justify-content: center;
    padding: 0 10px;
}
.checkbox{
    padding: 10px 0 0 0;
}
.checkbox li{
    font-size: 1.1em;
    line-height: 2.0em;
    list-style: none;
    text-align: left;
}
.check_left{
    display: inline-block;
    width: auto;
}
.check_right{
font-size: 1.1em;
}
.orange{
    font-size: 1.6em;
    color: #fda83c;
}
.div_yen_sp{
    padding: 15px 10px;
    background: #ffffdd;
    border-bottom: 1px solid #fae25c;
    margin-top: -110px;
}
#result01 {
    display: inline-block;
    padding: 0;
    border: none;
    margin-right: 4px;
    font-size: 1.8em;
    font-weight: bold;
    color: #e93b2a;
}
.td_C{
    width: 60%;
 }
.td_D{
    width: 40%;
    text-align: right;
 }
.ConD {
    display: flex;
    justify-content: center;
    background-color: #ffffdd;
    border-top: 1px solid #fae25c;
    padding: 20px 15px;
}
.ConB {
    padding: 10px 0;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
}
#result03 {
    display: inline-block;
    padding: 0;
    border: none;
    margin-top: 0;
    font-size: 2.2em;
    font-weight: bold;
    color: #e93b2a;
} 
.form_table input {
    line-height: 2.6em;
    border: 1px solid #cdcdcd;
    padding: 0 0.8em;
    width: 160px;
}
.form_table th {
    text-align: left;
    padding: 10px 0 0 0;
    width: 40%;
}
.form_table td {
    text-align: left;
    padding: 15px 0 0 0;
}
.form_table .radio{
    width: 20px;
    text-align: left;
    }
.result dt {
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 1.4em;
    font-weight: bold;
    color: #ff6600;
    padding: 12px 0 0 0;
    background: linear-gradient( to bottom, #00aaff, #0068ff);
}

p.no11 {
    color: #e93b2a;
    font-size: 0.9em;
    padding: 20px 0 0 0;
    text-align: left !important;
}
.ConB dl dd {
    padding: 10px 20px;
    border: 2px solid #0068ff;
    height: auto;
    margin: 0 15px;
}
.inner_thanks{
    padding: 15px;
    margin-top: -110px;
}
.inner_thanks p{
    text-align: left !important;
}
.calc p {
    margin-bottom: 0;
    margin-top: 0;
    padding: 15px 0;
    line-height: 1.8em;
    text-align: center;
}
.div_submit{
    padding-top: 30px;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
}
#submit-button{
    text-align: center !important;
}

}