@charset "UTF-8";

/*-----------------------------------------
HowTo Care
-------------------------------------------*/

.page-how-to-care .title-box {
	font-family: "Times New Roman";
	text-align: center;
	font-size: 1.8rem;
	line-height: 1;
	letter-spacing: .05em;
	border-bottom: solid 1px #e3e3e3;
	padding-bottom: 0;
	margin-bottom: 30px;
}

.page-how-to-care .title-box {
    margin-top: 30px;
}

.page-how-to-care .title-box .title {
	margin-bottom: 25px;
	margin-top: 10px;
    font-size: 1.8rem;
	font-family:"Century Gothic", 'CentGothWGL', sans-serif;
}

.page-how-to-care .table {
	border-collapse: collapse;
}

.page-how-to-care .table tr {
	height: 86px;
}

.page-how-to-care .table th {
	text-align: center;
}

.page-how-to-care .table th, .table td {
	border: solid 1px #101010;
	padding: 15px;
}

.page-how-to-care .table td ul li {
	display: flex;
	display: -webkit-flex;
	font-size: 1.2rem;
}

.page-how-to-care h1, .page-how-to-care h2, .page-how-to-care h3, .page-how-to-care table tr th, .page-how-to-care table tr td {
	color: #736c69;
}

.page-how-to-care .table tr th img {
	max-width: 4rem;
	max-height: 4rem;
}

.page-how-to-care .contents__inner {
	max-width: 890px;
	margin: auto;
	padding: 0 15px;
	padding-bottom: 55px;
}

.page-how-to-care .table:last-child {
    transform: translateX(-1px);
}

@media (min-width: 751px) {
    .page-how-to-care .table {
        width: 50%;
    }

	.page-how-to-care .contents__inner {
		padding: 0;
		padding-bottom: 80px;
	}
	.page-how-to-care .table-list {
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
	}
}

@media (max-width: 1023px) {
    .page-how-to-care .table th, .table td {
		padding: 10px;
	}
    .page-how-to-care .table td ul li {
        font-size: 11px;
    }
}

@media (max-width: 750px) {
    .page-how-to-care .table tr {
        height: 86px;
    }
	.page-how-to-care .table tr th img {
		max-width: 3rem;
		max-height: 3rem;
	}
	.page-how-to-care .table {
		width: 100%;
	}
	.page-how-to-care .table th {
		width: 60px;
	}
    .page-how-to-care .table td ul li {
		font-size: 11px;
	}
    .page-how-to-care .table:last-child {
        transform: translateY(-1px);
    }
}