@charset "UTF-8";

/*
---------------------------------------------------------*/
.m_img_area .m_img::before {
	background-image: url("../images/price/m_img@2x.jpg");
}
.med_footer {border-top: none;}

.pri_inbox {
	padding: 120px 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.pri_inbox {
	padding: 10% 0;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.pri_inbox {
	padding: 12% 0;
}
}




/*アンカーリンク
---------------------------------------------------------*/
.ank_list1,
.ank_list2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1105px;
	margin-left: auto;
	margin-right: auto;
}
.ank_list1 > li:last-of-type {
	margin-right: 0;
}
.ank_list1 a {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	text-align: center;
	font-size: 105%;
	letter-spacing: .06em;
	line-height: 1.4;
	white-space: nowrap;
	background-color: #f7f5d7;
	box-sizing: border-box;
	padding: 1.5em 2em;
	border-radius: 3em;
}
.ank_list1 a:hover {
	background-color: #eee562;
}
.ank_list2 a {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	text-align: center;
	font-size: 105%;
	letter-spacing: .06em;
	line-height: 1.4;
	box-sizing: border-box;
	padding: 1.4em 1em;
	border-bottom: 2px dotted #000;
}
.ank_list2 a:hover {
	color: #31b6a0;
}
.ank_list1 a::after,
.ank_list2 a::after {
	font-family: 'fontello';
	content: '\e802';
	margin-left: .8em;
}

/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {

.ank_list1 > li,
.ank_list2 > li {
	width: 31%;
	margin-right: 3.5%;
}
.ank_list1 > li:nth-of-type(3n),
.ank_list1 > li:last-of-type,
.ank_list2 > li:nth-of-type(3n),
.ank_list2 > li:last-of-type {
	margin-right: 0;
}
.ank_list1 > li:nth-of-type(n+4),
.ank_list2 > li:nth-of-type(n+4) {
	margin-top: 3%;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.ank_list1 a {
	font-size: 100%;
	letter-spacing: .02em;
	padding: 1.3em 2em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.ank_list1,
.ank_list2 {
	justify-content: flex-start;
}
.ank_list1 > li,
.ank_list2 > li {
	width: 49%;
	margin-right: 2%;
}
.ank_list1 > li:nth-of-type(even),
.ank_list2 > li:nth-of-type(even) {
	margin-right: 0;
}
.ank_list1 > li:nth-of-type(n+3),
.ank_list2 > li:nth-of-type(n+3) {
	margin-top: 3%;
}
.ank_list1 a,
.ank_list2 a {
	font-size: 90%;
	letter-spacing: normal;
	padding: 1.2em 0.5em;

}
}

/*pri_about
---------------------------------------------------------*/
.pri_about > li {
	background: #f1eaf4 url("../images/price/col2_bg @2x.png") no-repeat left top;
	background-size: 50% auto;
	box-sizing: border-box;
	padding: 40px 4% 50px;
	border-radius: 30px;
}
.pri_about dt {
	text-align: center;
	color: #31b6a0;
	font-size: min(3vw,194%);
	letter-spacing: .1em;
	line-height: 1.5;
	margin-bottom: 1em;
}
.pri_about > li:last-of-type {
	background-color: #f7f5d7;
}

/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {
.pri_about {
	display: flex;
	justify-content: space-between;
}
.pri_about > li {
	width: 49.2%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.pri_about {
	display: block;
}
.pri_about > li {
	width: 100%;
	padding: 7% 6%;
}
.pri_about dt {
	font-size: 130%;
}
.pri_about > li:last-of-type {
	margin-top: 3%;
}

}


/*price
---------------------------------------------------------*/
#price {
	background-color: #f7f5d7;
}

.pri_list {
	border-collapse: collapse;
}
.pri_list caption {
	position: relative;
	text-align: left;
	margin-bottom: .5em;
}
.pri_list caption .ft_min {
	position: relative;
	font-size: min(3vw,176%);
	letter-spacing: .1em;
	line-height: 1.5;
	margin-bottom: .5em;
}
.pri_list caption .ft_min::before {
    font-family: 'fontello';
    content: '\e807';
	color: #31b6a0;
}
.pri_list caption .tax {
	text-align: right;
	color: #e04943;
	font-weight: bold;
	line-height: 1.5;
}
.pri_list caption .ft_min + .tax {
	position: absolute;
	right: 0;
	bottom: 0;
}
.pri_list tr {
	border-bottom: 1px solid #ccc;
}
.pri_list tr:first-of-type {
	border-top: 1px solid #ccc;
}
.pri_list th {
	width: 77%;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	box-sizing: border-box;
	padding: 2.4em 0;
	padding-right: 3.5%;
}
.pri_list th .pri_flt .box_img {
	width: 30%;
	max-width: 270px;
	float: left;
}
.pri_list th .pri_flt .box_txt {
	width: 66%;
	float: right;
}
.pri_list th dt {
	font-size: min(2.2vw,147%);
}
.pri_list td {
	position: relative;
	width: 23%;
	line-height: 1.6;
	color: #31b6a0;
	background-color: #FFF;
	text-align: center;
	box-sizing: border-box;
	padding: 1em 1%;
}
.pri_list td .price {
	font-size: min(2vw,125%);
	letter-spacing: .1em;
	line-height: 1.5;
}
.pri_list td .price span {
	font-family: "bilo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 125%;
	letter-spacing: .05em;
	margin-right: .1em;
}
.pri_list td dl dt {
	font-size: min(2vw,125%);
	line-height: 1.5;
	margin-top: 1em;
}
.pri_list td dl dt:first-child {
    margin-top: 0;
}
.pri_list .asterisk {
	color: #969696;
	margin-top: 1em;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.pri_list th {
	padding: 1.8em 0;
    padding-right: 2.5%;
}
.pri_list th .pri_flt .box_img {
	margin-right: 4%;
	margin-bottom: .5em;
}
.pri_list th .pri_flt .box_txt {
	width: 100%;
	float: none;
}
}


/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.pri_list caption .ft_min {
	font-size: 130%;
	letter-spacing: .05em;
}
.pri_list caption .tax {
	font-size: 85%;
}
.pri_list th,
.pri_list td {
	display: block;
}
.pri_list th {
	width: 100%;
	padding: 1.5em 0 1em;
}
.pri_list th .pri_flt .box_img {
	width: 70%;
	max-width: none;
	float: none;
	margin: 0 auto 1em;
}
.pri_list th .pri_flt .box_txt {
	width: 100%;
	float: none;
}
.pri_list th dt {
	text-align: center;
	font-size: 130%;
}
.pri_list td {
	width: 100%;
	padding: 4% 1%;
}
.pri_list td .price {
    font-size: 120%;
}
.pri_list td dl dt {
    font-size: 110%;
}

}



/*payment
---------------------------------------------------------*/
#payment .pay_list > li {
	text-align: center;
	background-color: #fff;
	box-sizing: border-box;
	padding: 40px 3.2%;
	border-radius: 30px;
}
#payment .pay_list > li dt {
	font-size: min(2.2vw,147%);
	letter-spacing: .1em;
	line-height: 1.5;
	padding-top: 4em;
	padding-bottom: .6em;
	margin-bottom: .8em;
	border-bottom: 2px dotted #000;
	background: url("../images/price/pay_icon1@2x.png") no-repeat center top;
	background-size: 4.4em auto;
}
#payment .pay_list > li:nth-of-type(2) dt {
	background-image: url("../images/price/pay_icon2@2x.png");
}
#payment .pay_list > li:nth-of-type(3) dt {
	background-image: url("../images/price/pay_icon3@2x.png");
}
/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1220px) {
#payment .pay_list br.sp_pc {
	display: none !important;
}
}

/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {
#payment .pay_list {
	display: flex;
	justify-content: space-between;
}
#payment .pay_list > li {
	width: 32%;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#payment .pay_list > li {
	padding: 35px 3.2%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

#payment .pay_list > li {
	padding: 8% 6%;
}
#payment .pay_list > li:nth-of-type(n+2) {
	margin-top: 4%;
}
#payment .pay_list > li dt {
	font-size: 120%;
}
}

/*warranty
---------------------------------------------------------*/
#warranty .img1 {
	width: 76%;
	max-width: 936px;
	margin-left: auto;
	margin-right: auto;
}
#warranty .radi_box {
	background-color: #f1f1f1;
	box-sizing: border-box;
	padding: 40px 3%;
	border-radius: 30px;
}
#warranty .radi_box dl {
	text-align: center;
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {
#warranty .radi_box {
	display: flex;
}
#warranty .radi_box dl {
	width: 43%;
	align-self: center;
}
#warranty .radi_box dl dt {
	margin-bottom: 1em;
}
#warranty .radi_box ul {
	width: 54%;
	padding-left: 3%;
	margin-left: 3%;
	border-left: 2px dotted #000;
}
#warranty .radi_box ul li::before {
	font-size: 120%;
	top: -0.1em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#warranty .img1 {
	width: 100%;
}
#warranty .radi_box {
	padding: 8% 6%;
}
}


/*deduction
---------------------------------------------------------*/
#deduction .calc_box {
	text-align: center;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 40px 3%;
}
#deduction .calc_box > div {
	max-width: max-content;
	margin: 0 auto;
}
#deduction .calc_box .formula {
	font-size: min(1.9vw,135%);
	white-space: nowrap;
	line-height: 1.5;
	letter-spacing: .04em;
}
#deduction .calc_box .formula span {
	vertical-align: middle;
}
#deduction .calc_box .formula span.max {
	font-size: 66%;
}
#deduction .calc_box .formula span.color2 {
	color: #f5837b;
	font-size: 83%;
	letter-spacing: .1em;
	margin-left: .4em;
}
#deduction .calc_box .formula sup {
    font-size: 65%;
    vertical-align: super;
}
#deduction .calc_box .asterisk {
	color: #f5837b;
	line-height: 1.5;
	letter-spacing: .08em;
	margin-top: .8em;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1100px) {
#deduction p.sp_txt_l br.tb_only {
	display: block !important;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#deduction .calc_box {
	padding: 4% 3%;
}
#deduction .calc_box .formula {
	font-size: 2.4vw;
}
#deduction .calc_box .asterisk {
	font-size: 90%;

}
#deduction .com_link2 {
    margin-top: 6%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#deduction .calc_box {
	text-align: left;
	padding: 5% 4%;
}
#deduction .calc_box .formula {
	font-size: 100%;
	letter-spacing: .02em;
}
#deduction .calc_box .asterisk {
	text-align: left;
	font-size: 90%;
	letter-spacing: normal;
}

}
/*
---------------------------------------------------------*/

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}