/*====================================

  フォーム用CSS

====================================*/
[v-cloak]{display:none;}

/*---------------------
  見出し
---------------------*/
h1{
  line-height: 1;
}

/*---------------------
  入力関係
---------------------*/
main p.input_txt { margin: 0 10px; font-size: 1.8rem; line-height: 1.5; }

.formType01 td input[type=text],
.formType01 td input[type=email],
.formType01 td input[type=tel],
.formType01 textarea{
	border-color: #000!important;
	border-radius: 5px;
}

.formBlock .btnBlock a.whtBtn { display: inline-block; margin: 0 10px; padding: 15px 60px 15px 60px; font-size: 2.6rem; position: relative; cursor: pointer; background: #fff; color: #009b69; font-weight: bold; border: 1px solid #ccc; border-radius: 5px; text-decoration: none; }

.formBlock{
  margin-top:40px;
}

input:focus, select:focus{
  outline:0;
}

/*---------------------
  幅
---------------------*/
.w-auto{
  width: auto!important;
}
.w_px-100{
  width: 100px!important;
}
.w_per-100{
  width: 100%!important;
}

/* auto ----------------------------- */
.w-5    {width:   5px !important;}
.w-10   {width:  10px !important;}
.w-15   {width:  15px !important;}
.w-20   {width:  20px !important;}
.w-25   {width:  25px !important;}
.w-30   {width:  30px !important;}
.w-35   {width:  35px !important;}
.w-40   {width:  40px !important;}
.w-45   {width:  45px !important;}
.w-50   {width:  50px !important;}
.w-55   {width:  55px !important;}
.w-60   {width:  60px !important;}
.w-65   {width:  65px !important;}
.w-70   {width:  70px !important;}
.w-75   {width:  75px !important;}
.w-80   {width:  80px !important;}
.w-85   {width:  85px !important;}
.w-90   {width:  90px !important;}
.w-95   {width:  95px !important;}
.w-100  {width: 100px !important;}
.w-105  {width: 105px !important;}
.w-110  {width: 110px !important;}
.w-115  {width: 115px !important;}
.w-120  {width: 120px !important;}
.w-123  {width: 123px !important;}
.w-125  {width: 125px !important;}
.w-130  {width: 130px !important;}
.w-135  {width: 135px !important;}
.w-140  {width: 140px !important;}
.w-145  {width: 145px !important;}
.w-150  {width: 150px !important;}
.w-155  {width: 155px !important;}
.w-160  {width: 160px !important;}
.w-165  {width: 165px !important;}
.w-170  {width: 170px !important;}
.w-175  {width: 175px !important;}
.w-180  {width: 180px !important;}
.w-185  {width: 185px !important;}
.w-190  {width: 190px !important;}
.w-195  {width: 195px !important;}
.w-200  {width: 200px !important;}
.w-210  {width: 210px !important;}
.w-220  {width: 220px !important;}
.w-230  {width: 230px !important;}
.w-240  {width: 240px !important;}
.w-250  {width: 250px !important;}
.w-255  {width: 255px !important;}
.w-260  {width: 260px !important;}
.w-270  {width: 270px !important;}
.w-280  {width: 280px !important;}
.w-290  {width: 290px !important;}
.w-300  {width: 300px !important;}
.w-310  {width: 310px !important;}
.w-320  {width: 320px !important;}
.w-330  {width: 330px !important;}
.w-340  {width: 340px !important;}
.w-350  {width: 350px !important;}
.w-360  {width: 360px !important;}
.w-370  {width: 370px !important;}
.w-380  {width: 380px !important;}
.w-400  {width: 400px !important;}
.w-410  {width: 410px !important;}
.w-430  {width: 430px !important;}
.w-450  {width: 450px !important;}
.w-500  {width: 500px !important;}
.w-520  {width: 520px !important;}
.w-535  {width: 535px !important;}
.w-540  {width: 540px !important;}
.w-600  {width: 600px !important;}
.w-610  {width: 610px !important;}
.w-640  {width: 640px !important;}
.w-740  {width: 740px !important;}
.w-800  {width: 800px !important;}

/*---------------------
  margin
---------------------*/
.mgt-0{
  margin: 0!important;
}
.mgt-10{
  margin: 10px 0 0;
}

/* all ------------------------------ */
.mg0  {margin:  0   !important;}
.mg5  {margin:  5px !important;}
.mg10 {margin: 10px !important;}
.mg15 {margin: 15px !important;}
.mg20 {margin: 20px !important;}
.mg25 {margin: 25px !important;}
.mg30 {margin: 30px !important;}

/* all auto ------------------------- */
.mg0a  {margin:  0   auto !important;}
.mg5a  {margin:  5px auto !important;}
.mg10a {margin: 10px auto !important;}
.mg15a {margin: 15px auto !important;}
.mg20a {margin: 20px auto !important;}
.mg25a {margin: 25px auto !important;}
.mg30a {margin: 30px auto !important;}

/* top ------------------------------ */
.mgt0   {margin-top:   0   !important;}
.mgt3   {margin-top:   3px !important;}
.mgt5   {margin-top:   5px !important;}
.mgt10  {margin-top:  10px !important;}
.mgt15  {margin-top:  15px !important;}
.mgt20  {margin-top:  20px !important;}
.mgt25  {margin-top:  25px !important;}
.mgt30  {margin-top:  30px !important;}
.mgt35  {margin-top:  35px !important;}
.mgt40  {margin-top:  40px !important;}
.mgt45  {margin-top:  45px !important;}
.mgt50  {margin-top:  50px !important;}
.mgt55  {margin-top:  55px !important;}
.mgt60  {margin-top:  60px !important;}
.mgt65  {margin-top:  65px !important;}
.mgt70  {margin-top:  70px !important;}
.mgt75  {margin-top:  75px !important;}
.mgt80  {margin-top:  80px !important;}
.mgt85  {margin-top:  85px !important;}
.mgt90  {margin-top:  90px !important;}
.mgt95  {margin-top:  95px !important;}
.mgt100 {margin-top: 100px !important;}

/* right ---------------------------- */
.mgr0   {margin-right:   0   !important;}
.mgr5   {margin-right:   5px !important;}
.mgr10  {margin-right:  10px !important;}
.mgr15  {margin-right:  15px !important;}
.mgr20  {margin-right:  20px !important;}
.mgr25  {margin-right:  25px !important;}
.mgr30  {margin-right:  30px !important;}
.mgr35  {margin-right:  35px !important;}
.mgr40  {margin-right:  40px !important;}
.mgr45  {margin-right:  45px !important;}
.mgr50  {margin-right:  50px !important;}
.mgr55  {margin-right:  55px !important;}
.mgr60  {margin-right:  60px !important;}
.mgr65  {margin-right:  65px !important;}
.mgr70  {margin-right:  70px !important;}
.mgr75  {margin-right:  75px !important;}
.mgr80  {margin-right:  80px !important;}
.mgr85  {margin-right:  85px !important;}
.mgr90  {margin-right:  90px !important;}
.mgr95  {margin-right:  95px !important;}
.mgr100 {margin-right: 100px !important;}

/* bottom --------------------------- */
.mgb0   {margin-bottom:   0   !important;}
.mgb5   {margin-bottom:   5px !important;}
.mgb10  {margin-bottom:  10px !important;}
.mgb15  {margin-bottom:  15px !important;}
.mgb20  {margin-bottom:  20px !important;}
.mgb25  {margin-bottom:  25px !important;}
.mgb30  {margin-bottom:  30px !important;}
.mgb35  {margin-bottom:  35px !important;}
.mgb40  {margin-bottom:  40px !important;}
.mgb45  {margin-bottom:  45px !important;}
.mgb50  {margin-bottom:  50px !important;}
.mgb55  {margin-bottom:  55px !important;}
.mgb60  {margin-bottom:  60px !important;}
.mgb65  {margin-bottom:  65px !important;}
.mgb70  {margin-bottom:  70px !important;}
.mgb75  {margin-bottom:  75px !important;}
.mgb80  {margin-bottom:  80px !important;}
.mgb85  {margin-bottom:  85px !important;}
.mgb90  {margin-bottom:  90px !important;}
.mgb95  {margin-bottom:  95px !important;}
.mgb100 {margin-bottom: 100px !important;}

/* left ----------------------------- */
.mgl0   {margin-left:   0   !important;}
.mgl5   {margin-left:   5px !important;}
.mgl10  {margin-left:  10px !important;}
.mgl15  {margin-left:  15px !important;}
.mgl18  {margin-left:  18px !important;}
.mgl20  {margin-left:  20px !important;}
.mgl25  {margin-left:  25px !important;}
.mgl30  {margin-left:  30px !important;}
.mgl35  {margin-left:  35px !important;}
.mgl40  {margin-left:  40px !important;}
.mgl45  {margin-left:  45px !important;}
.mgl50  {margin-left:  50px !important;}
.mgl55  {margin-left:  55px !important;}
.mgl60  {margin-left:  60px !important;}
.mgl65  {margin-left:  65px !important;}
.mgl70  {margin-left:  70px !important;}
.mgl75  {margin-left:  75px !important;}
.mgl80  {margin-left:  80px !important;}
.mgl85  {margin-left:  85px !important;}
.mgl90  {margin-left:  90px !important;}
.mgl95  {margin-left:  95px !important;}
.mgl100 {margin-left: 100px !important;}

/*---------------------
   color
---------------------*/
.red{
  color: red;
}

/* ----- 行揃え ----- */
.center {text-align: center !important;}
.right  {text-align: right !important;}
.left   {text-align: left !important;}
.top    {vertical-align: top !important;}
.middle {vertical-align: middle !important;}
.bottom {vertical-align: bottom !important;}

.est_detailBox{
  margin: 5px 0 0;
  text-align: right;
}

/* エラーメッセージ */
.error-list {
  font-size: 14px;
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding: 15px 15px 15px 30px;
  margin: 20px 0;
  border: 1px solid transparent;
  border-radius: 4px;
}
.error-list li {
  margin-bottom: 3px;
  list-style-type: disc;
}
.error-list li:last-child {
  margin-bottom: 0;
}
/* 一文だけの場合 */
.error.alert-danger{
  font-size: 14px;
  padding: 5px 10px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  position: absolute;
  top: -4px;
  right: 0;
}

.bed_num{
  display:inline-block;
  text-align:center;
  width:50px;
}

input.bed{
  text-align:center;
  width:100px !important;
}
input.bed.disabled{
  background: #ddd;
}

.estimate_desc1{
  margin-top: 10px;
  font-weight: bold;
  color: #1c593c
}
.insured_question .question_head{
  font-weight:bold;
  color: #555;
}
.insured_question .note{
  font-size: 18px;
  margin-bottom: 10px;
}
.insured_question ul{
  padding-left: 20px;
}
.estimateBox label.disabled{
  color: #999;
}




/*---------------------
  PDFダウンロードページ
---------------------*/
.pdfDlBox_item{
  text-align: center;
}
.pdfDlBox p{
  font-size: 16px;
}
.pdfDlBox p.itemTtl{
  margin: 0;
  font-weight: bold;
}
.pdfDlBox .itemImg img{
  border: 1px solid #ccc;
}
.pdfDlBtn{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 265px;
  margin: 0 auto;
  padding: 15px 28px 15px 72px;
  border-radius: 10px;
  background: #f74a69;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}
.pdfDlBtn::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  display: block;
  width: 42px;
  height: 42px;
  background: url(/common/img/icon_pdf-w.png);
  background-size: contain;
}



/*---------------------
  フォーム上部テキスト
---------------------*/
.formIntro_box{
  padding: 20px;
  border: 1px solid #bfe0e0;
  border-radius: 3px;
  background: #e7f4ef;
}
.formIntro{
  margin: 20px 0 40px;
}