* {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
}

body {
	font-family: YuGothic, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "Questrial", "Noto Sans JP", sans-serif;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
	color: #3E3A39;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

picture {
	display: block;
	width: 100%;
	height: auto;
}

figure {
	margin: 0;
}

a {
	color: #3E3A39;
	text-decoration: none;
	transition: 0.3s;
}

a:hover {
	cursor: pointer;
	opacity: 0.8;
}

.pc-none {
	display: none;
}

.sp-none {
	display: block;
}

.cost {
	display: flex;
	position: relative;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	max-width: 1920px;
	margin-right: auto;
	padding: 0 0 min(5.5555555556vw, 80px) min(10.2083333333vw, 147px);
	padding-left: min(10.2083333333vw, 147px);
}

.cost-wrap-menu {
	width: min(35.6944444444vw, 514px);
}

.cost-wrap {
	width: min(75vw, 1080px);
	padding-top: min(3.4722222222vw, 50px);
}

.cost-top {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.cost-top__title {
	display: inline-block;
	color: #0090d1;
	font-weight: 500;
	font-size: min(2.2222222222vw, 32px);
	line-height: 1.5;
	text-align: center;
}

.cost-body {
	margin-top: min(3.4722222222vw, 50px);
}

.cost-top__items {
	-moz-column-gap: min(0.3472222222vw, 5px);
	display: flex;
	column-gap: min(0.3472222222vw, 5px);
	row-gap: min(0.5555555556vw, 8px);
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: min(100%, 496px);
	margin-right: auto;
}

.cost-top__item {
	width: min(11.25vw, 162px);
	text-align: center;
}

.cost-top__item-link {
	display: inline-block;
	position: relative;
	width: 100%;
	padding: min(0.8333333333vw, 12px) 0 min(0.8333333333vw, 12px) min(1.3888888889vw, 20px);
	border: 1px solid #34bdf0;
	transition: all 0.5s;
}

.cost-top__item:hover .cost-top__item-link,
.cost-top__item.--active .cost-top__item-link {
	background: #34bdf0;
}

.cost-top__item-link::after {
	-webkit-mask: url("../../img/icon-arrow-right-blue.svg");
	-webkit-mask-size: cover;
	position: absolute;
	top: 50%;
	right: min(1.3888888889vw, 20px);
	width: min(1.7013888889vw, 24.5px);
	height: min(1.7013888889vw, 24.5px);
	transform: translateY(-50%);
	background-color: #0090d1;
	content: "";
	mask: url("../../img/icon-arrow-right-blue.svg");
	mask-size: cover;
	transition: all 0.5s;
}

.cost-top__item:hover .cost-top__item-link::after,
.cost-top__item.--active .cost-top__item-link::after {
	background-color: #ffffff;
}

.cost-top__item-title {
	width: -moz-fit-content;
	width: fit-content;
	font-weight: 500;
	font-size: min(0.9722222222vw, 14px);
	line-height: 1.5;
	transition: all 0.5s;
}

.cost-top__item:hover .cost-top__item-title,
.cost-top__item.--active .cost-top__item-title {
	color: #ffffff;
}

.cost-top__logo {
	width: min(20.8333333333vw, 300px);
}

.cost__title {
	display: inline-block;
	position: relative;
	width: 100%;
	font-weight: 500;
	font-size: min(1.3888888889vw, 20px);
	line-height: 1.5;
	text-align: start;
}

.cost__title::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: min(19.4444444444vw, 280px);
	height: 1px;
	background: #34bdf0;
	content: "";
}

.cost-body__list {
	width: 100%;
	margin-top: min(2.4305555556vw, 35px);
	margin-bottom: min(4.1666666667vw, 60px);
}

.cost-body__list-header {
	padding: min(0.8333333333vw, 12px) 0;
	background: #EAF9FF;
	color: #0090d1;
	font-weight: 500;
	font-size: min(1.1111111111vw, 16px);
	text-align: center;
}

.cost-body__list-header.--first {
	width: 50%;
}

.cost-body__list-header.--second,
.cost-body__list-header.--third {
	width: 25%;
}

.cost-body__list-content {
	padding: min(0.8333333333vw, 12px) 0;
	font-weight: 500;
	font-size: min(1.1111111111vw, 16px);
	text-align: center;
}

.cost-body__list-content.--first {
	padding-left: min(0.8333333333vw, 12px);
	text-align: start;
}

.cost-body__list-content .small {
	font-size: min(0.8333333333vw, 12px);
}

.cost-body__privacy {
	margin-top: min(2.0833333333vw, 30px);
	text-align: center;
}

.service-cost__privacy-link {
	font-weight: 400;
	font-size: min(1.1111111111vw, 16px);
	line-height: 1.5;
}

@media screen and (max-width: 767px) {

.pc-none {
	display: block;
}

.sp-none {
	display: none;
}

.cost {
	justify-content: center;
	width: 100%;
	padding: min(12.8205128205vw, 50px) 0 min(20.5128205128vw, 80px) 0;
}

.cost-wrap-menu {
	display: none;
}

.cost-top__title {
	font-size: min(6.1538461538vw, 24px);
}

.cost-body {
	margin-top: min(12.8205128205vw, 50px);
}

.cost-top__items {
	-moz-column-gap: min(2.5641025641vw, 10px);
	column-gap: min(2.5641025641vw, 10px);
	row-gap: min(2.5641025641vw, 10px);
	width: min(84.6153846154vw, 330px);
	margin-top: min(5.1282051282vw, 20px);
}

.cost-top__item {
	width: min(41.0256410256vw, 160px);
}

.cost-top__item-link {
	padding: min(3.0769230769vw, 12px) 0 min(3.0769230769vw, 12px) min(5.1282051282vw, 20px);
}

.cost-top__item-link::after {
	right: min(5.1282051282vw, 20px);
	width: min(5.1282051282vw, 20px);
	height: min(5.1282051282vw, 20px);
}

.cost-top__item-title {
	font-size: min(3.5897435897vw, 14px);
}

.cost-top__logo {
	width: auto;
}

.cost__title {
	font-size: min(5.1282051282vw, 20px);
}

.cost__title::after {
	width: min(12.8205128205vw, 50px);
	opacity: 0;
}

.cost-body__list {
	margin-top: min(8.9743589744vw, 35px);
	margin-bottom: min(15.3846153846vw, 60px);
}

.cost-body__list-header {
	padding: min(2.5641025641vw, 10px) 0;
	font-size: min(3.5897435897vw, 14px);
}

.cost-body__list-header.--first {
	width: 42%;
}

.cost-body__list-header.--second,
.cost-body__list-header.--third {
	width: 29%;
}

.cost-body__list-content {
	padding: min(2.5641025641vw, 10px) 0;
	font-size: min(3.0769230769vw, 12px);
}

.cost-body__list-content.--first {
	padding-left: min(2.0512820513vw, 8px);
}

.cost-body__list-content .small {
	font-size: min(2.5641025641vw, 10px);
}

.cost-body__privacy {
	margin-top: min(7.6923076923vw, 30px);
}

.service-cost__privacy-link {
	font-size: min(3.5897435897vw, 14px);
}

}