:root {
    --color-white: #fff;
	--color-text: #231815;
    --color-black: #000000;
    --color-gray: #898989;
    --color-gray2: #f4f4f4;
    --color-gray3: #efefef;
    --color-gray4: #727171;
    --color-pink: #fbe3e7;
    --color-blue: #37a0da;
    --color-red: #ff0000;
    --color-yellow: #fffad2;
    --font-sans: "Noto Sans JP", sans-serif;
	--font-size-12: 1.2rem;
	--font-size-14: 1.4rem;
	--font-size-16: 1.6rem;
	--font-size-18: 1.8rem;
	--font-size-20: 2rem;
	--font-size-22: 2.2rem;
	--font-size-24: 2.4rem;
	--font-size-30: 3rem;
	--font-size-38: 3.8rem;
	--font-size-40: 4rem;
	--font-size-8-sp: 2.13vw;
	--font-size-10-sp: 2.66vw;
	--font-size-12-sp: 3.2vw;
	--font-size-14-sp: 3.73vw;
	--font-size-16-sp: 4.26vw;
	--font-size-18-sp: 4.8vw;
	--font-size-20-sp: 5.33vw;
	--font-size-26-sp: 6.93vw;
	--font-size-28-sp: 7.46vw;
	--font-size-32-sp: 8.53vw;
    --width-pc-1: 1130px;
    --width-pc-2: 950px;
    --width-pc-3: 740px;
    --width-sp-1: 100%;
    --width-sp-2: 90%;
    --width-sp-3: 75%;
}

@media (min-width: 768px) {
	.sp{
		display: none;
	}
	a[href^="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
		color: inherit;
	}
}
html {
	font-size: 62.5%;
}
body {
	color: var(--color-text);
	font-family: var(--font-sans);
	font-optical-sizing: auto;
	font-weight: 400;
	font-size: var(--font-size-16);
	line-height: 1.5em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
header {
}
/*---------------------------------------
header
---------------------------------------*/
header {
	background-color: var(--color-white);
	width: 100%;
}
header > .header-area {
	width: var(--width-pc-1);
	margin: 0 auto 0 auto;
	display: flex;
	align-items: center;
}
header > .header-area > .header-area-logo {
	width: 150px;
}
header div picture,
header div img {
	width: 100%;
	vertical-align: bottom;
}
header > .header-area > .header-area-text {
	width: 540px;
	margin-left: 50px;
}
header > .header-area > .header-area-text p {
	font-size: var(--font-size-12);
	line-height: 1.25em;
	text-indent: -0.25em;
}
header > .header-area > .header-area-text p::before {
	content: "●";
	color: var(--color-blue);
}
header > .header-area > .header-area-tel {
	width: 230px;
	margin-left: 30px;
}
header > .header-area > .header-area-tel p.tel-text {
	font-size: var(--font-size-30);
	font-weight: 700;
	color: var(--color-red);
	margin: 0 0 0 0;
	text-align: center;
}
header > .header-area > .header-area-tel p.add-text {
	font-size: var(--font-size-16);
	margin: 0 0 0 0;
	text-align: center;
}
header > .header-area > .header-area-tel p.sub-text {
	font-size: var(--font-size-12);
	margin: 0 0 0 0;
	text-align: center;
}
header > .header-area > .header-area-contact {
	width: 90px;
	margin-left: 40px;
}
header > .header-area > .header-area-contact > a {
	display: block;
	background-color: var(--color-blue);
	border-radius: 10px;
	height: 65px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: transform 0.3s ease;
}
header > .header-area > .header-area-contact > a picture,
header > .header-area > .header-area-contact > a img {
	width: 55px;
	transition: transform 0.3s ease;
}
header > .header-area > .header-area-contact > a:hover img {
	transform: translateY(-3px);
}


@media only screen and (max-width: 769px) {
	header > .header-area {
		width: var(--width-sp-1);
		flex-wrap: wrap;
	}
    header > .header-area > .header-area-logo {
        order: 1;
		width: 21.86%;
		margin-left: 4.8%;
    }
    header > .header-area > .header-area-text {
        order: 4;
        width: 96%;
        margin: 0;
		padding: 0 2%;
		background-color: var(--color-blue);
		color: var(--color-white);
		font-size: var(--font-size-10-sp);
    }
	header > .header-area > .header-area-text p::before {
		color: var(--color-white);
	}
	header > .header-area > .header-area-text p {
		font-size: var(--font-size-8-sp);
	}
    header > .header-area > .header-area-tel {
        order: 2;
		width: 38.13%;
		margin-left: 13.33%;
    }
	header > .header-area > .header-area-tel p.tel-text {
		font-size: var(--font-size-18-sp);
	}
	header > .header-area > .header-area-tel p.tel-text a {
		color: var(--color-red);
		text-decoration: none;
	}
	header > .header-area > .header-area-tel p.add-text {
		font-size: var(--font-size-12-sp);
	}
	header > .header-area > .header-area-tel p.sub-text {
		font-size: var(--font-size-10-sp);
	}
    header > .header-area > .header-area-contact {
        order: 3;
		width: 12.26%;
		margin-left: 4.8%;
    }
	header > .header-area > .header-area-contact > a {
		height: 8.8vw;
	}
	header > .header-area > .header-area-contact > a picture,
	header > .header-area > .header-area-contact > a img {
		width: auto;
		margin: 0 auto 0 auto;
		height: 6.4vw;
	}
}


main {
}
main > section a {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/*---------------------------------------
mainvisual
---------------------------------------*/
main > #mainvisual {
}
main > #mainvisual > .mainvisual-area {
}
main > #mainvisual > .mainvisual-area picture,
main > #mainvisual > .mainvisual-area img {
	width: 100%;
	vertical-align: bottom;
}

/*---------------------------------------
mainprice
---------------------------------------*/
main > #mainprice {
	background-color: var(--color-yellow);
	border-bottom: solid 2px var(--color-blue);
}
main > #mainprice > .mainprice-area {
	position: relative;
}
main > #mainprice > .mainprice-area > .mainprice-title {
	width: 400px;
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
}
main > #mainprice > .mainprice-area > .mainprice-text {
	width: 715px;
	margin: 0 auto 0 auto;
	padding: 70px 0 15px 0;
}
main > #mainprice > .mainprice-area picture,
main > #mainprice > .mainprice-area img {
	width: 100%;
	vertical-align: bottom;
}
@media only screen and (max-width:769px){
	main > #mainprice > .mainprice-area > .mainprice-text {
		width: var(--width-sp-1);
		margin: 0 auto 0 auto;
		padding: 70px 0 15px 0;
	}
	main > #mainprice > .mainprice-area > .mainprice-title {
		width: 80%;
	}
	main > #mainprice > .mainprice-area > .mainprice-text {
		width: 75%;
		padding: 15vw 0 3vw 0;
	}
}


/*---------------------------------------
common
---------------------------------------*/
main h1 {
    font-size: var(--font-size-38);
    text-align: center;
}
main h1::before {
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.72 45'><polygon fill='%2337a0da' points='28.72 0 15.14 22.5 28.72 45 13.58 45 0 22.5 13.58 0 28.72 0'/></svg>");
	display: inline-block;
	width: 0.8em;
	height: auto;
	margin-right: 0.4em;
	vertical-align: middle;
}
main h1::after {
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.72 45'><polygon fill='%2337a0da' points='0 0 13.58 22.5 0 45 15.14 45 28.72 22.5 15.14 0 0 0'/></svg>");
	display: inline-block;
	width: 0.8em;
	height: auto;
	margin-left: 0.4em;
	vertical-align: middle;
}
@media only screen and (max-width:769px){
	main h1 {
		font-size: var(--font-size-26-sp);
	}
	main h1::before {
	}
	main h1::after {
	}
}


/*---------------------------------------
cont-1
---------------------------------------*/
main > #cont-1 {
}
main > #cont-1 picture,
main > #cont-1 img {
	width: 100%;
	vertical-align: bottom;
}
main > #cont-1 > .block-1 {
	width: var(--width-pc-2);
	margin: 0 auto 0 auto;
	padding: 0 0 70px 0;
}
main > #cont-1 > .block-1 > .block-1-1 {
	padding: 80px 0 0 0;
}
main > #cont-1 > .block-1 > .block-1-1 > h1 {
}
main > #cont-1 > .block-1 > .block-1-1 > h2 {
	font-size: var(--font-size-22);
	line-height: 1.5em;
	margin: 40px 0 60px 0;
	text-align: center;
}
main > #cont-1 > .block-1 > .block-1-1 > p {
	text-align: center;
	line-height: 2em;
	margin: 2em 0 2em 0;
}
main > #cont-1 > .block-1 > .block-1-1 > p strong {
	color: var(--color-red);
	font-size: var(--font-size-20);
}
main > #cont-1 > .block-1 > .block-1-1 > .block1-photo {
	width: 550px;
	margin: 0 auto;
}
main > #cont-1 > .block-1 > .block-1-2 {
}
main > #cont-1 > .block-1 > .block-1-2 > .block-1-2-box {
	display: flex;
	width: var(--width-pc-3);
	height: 191px;
	margin: 0 auto 40px auto;
	position: relative;
}
main > #cont-1 > .block-1 > .block-1-2 > .block-1-2-box > .block-1-2-box-title {
	width: 75px;
	padding: 60px 25px 0 0;
}
main > #cont-1 > .block-1 > .block-1-2 > .block-1-2-box > .block-1-2-box-text {
	width: 640px;
}
main > #cont-1 > .block-1 > .block-1-2 > .block-1-2-box > .block-1-2-box-text h2 {
	font-size: var(--font-size-30);
	line-height: 1em;
	border-bottom: solid 2px var(--color-blue);
	margin: 60px 0 0 0;
	padding: 0 0 8px 0;
}
main > #cont-1 > .block-1 > .block-1-2 > .block-1-2-box > .block-1-2-box-text p {
	width: 400px;
	margin: 15 0 0 0;
	font-size: var(--font-size-18);
	line-height: 1.75em;
}
main > #cont-1 > .block-1 > .block-1-2 > .block-1-2-box > .block-1-2-box-img {
	position: absolute;
	top: 0;
	right: 0;
	width: 191px;
}
@media only screen and (max-width:769px){
	main > #cont-1 {
	}
	main > #cont-1 > .block-1 {
		width: var(--width-sp-2);
		margin: 0 auto 0 auto;
		padding: 0 0 10% 0;
	}
	main > #cont-1 > .block-1 > .block-1-1 {
		padding: 10% 0 0 0;
	}
	main > #cont-1 > .block-1 > .block-1-1 > h2 {
		font-size: var(--font-size-20-sp);
		margin: 9.86vw 0 7.46vw 0;
		text-align: left;
	}
	main > #cont-1 > .block-1 > .block-1-1 > p {
		text-align: left;
		margin: 1.5em 0 1.5em 0;
	}
	main > #cont-1 > .block-1 > .block-1-1 > p strong {
	}
	main > #cont-1 > .block-1 > .block-1-1 > .block1-photo {
		width: 100%;
	}
	main > #cont-1 > .block-1 > .block-1-2 {
	}
	main > #cont-1 > .block-1 > .block-1-2 > .block-1-2-box {
		width: var(--width-sp-1);
		height: auto;
		margin: 0 auto 9.33vw auto;
		flex-wrap: wrap;
	}
	main > #cont-1 > .block-1 > .block-1-2 > .block-1-2-box > .block-1-2-box-title {
		width: 18vw;
		padding: 0 0 0 0;
	}
	main > #cont-1 > .block-1 > .block-1-2 > .block-1-2-box > .block-1-2-box-text {
		width: var(--width-sp-1);
	}
	main > #cont-1 > .block-1 > .block-1-2 > .block-1-2-box > .block-1-2-box-text h2 {
		font-size: var(--font-size-20-sp);
		border-bottom: none;
		margin: 3.73vw 0 0 0;
		padding: 0 0 1vw 0;
		width: 50%;
		line-height: 1.5em;
	}
	main > #cont-1 > .block-1 > .block-1-2 > .block-1-2-box > .block-1-2-box-text div {
		width: 100%;
		border-bottom: solid 2px var(--color-blue);
	}
	main > #cont-1 > .block-1 > .block-1-2 > .block-1-2-box > .block-1-2-box-text p {
		width: 50%;
		margin: 4vw 0 0 0;
		font-size: var(--font-size-14-sp);
		line-height: 1.75em;
	}
	main > #cont-1 > .block-1 > .block-1-2 > .block-1-2-box > .block-1-2-box-img {
		position: absolute;
		top: 8.13vw;
		right: 0;
		width: 40.26vw;
	}
}


/*---------------------------------------
cont-2
---------------------------------------*/
main > #cont-2 {
}
main > #cont-2 picture,
main > #cont-2 img {
	width: 100%;
	vertical-align: bottom;
}
main > #cont-2 > .block-2 {
	width: var(--width-pc-2);
	margin: 0 auto 0 auto;
	padding: 0 0 70px 0;
}
main > #cont-2 > .block-2 > .block-2-1 {
	padding: 80px 0 0 0;
}
main > #cont-2 > .block-2 > .block-2-1 > h1 {
}
main > #cont-2 > .block-2 > .block-2-1 > h2 {
	font-size: var(--font-size-22);
	line-height: 1.5em;
	margin: 40px 0 60px 0;
	text-align: center;
}
main > #cont-2 > .block-2 > .block-2-2 {
}
main > #cont-2 > .block-2 > .block-2-2 > h2 {
	font-size: var(--font-size-30);
	text-align: center;
	margin: 80px 0 50px 0;
}
main > #cont-2 > .block-2 > .block-2-2 > .block-2-2-box {
	display: flex;
	justify-content: space-between;
}
main > #cont-2 > .block-2 > .block-2-2 > .block-2-2-box > div {
	width: 280px;
}
main > #cont-2 > .block-2 > .block-2-2 > .block-2-2-box > div .block-2-2-box-img {
	border: solid 4px var(--color-blue);
}
main > #cont-2 > .block-2 > .block-2-2 > .block-2-2-box > div h3 {
	font-size: var(--font-size-24);
	line-height: 1.25em;
}
main > #cont-2 > .block-2 > .block-2-2 > .block-2-2-box > div p {
	font-size: var(--font-size-14);
	line-height: 1.75em;
}
@media only screen and (max-width:769px){
	main > #cont-2 {
	}
	main > #cont-2 > .block-2 {
		width: var(--width-sp-1);
		margin: 0 auto 0 auto;
		padding: 0 0 10% 0;
	}
	main > #cont-2 > .block-2 > .block-2-1 {
		padding: 10% 0 0 0;
	}
	main > #cont-2 > .block-2 > .block-2-1 > h1 {
	}
	main > #cont-2 > .block-2 > .block-2-1 > h2 {
		width: var(--width-sp-2);
		font-size: var(--font-size-16-sp);
		margin: 9.86vw auto 7.46vw auto;
		text-align: left;
	}
	main > #cont-2 > .block-2 > .block-2-2 {
	}
	main > #cont-2 > .block-2 > .block-2-2 > h2 {
		font-size: var(--font-size-20-sp);
		text-align: center;
		margin: 9.86vw auto 7.46vw auto;
	}
	main > #cont-2 > .block-2 > .block-2-2 > .block-2-2-box {
		flex-wrap: wrap;
	}
	main > #cont-2 > .block-2 > .block-2-2 > .block-2-2-box > div {
		width: var(--width-sp-3);
		margin: 0 auto 8vw;
	}
	main > #cont-2 > .block-2 > .block-2-2 > .block-2-2-box > div .block-2-2-box-img {
	}
	main > #cont-2 > .block-2 > .block-2-2 > .block-2-2-box > div h3 {
		font-size: var(--font-size-20-sp);
		margin: 3vw 0 3vw 0;
	}
	main > #cont-2 > .block-2 > .block-2-2 > .block-2-2-box > div p {
		font-size: var(--font-size-14-sp);
	}
}



/*---------------------------------------
cont-3
---------------------------------------*/
main > #cont-3 {
}
main > #cont-3 > .block-3 {
	padding: 0 0 70px 0;
}
main > #cont-23 > .block-3 > .block-3-1 {
	padding: 80px 0 0 0;
}
main > #cont-3 > .block-3 > .block-3-1 > h1 {
}
main > #cont-3 > .block-3 > .block-3-1 > h2 {
	font-size: var(--font-size-22);
	line-height: 1.5em;
	margin: 40px 0 60px 0;
	text-align: center;
}
main > #cont-3 > .block-3 > .block-3-2 > iframe {
	width: 100%;
	height: 600px;
}
@media only screen and (max-width:769px){
	main > #cont-3 {
	}
	main > #cont-3 > .block-3 {
		width: var(--width-sp-1);
		margin: 0 auto 0 auto;
		padding: 0 0 10% 0;
	}
	main > #cont-3 > .block-3 > .block-3-1 {
		padding: 10% 0 0 0;
	}
	main > #cont-3 > .block-3 > .block-3-1 > h1 {
	}
	main > #cont-3 > .block-3 > .block-3-1 > h2 {
		width: var(--width-sp-2);
		font-size: var(--font-size-16-sp);
		margin: 9.86vw auto 7.46vw auto;
		text-align: left;
	}
	main > #cont-3 > .block-3 > .block-3-2 {
	}
	main > #cont-3 > .block-3 > .block-3-2 > iframe {
		width: 100%;
		height: 100vw;
	}
}



/*---------------------------------------
cont-4
---------------------------------------*/
main > #contact {
}
main > #contact > .block-4 {
	padding: 0 0 70px 0;
}
main > #cont-23 > .block-4 > .block-4-1 {
	padding: 80px 0 0 0;
}
main > #contact > .block-4 > .block-4-1 > h1 {
}
main > #contact > .block-4 > .block-4-1 > h2 {
	font-size: var(--font-size-22);
	line-height: 1.5em;
	margin: 40px 0 60px 0;
	text-align: center;
}
main > #contact > .block-4 > .block-4-2 > iframe {
	width: 100%;
	height: 600px;
}
@media only screen and (max-width:769px){
	main > #contact {
	}
	main > #contact > .block-4 {
		width: var(--width-sp-1);
		margin: 0 auto 0 auto;
		padding: 0 0 10% 0;
	}
	main > #contact > .block-4 > .block-4-1 {
		padding: 10% 0 0 0;
	}
	main > #contact > .block-4 > .block-4-1 > h1 {
	}
	main > #contact > .block-4 > .block-4-1 > h2 {
		width: var(--width-sp-2);
		font-size: var(--font-size-16-sp);
		margin: 9.86vw auto 7.46vw auto;
		text-align: left;
	}
	main > #contact > .block-4 > .block-4-2 {
	}
	main > #contact > .block-4 > .block-4-2 > iframe {
		width: 100%;
		height: 100vw;
	}
}



/*---------------------------------------
pricebox
---------------------------------------*/
main > #pricebox {
}
main > #pricebox > .pricebox-1 {
	padding: 0 0 70px 0;
}
main > #pricebox > .pricebox-1 > .pricebox-1-1 {
	padding: 80px 0 0 0;
}
main > #pricebox > .pricebox-1 picture,
main > #pricebox > .pricebox-1 img {
	width: 100%;
	vertical-align: bottom;
}

main > #pricebox > .pricebox-1 > .pricebox-1-1 .price-att {
	width: 1000px;
	margin: 0 auto;
}
main > #pricebox > .pricebox-1 > .pricebox-1-1 .price-att div {
	width: 230px;
	margin: 60px 0 0 190px;
}

/* PC用：従来の1テーブルをそのまま適用 */
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc {
	width: 1000px;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 10px 0;
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc th {
	width: 20%;
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr:first-child > th {
	background-color: var(--color-gray);
	border-radius: 20px 20px 0 0;
	padding: 20px 10px 20px 10px;
	text-align: center;
	color: var(--color-white);
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr:first-child > th.th-first {
	background: none;
	padding: 10px 0 10px 0;
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr:not(:first-child) > th:first-child {
	border-radius: 0;
	font-weight: 400;
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr:nth-child(even) > th {
	background-color: var(--color-gray3);
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr:nth-child(odd):not(:first-child) > th {
	background-color: var(--color-pink);
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc td {
	width: 20%;
	padding: 20px 10px 20px 10px;
	text-align: center;
	color: var(--color-gray4);
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr:nth-child(even) > td {
	background-color: var(--color-white);
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr:nth-child(odd) > td {
	background-color: var(--color-gray2);
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr > th:nth-child(n+2),
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr > td:nth-child(n+2) {
	border-left: 1px solid var(--color-gray);
	border-right: 1px solid var(--color-gray);
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr:first-child > th:nth-child(n+2) {
	border-top: 1px solid var(--color-gray);
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr:last-child > th:nth-child(n+2),
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr:last-child > td:nth-child(n+2) {
	border-bottom: 1px solid var(--color-gray);
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr > th:nth-child(2){
	background-color: var(--color-blue);
	border-left: solid 4px var(--color-blue);
	border-right: solid 4px var(--color-blue);
	font-size: var(--font-size-22);
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr > td:nth-child(2) {
	background-color: var(--color-blue);
	border-left: solid 4px var(--color-blue);
	border-right: solid 4px var(--color-blue);
	font-size: var(--font-size-18);
	font-weight: 700;
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr > td:nth-child(2) strong {
	color: var(--color-red);
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr:nth-child(even) > td:nth-child(2) {
	background-color: var(--color-yellow);
	color: var(--color-black);
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr:nth-child(odd):not(:first-child) > td:nth-child(2) {
	background-color: var(--color-gray3);
	color: var(--color-black);
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr:first-child > th:nth-child(2) {
	border-top: solid 4px var(--color-blue);
}
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr:last-child > th:nth-child(2),
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc tr:last-child > td:nth-child(2) {
	border-bottom: solid 4px var(--color-blue);
}

/* SP用2分割テーブルはPCでは非表示 */
main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-sp {
	display: none;
}

/*---------------- SP レイアウト ----------------*/
@media only screen and (max-width:769px){
	main > #pricebox {
	}
	main > #pricebox > .pricebox-1  {
		width: var(--width-sp-1);
		margin: 0 auto 0 auto;
		padding: 0 0 10% 0;
	}
	main > #pricebox > .pricebox-1  > .pricebox-1-1 {
		padding: 10% 0 0 0;
	}
	main > #pricebox > .pricebox-1 > .pricebox-1-1 .price-att {
		width: var(--width-sp-1);
	}
	main > #pricebox > .pricebox-1 > .pricebox-1-1 .price-att div {
		width: 180px;
		margin: 60px 0 0 140px;
	}

	/* PC用テーブルを非表示にして… */
	main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-pc {
		display: none;
	}

	/* SP用2分割テーブルを表示 */
	main > #pricebox > .pricebox-1 > .pricebox-1-2 .price-table-sp {
		display: flex;
		width: 100%;
	}

	.price-table-sp-fixed {
		flex: 0 0 auto;
	}
	.price-table-sp-scroll {
		flex: 1 1 auto;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.price-table-sp-fixed table,
	.price-table-sp-scroll table {
		border-collapse: separate;
		border-spacing: 0;
		min-width: 0;
	}

	.price-table-sp-fixed th,
	.price-table-sp-fixed td,
	.price-table-sp-scroll th,
	.price-table-sp-scroll td {
		padding: 12px 8px;
		white-space: nowrap;
		text-align: center;
		font-size: var(--font-size-14);
	}

	/* 左側（1列目＋KM列）の見た目 */
	.price-table-sp-fixed tr:first-child > th {
		background-color: var(--color-gray);
		color: var(--color-white);
	}
	.price-table-sp-fixed tr:first-child > th.th-first {
		background: none;
		color: inherit;
	}
	/* KMストレージ見出しをPCと同じ青ベースに */
	.price-table-sp-fixed tr:first-child > th:nth-child(2) {
		background-color: var(--color-blue);
		font-size: var(--font-size-20);
		color: var(--color-white);
	}
	.price-table-sp-fixed tr:nth-child(even) > th {
		background-color: var(--color-gray3);
	}
	.price-table-sp-fixed tr:nth-child(odd):not(:first-child) > th {
		background-color: var(--color-pink);
	}
	.price-table-sp-fixed tr:nth-child(even) > td {
		background-color: var(--color-yellow);
		font-weight: 700;
	}
	.price-table-sp-fixed tr:nth-child(odd):not(:first-child) > td {
		background-color: var(--color-gray3);
		font-weight: 700;
	}

	/* 右側（A社〜C社）の見た目 */
	.price-table-sp-scroll tr:first-child > th {
		background-color: var(--color-gray);
		color: var(--color-white);
	}
	.price-table-sp-scroll tr:first-child > th.th-first {
		background: none;
		color: inherit;
	}

	.price-table-sp-scroll tr:nth-child(even) > th,
	.price-table-sp-scroll tr:nth-child(even) > td {
		background-color: var(--color-white);
	}
	.price-table-sp-scroll tr:nth-child(odd):not(:first-child) > th,
	.price-table-sp-scroll tr:nth-child(odd):not(:first-child) > td {
		background-color: var(--color-gray2);
	}

}
/*---------------------------------------
footer
---------------------------------------*/
footer {
	width: 100%;
}
footer .footer-copyright {
	text-align: center;
	font-size: var(--font-size-12);
}

@media only screen and (max-width: 769px) {
	footer {
		width: 100%;
	}
	footer .footer-copyright {
		text-align: center;
		font-size: var(--font-size-10-sp);
	}
}