@charset "shift_jis";
/* CSS Document */

table{
border-spacing:0px;
}

h1{
margin-bottom:3%!important;
}

/* div#henpin *{margin:0; padding:0} */
div#henpin img{
    max-width: 100%;
    width: 100%;
}
div#henpin{
	width:750px;
	margin:0 auto;
	padding:0 0 30px 0;
	text-align:left;
	letter-spacing:1px;
	line-height:150%;
	font-size:12px;
	}
div#henpin h2{
	font-size:16px;
	font-weight:bold;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
span{
	color:#FF0000;
}
div#henpin .size2{
	margin-left:0px;
	margin-bottom:5px;
	padding-left:20px;
	line-height:100%;
	background:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u2539644/pc/common/css/../../images/henpin/icon_2.gif) no-repeat scroll left center transparent;
	}
div#henpin .size2_o{
	margin-left:0px;
	margin-bottom:5px;
	line-height:100%;
	border-bottom:2px solid #000;
	padding-bottom: 5px;
	}
/* #henpin table td {border:none;} */
#henpin .l20 {
	padding-left:20px;
}
#henpin .kiyaku {
	padding-left:40px;
	background-color:#ffdbdb;
	}
#henpin .l50 {
	padding-left:50px;
	}
div#henpin .step_01{
	background-image:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u2539644/pc/common/css/../../images/henpin/s_01.jpg); 
	width:495px;
	height:1055px;
	background-repeat:no-repeat;
	padding:10px 0 20px 205px;
	margin-bottom:30px;
}
div#henpin .step_02{
	background-image:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u2539644/pc/common/css/../../images/henpin/s_02.jpg); 
	width:495px;
	height:1200px;
	background-repeat:no-repeat;
	padding:10px 0 20px 205px;
	margin-bottom:30px;
}

  :root{
    --border:#888;
    --header-bg:#fff;
    --fee-bg:#d6f4f8; /* 淡い水色 */
  }
  .fee-table{
    border-collapse: collapse;
    width: 100%;
	margin:4% 0 2%;
    table-layout: fixed; /* 画像のように各列幅を一定に */
  }

  .fee-table th, .fee-table td{
    border: 1px solid var(--border);
    padding: 3px 8px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

  }
  /* 列幅の目安（必要に応じて調整してください） */
  .col-item{width: 9%;}
  .col-detail{width: 35%;}
  .col-fee{width: 30%;}
  .col-fee2{width: 30%;}

  /* 見出し */
  .fee-table thead th{
    background: var(--header-bg);
    font-weight: 600;
    font-size:0.5em;
  }
  .fee-table td{
   font-size:0.5em;
  }
  td.tv-cell {font-size:0.4em}

  /* 料金列の背景色 */
  .fee-col{
    background: var(--fee-bg);
    font-variant-numeric: tabular-nums; /* 桁を揃える */
  }

  /* 大小サイズのセルを少し狭めに */
  .size-cell{width: 6em;}

/* PC向け（768px以上） */
@media screen and (min-width: 768px) {
   .fee-table thead th{

    font-size: 14px ;
  }
  .fee-table td{
   font-size:14px;
  }

}