@charset "UTF-8";
/*-----------------------------------------------
medifit-teiki.css
-----------------------------------------------*/

/*  試算条件
-----------------------------------------------*/
@media screen and (max-width: 767px) {
	.medifit-teiki .box-condition {
		margin-bottom: 20px;
	}
}

/* 対象期間（block-period）*/
@media screen and (max-width: 767px) {
	.medifit-teiki .block-period {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.medifit-teiki .block-period .box-condition__ttl {
		display: block;
		width: 100%;
	}

	.medifit-teiki .block-period .box-condition__item {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		padding: 0;
		margin-top: 5px;
	}
}


/* 保険料（tbl-sim）
-----------------------------------------------*/
.medifit-teiki .tbl-sim {
	margin: 0;
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}
.medifit-teiki .tbl-sim th,
.medifit-teiki .tbl-sim td {
	padding: 15px 10px;
	border-radius: 0;
}
.medifit-teiki .tbl-sim th::before,
.medifit-teiki .tbl-sim td::before {
	content: none;
}


/* スマホ時もボーダー表示 */
.medifit-teiki .tbl-sim td {
	border-left: 2px solid #cecece;
	border-right: 2px solid #cecece;
}
.medifit-teiki .plan__ttl td {
	border-top: 2px solid #cecece;
}
.medifit-teiki .tbl-sim__price td {
	border-bottom: 2px solid #ccc;
}
.medifit-teiki .tbl-sim .last-tr th {
	border: 2px solid #ccc;
}
.medifit-teiki .tbl-sim .last-tr td {
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

/* 横幅調整 */
.medifit-teiki .sim-col01 {
	width: auto;
	min-width: 130px;
}
@media screen and (min-width: 768px) {
	.medifit-teiki .sim-col01 {width: 300px;}
}

.medifit-teiki .tbl-sim th,
.medifit-teiki .tbl-sim td {width: calc(100% / 3);}

@media screen and (min-width: 768px) {
	.medifit-teiki .tbl-sim__price-ttl{
		width: 85%;
	}
}

/* スマホ時も2プラン表示 */
@media screen and (max-width: 767px) {
	.medifit-teiki .plan__ttl{
		display: table-row;
	}
	.medifit-teiki .plan__ttl .plan2,
	.medifit-teiki .plan2 {
		display: table-cell;
	}
	.medifit-teiki .plan__ttl td {
		font-size: 1.6rem;
		padding: 10px;
	}
}

/* 保険料 */
.medifit-teiki .tbl-sim__price td {
	color: #F25649;
}
@media screen and (max-width: 767px) {
	.medifit-teiki .tbl-sim__price td {
		padding: 0;
	}
	.medifit-teiki .tbl-sim__price td .price b {
		font-size: 2.2rem;
	}
}