/* ==================================================
base
================================================== */

.main_content img {
	height: auto;
}



/* ==================================================
common
================================================== */

/* ----------------------------------------
cont_wrap
---------------------------------------- */

@media screen and (min-width: 1024px) {
	.cont_wrap {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}



/* ----------------------------------------
title
---------------------------------------- */

.w_full .title {
	padding: 40px 20px 15px;
	border-bottom: 1px solid #000;
}

@media screen and (min-width: 768px) {
	.w_full .title {
		padding: 60px 30px 15px;
	}
}



/* ==================================================
local_navi
================================================== */

.local_navi .main_menu_btn {
	display: none;
}

@media screen and (min-width: 1024px) {
	.local_navi_menu_level1 > li:nth-last-child(2) .local_navi_menu_level2_area {
		right: -20px;
		left: auto;
	}
}



/* ==================================================
main
================================================== */

.main {
	display: flex;
	flex-direction: column; /* 画像を上にする場合は column-reverse にしてください */
	/* background: #f6fee0; */
}
/* .main .title {
	border-bottom: #000 solid 1px;
	background: #d3fb66;
} */
/* .main .subtitle {
	background: #e5fda3;
} */
.main .title .inner,
.main .subtitle .inner {
	padding: 25px 20px;
}
.main .list_basic {
	margin-top: 20px;
	font-size: 2.2rem;
}

.main .media img {
	object-fit: cover;
	width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) {
	.main .cont .inner {
	padding-right: 30px;
	padding-left: 30px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
	.main .media img {
	height: 400px;
	}
}

@media screen and (min-width: 1000px) {
	.main {
		flex-direction: row;
		min-height: 600px;
	}
	.main .cont {
		width: calc(50% - 193px);
	}
	.main .cont .inner {
		max-width: calc(416px + 30px);
		margin-left: auto;
	}
	.main .media {
		width: calc(50% + 193px);
	}
	.main .media img {
		max-width: 1080px;
		height: 100%;
	}
}

@media screen and (min-width: 1920px) {
	.main .cont {
		width: calc(50% - 93px);
	}
	.main .cont .inner {
		max-width: calc(516px + 30px);
	}
	.main .media {
		width: calc(50% + 93px);
	}
}



/* ==================================================
	spec_price
================================================== */

.list_poly > li {
	padding: 1rem;
}
@media screen and (max-width:480px) {
	.list_poly .list_basic {
		margin-bottom: 2rem;
	}
}
.list_poly > li img {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
@media screen and (min-width:768px) {
	.list_poly {
		display: grid;
		grid-template-columns: repeat(3, 33.333333%);
	}
	.list_poly > li {
		padding: 1rem;
	}
}


/* ==================================================
	spec_price
================================================== */

.spec_price {
	padding: 40px 20px;
	color: #fff;
	background: #000;
}
.spec_price_list {
	display: grid;
	margin: -20px -15px;
}
.spec_price_list > li {
	padding: 20px 15px;
}
.spec_price_list .list_basic {
	margin-top: 20px;
}
.spec_price_list .list_basic a {
	color: #fff;
}
@media screen and (min-width: 768px) {
	.spec_price {
		padding-right: 30px;
		padding-left: 30px;
	}
}
@media screen and (min-width: 768px) {
	.spec_price_list {
		grid-template-columns: 1fr 250px 1fr;
		gap: 10px;
        /* grid-template-rows: 35% 30% 35%; */
	}

}



/* ==================================================
	check
================================================== */
.check {
	/* margin-top: 15px; */
	text-align: center;
    vertical-align: middle;
}
.check {
	position: relative;
	padding-left: 20px;
}
.check::after {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 0;
	width: 18px;
	height: 10px;
	border-left: 4px solid #666;
	border-bottom: 4px solid #666;
	transform: rotate(-45deg);
}
.check:nth-child(n+2) {
	margin-top: .5em;
}



/* ==================================================
	table
================================================== */
.hpeTable {
	font-size: 1.4rem;
}
.hpeTable th {
	font-size: 1.6rem;
	background-color: #034ad8;
}
.hpeTable td {
    vertical-align: middle;
}
.hpeTable tr:nth-of-type(2n) {
    background-color: #f2f2f2;
}
.hpeTable th:nth-of-type(n+2),
.hpeTable td:nth-of-type(n+2) {
    text-align: center;
}