.arrow_u {
  position: relative;
  display: inline-block;
  padding-left: 20px;
	
}
.arrow_u:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 24px;
  bottom: 0;
  margin: auto;
}



select option hr {
    border: none;
    border-top: 1px solid #ccc;
    margin: 2px 0;
}

.mB-1 {margin-bottom:-1px;}
.mB-2 {margin-bottom:-2px;}
.mB-3 {margin-bottom:-3px;}
.mB-4 {margin-bottom:-4px;}
.mB-5 {margin-bottom:-5px;}
.mB-10 {margin-bottom:-10px;}
.mB-20 {margin-bottom:-20px;}
.mB-30 {margin-bottom:-30px;}
.mB-40 {margin-bottom:-40px;}
.mB-50 {margin-bottom:-50px;}

.mT-1 {margin-top:-1px;}
.mT-2 {margin-top:-2px;}
.mT-3 {margin-top:-3px;}
.mT-4 {margin-top:-4px;}
.mT-5 {margin-top:-5px;}
.mT-10 {margin-top:-10px;}
.mT-20 {margin-top:-20px;}
.mT-30 {margin-top:-30px;}
.mT-40 {margin-top:-40px;}
.mT-50 {margin-top:-50px;}

.mL-4 {margin-left:-4px;}
.mL-10 {margin-left:-10px;}
.mL-20 {margin-left:-20px;}
.mL-30 {margin-left:-30px;}
.mL-40 {margin-left:-40px;}
.mL-50 {margin-left:-50px;}

.textL {text-align: left!important;}
.textR {text-align: right!important;}
.textC {text-align: center!important;}

.bold{font-weight:bold;}

.mT0 {margin-top: 0!important;} 
.mT5 {margin-top: 5px!important;} 
.mT8 {margin-top: 8px!important;}
.mT10 {margin-top: 10px!important;} 
.mT15 {margin-top: 15px!important;}
.mT20 {margin-top: 20px!important;}
.mT25 {margin-top: 25px!important;}
.mT30 {margin-top: 30px!important;}
.mT40 {margin-top: 40px!important;}
.mT50 {margin-top: 50px!important;}
.mT60 {margin-top: 60px!important;} 
.mT80 {margin-top: 80px!important;}
.mT100 {margin-top: 100px!important;}
.mT120 {margin-top: 120px!important;}

.mB0 {margin-bottom: 0!important;} 
.mB5 {margin-bottom: 5px!important;} 
.mB10 {margin-bottom: 10px!important;}
.mB15 {margin-bottom: 15px!important;}
.mB20 {margin-bottom: 20px!important;}
.mB25 {margin-bottom: 25px!important;} 
.mB30 {margin-bottom: 30px!important;} 
.mB40 {margin-bottom: 40px!important;} 
.mB50 {margin-bottom: 50px!important;} 
.mB60 {margin-bottom: 60px!important;}
.mB80 {margin-bottom: 80px!important;}
.mB100 {margin-bottom: 100px!important;}
.mB120 {margin-bottom: 120px!important;}
.mL0 {margin-left: 0!important;} 
.mL5 {margin-left: 5px!important;} 
.mL10 {margin-left: 10px!important;}
.mL15 {margin-left: 15px!important;} 
.mL20 {margin-left: 20px!important;}
.mL25 {margin-left: 25px!important;} 
.mL30 {margin-left: 30px!important;}
.mL40 {margin-left: 40px!important;}
.mL50 {margin-left: 50px!important;}
.mR0 {margin-right: 0!important;} 
.mR5 {margin-right: 5px!important;} 
.mR10 {margin-right: 10px!important;}
.mR15 {margin-right: 15px!important;}
.mR20 {margin-right: 20px!important;} 
.mR25 {margin-right: 25px!important;}
.mR30 {margin-right: 30px!important;} 
.mR40 {margin-right: 40px!important;}
.mR50 {margin-right: 50px!important;}

.pT0 {padding-top: 0!important;}
.pT5 {padding-top: 5px!important;} 
.pT10 {padding-top: 10px!important;}
.pT15 {padding-top: 15px!important;} 
.pT20 {padding-top: 20px!important;} 
.pT25 {padding-top: 25px!important;}
.pT30 {padding-top: 30px!important;} 
.pT40 {padding-top: 40px!important;} 
.pT50 {padding-top: 50px!important;} 
.pT60 {margin-bottom: 60px!important;} 
.pT80 {margin-bottom: 80px!important;} 
.pT100 {margin-bottom: 100px!important;}
.pT120 {margin-bottom: 120px!important;}

.pB0 {padding-bottom: 0!important;} 
.pB5 {padding-bottom: 5px!important;} 
.pB10 {padding-bottom: 10px!important;}
.pB15 {padding-bottom: 15px!important;}
.pB20 {padding-bottom: 20px!important;}
.pB25 {padding-bottom: 25px!important;} 
.pB30 {padding-bottom: 30px!important;}
.pB40 {padding-bottom: 40px!important;}
.pB50 {padding-bottom: 50px!important;}
.pB60 {margin-bottom: 60px!important;} 
.pB80 {margin-bottom: 80px!important;}
.pB100 {margin-bottom: 100px!important;} 
.pB120 {margin-bottom: 120px!important;}

.pL0 {padding-left: 0!important;}
.pL5 {padding-left: 5px!important;}
.pL10 {padding-left: 10px!important;}
.pL15 {padding-left: 15px!important;}
.pL20 {padding-left: 20px!important;} 
.pL25 {padding-left: 25px!important;}
.pL30 {padding-left: 30px!important;}
.pL40 {padding-left: 40px!important;}
.pL50 {padding-left: 50px!important;}

.pR0 {padding-right: 0!important;}
.pR5 {padding-right: 5px!important;}
.pR10 {padding-right: 10px!important;}
.pR15 {padding-right: 15px!important;}
.pR20 {padding-right: 20px!important;}
.pR25 {padding-right: 25px!important;}
.pR30 {padding-right: 30px!important;}
.pR40 {padding-right: 40px!important;} 
.pR50 {padding-right: 50px!important;}

.mT05em {margin-top: 0.5em!important;}
.mT1em {margin-top: 1em!important;}
.mT15em {margin-top: 1.5em!important;}
.mT2em {margin-top: 2em!important;}
.mT3em {margin-top: 3em!important;}
.mB05em {margin-bottom: 0.5em!important;}
.mB1em {margin-bottom: 1em!important;} 
.mB15em {margin-bottom: 1.5em!important;}
.mB2em {margin-bottom: 2em!important;} 
.mB3em {margin-bottom: 3em!important;}

.center{
	text-align:center;
}

.fs80{
	font-size:0.8em;
	font-weight: 400;
}

.fs120{
	font-size:1.2em;
}

.midashi-kingaku {
    font-size: 3em;
    color: #333333;
    border-top: 1px dashed #333333;
    border-bottom: 1px dashed #333333;
    padding-bottom: 6px;
	font-weight:bold;
}

	
    .simulator-table {
      width: 100%;
      max-width: 800px;
      border-collapse: collapse;
      margin-top: 2em;
    }

    .simulator-table th {
      text-align: center;
		border: 4px solid #EBE8E6;
		background-color:#9999991a;
    }

    .simulator-table td {
      padding: 8px;
      border: 4px solid #EBE8E6;
      text-align: center;
	background-color: #f0f0f0;
    }

    .simulator-table td.kingaku {
      padding: 8px;
      border: 4px solid #EBE8E6;
      text-align: right;
	  font-size:1.4em;
    }

    .simulator-form {
      max-width: 800px;
      width: 100%;
      margin: 24px 0;
      border-collapse: collapse;
		background-color:#ffffff99;
		padding:32px;
		border-radius: 8px;
    }

    .simulator-form th,
    .simulator-form td {
      padding: 8px;
      border: 1px solid #999999;
      text-align: left;
      vertical-align: top;
    }

    @media screen and (max-width: 600px) {
      .simulator-form tr {
        display: block;
      }

      .simulator-form th,
      .simulator-form td {
        display: block;
        width: 100%;
        box-sizing: border-box;
        border: none;
      }

      .simulator-form th {
        font-weight: bold;
        background: #f0f0f0;
        padding-top: 0.5em;
      }

      .simulator-form,
      .simulator-table {
        font-size: 18px;
      }

		
      select,
      button {
        width: 100%;
        margin-top: 8px;
      }
    }

    .od-btn04 {
      border-style: none;
      font-size: 1.2em;
      border-radius: 99px;
      padding: 16px 20px 18px 10px;
      background-color: #c26148;
      color: white;
      cursor: pointer;
      min-width: 280px;
    }

    .od-table02 td {
      border-width: 0 1px 1px 0;
      padding: 1em 0.6em;
      line-height: 1.5;
      vertical-align: middle;
	  border: 4px solid #EBE8E6;
    }

    .is-style-od-table02 table,
    .od-table02 {
      border-width: 1px;
    }
	
	

.is-style-od-table02 table,
.od-table02 {
    border-width: 1px;
}

@media screen and (max-width: 800px) {
  /* テーブルの行をブロック要素として扱い、縦に並ぶようにする */
  .simulator-form tr {
    display: block;
    margin-bottom: 1em; /* 各項目の間に余白を追加 */
  }

  /* テーブルのヘッダー（th）とデータ（td）をブロック要素にし、幅を100%にする */
  .simulator-form th,
  .simulator-form td {
    display: block;
    width: 100%;
    box-sizing: border-box; /* paddingとborderを幅に含める */
    border: none; /* スマホ表示では枠線を消す */
    text-align: left; /* 文字を左揃えにする */
  }

  /* ヘッダー（項目名）のスタイル */
  .simulator-form th {
    font-weight: bold;
    background-color: #f0f0f0; /* 背景色を薄いグレーに */
    padding: 0.8em;
    border-bottom: 1px solid #ddd; /* 下に区切り線を追加 */
  }

  /* データ（プルダウンメニュー）のスタイル */
  .simulator-form td {
    padding: 0; /* td自体の余白は不要 */
  }

  /* 全体の文字サイズを調整 */
  .simulator-form,
  .simulator-table {
    font-size: 16px;
  }

  /* select（プルダウン）とbuttonの幅を100%にする */
  select,
  button {
    width: 100%;
    margin-top: 0; /* thとの間の余白をリセット */
    font-size: 1.1em; /* 文字を少し大きくしてタップしやすくする */
    padding: 0.8em;
  }

  /* ボタンの上部に余白を追加 */
  #calcButton {
      margin: 1em 0;
  }