@import '01_font-sizes.css';
/* 料金案内.css */
.ryoukinAnnai .kyoutyouMonku{
    font-size: calc(var(--font-size-lg) + 30px);
    text-align: center;
}

.container1 table {
    border-collapse: collapse;
    width: 80%;
    margin: 20px auto;
}

.container1 table, .container1 th, .container1 td {
    border: 1px solid #333;
}

.container1 th, .container1 td {
    padding: 10px;
    text-align: center;
    /* width: 42%; */
}

.cost_pack {
    gap: 6px 90px; /* 余白 */
    display: flex;
    justify-content: center;
    align-items: center;
} 
.cost_pack h2{
    width: 510px;
    background-color: #ffe599;
}

.cost_pack div{
    width: 510px;
}

#truck-images{
    display: flex;
}

#truck-image {
    width: 300px;
    height: 200px;
    border: 1px solid #333 ;
    margin: 20px auto;
    /* 画像の後で置き換える際に適切なスタイルを追加します */
}

#truck-images2 {
    display: flex;
    display: flex;
    gap: 66px;
    text-align: center;
    justify-content: center;
    /* width: 300px;
    height: 200px; */
    /* border: 1px solid #333 ;
    margin: 20px auto; */
    /* 画像の後で置き換える際に適切なスタイルを追加します */
}

#truck-images2 img {
    width: auto;
    height: 214px;
}

h2 ul {
    list-style-type: disc;
    margin-left: 20px;
}

.ryoukinAnnai table td:first-child{
    width: 250px;
}

.ryoukinAnnai table tr th:first-child{
    width: auto;
}

.container1 table tr td:nth-child(1),.container1 table thead tr th{
    background-color: #b8e5d39e;
}

.container1 table {
    border-collapse: collapse;
    width: 100%;
    /* min-width: 80%; */
    background-color: #fff;
}

.container1 table, .container1 th, .container1 td {
    border: 1px solid #ccc;
    padding: 10px;
    max-width: 1070px;
}

.container1 th, .container1 td {
    padding: 10px;
    text-align: center;
}

.container1 .kyoutyou{
    font-size: calc(var(--font-size-lg) + 12px);
    font-weight: 200;
}

.flex-container {
    display: flex;
    align-items: center;
    border: none;
}

.oniwa .h2Kakko {
    font-size: calc(var(--font-size-lg) + 10px);
}

/* .cost_pack{
    border: 2px solid black;
} */

/* h3{
    padding-left: 30px;
} */

/* .ryoukinAnnai h2{
    padding-left: 6%;
    font-size: calc(var(--font-size-lg) + 10px);
} */

.kakko-03 {
	padding: 2rem 2.5rem;
	position: relative;
	text-align: center;
	box-sizing: border-box;
}
.kakko-03::before,

.kakko-03::after {
	display: block;
	position: absolute;
	top: 50%;
	line-height: 0;
	box-sizing: border-box;
	font-size: 6rem;
	/* font-family: 游明朝, "Yu Mincho",YuMincho,
	"Hiragino Mincho ProN",	HGS明朝E,
	メイリオ, Meiryo,
	serif; */
	color: #a9a9a9; /* 括弧の色 */
}
.kakko-03::before {
	content: '('; /* 開き括弧の種類*/
	left: 0;
}
.kakko-03::after {
	content: ')'; /* 閉じ括弧の種類*/
	right: 0;
}
.kakko-03 p{
	margin: 0;
}

.kusakari_ryoukinn {
    padding-left: 30px;
}

.kusakari_ryoukinn .rei{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 864px;
    margin: 0 auto;
    /* color: white;
    background-color: #4d95eb; */

    color: black;
    background-color: #d3efe4;
    border: 4px solid black;
}

.kusakari_ryoukinn .rei span{
    font-size: calc(var(--font-size-lg) + 10px);
    font-weight: 200;
    text-align: center;
    margin: 10px;
}

.kusakari_ryoukinn h2{
    padding-left: 150px;
}

.kusakari_syuttyouhi h2{
    padding-right: 156px;
    text-align:right
}

.siharaiHouhou h2{
    text-align: center;
    font-size: calc(var(--font-size-lg) + 10px);
}

.syobunhiyou {
    border: 2px solid black;
}

.syobunhiyou table{
    padding: 0%!important;
    margin: 0px auto!important;
}

.syobunhiyou h2{
    /* padding-left: 5%; */
    margin: 0%;
    margin-top: 2%;
}

h2.syobunhiyouH2 {
    font-size: calc(var(--font-size-lg) + 14px);
    padding-left: 48px;
}

span.h1Kakko{
    font-size: calc(var(--font-size-lg) + 14px);
}

.oniwa table td:nth-child(n+2){
    font-weight: 200;
}

.normalWeight{
    font-weight: normal!important;
    width: 300px;
}

.oniwa table th{
    background-color: #b8e5d39e!important;
}

.oniwa table td{
    background-color: white!important;
}

/* tgテーブル */

.tg  {
    border-collapse:collapse;
	border-spacing:0;
}

.tg td{
    border-color:black;
	border-style:solid;
	border-width:1px;
	/* font-family:Arial, sans-serif; */
	/* font-size: calc(var(--font-size-lg) - 6px); */
    overflow:hidden;
	padding:10px 5px;
	word-break:normal;
}

.tg th{
    border-color:black;
	border-style:solid;
	border-width:1px;
	/* font-family:Arial, sans-serif; */
	/* font-size: calc(var(--font-size-lg) - 6px); */
    /* font-weight:normal; */
	overflow:hidden;
	padding:10px 5px;
	word-break:normal;
}

.tg .tg-cly1{
    /* text-align:left; */
	vertical-align:middle
}

.tg .tg-kgzb{
    background-color:#b8e5d39e;
	/* font-size: var(--font-size-lg); */
	font-weight: 200;
	text-align:center;
	vertical-align:middle
}

.tg .tg-wa1i{
    font-weight: 200;
	text-align:center;
	vertical-align:middle
}

.tg .tg-5ctc{
    background-color:#b8e5d39e;
	border-color:inherit;
	/* font-size: var(--font-size-lg); */
	font-weight: 200;
	text-align:center;
	vertical-align:middle
}