@charset "UTF-8";


.m_img_area.type2 .m_img {
	background-image: url("../images/options/m_img@2x.jpg");
}

/*---------------------------------------------------------
lead
---------------------------------------------------------*/
.com_lead {
	text-align: center;
}
.com_lead > dt img {
	display: inline-block;
	width: 7.5em;
	max-width: 337px;
	vertical-align: -1.2em;
	margin-right: .3em;
	filter: drop-shadow(0 0 10px rgba(0,0,0,0.1));
}
.com_lead > dt span {
	font-size: 132%; 
}
.com_lead > dt span.dot {
	-webkit-text-emphasis: filled dot #427734;    
    text-emphasis:         filled dot #427734;   
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.com_lead > dt {
	margin-bottom: .5em;
}
}


/*---------------------------------------------------------
condition
---------------------------------------------------------*/
.note,
.note_list > li {
	font-size: 88%;
	line-height: 1.5;
	letter-spacing: normal;
}
.note {
	text-align: right;
	margin-bottom: .6em;
}
.note_list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: 1em;
	margin-top: 1.5em;
}

.ank_list .com_btn1 a {
	max-width: 100%;
	min-width: 100%;
	white-space: normal;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#condition p.fw_bold {
	font-size: 112%;
	margin-bottom: 1em;
}

.ank_list {
	max-width: 1128px;
	margin: 0 auto 6.5%;
}
.ank_list > li {
	width: 47%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.ank_list {
	margin-bottom: 10%;
}
.note_list {
	justify-content: left;
}
}
/*type_box
---------------------------------------------------------*/
.type_box {
	position: relative;
	background-color: #fff;
}
.type_title {
	position: relative;
	color: #FFF;
	font-size: min(3vw,194%);
	background: linear-gradient(to right, transparent 3em, #30544e 3em);
	padding: .8em .5em .8em 7.5em;
}
.type_title span {
	color: #ffff9e;
}
.type_title img {
	position: absolute;
	display: block;
	width: 6.4em;
	left: 0;
	top: 50%;
	translate: 0 -50%;
	border-radius: 50%;
	box-sizing: border-box;
	border: .45em solid #30544e;
}
.type_content {
	box-sizing: border-box;
	padding: 8% 4.6% 5%;
}
.type_name {
	position: relative;
	text-align: center;
	color: #FFF;
	font-size: min(2.2vw,152%);
	line-height: 1.5;
	letter-spacing: .12em;
	font-feature-settings: "halt";
	background-color: #aeacac;
	border-radius: 2em;
	padding: .3em 1em;
	margin-bottom: 1em;
}
.type_name span {
	font-size: 77%;
}

.type_img {
	max-width: 310px;
	margin: 0 auto 1em;
}

.type_price {
	display: grid;
	font-size: min(1.5vw,100%);
	font-weight: bold;
	line-height: 1.5;
	background-color: rgba(174,172,172,0.1);
	box-sizing: border-box;
	padding: 30px 5%;
	margin-top: 1em;
}
.type_price p {
	text-align: center;
	font-size: 123%;
	margin-bottom: .5em;
}
.type_price small {
	font-size: 100%;
	margin-top: 1em;
}
.type_price .dl_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 1.5em;
	row-gap: .5em;
}
.type_price dl {
	display: flex;
	align-items: center;
}
.type_price dt {
	text-align: center;
	background-color: #FFF;
	border-radius: .2em;
	padding: .2em .6em;
	margin-right: 1em;
}
.type_price dd {
	font-size: 135%;
}
.type_price dd span {
	font-family: greycliff-cf, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 174%;
	line-height: 1;
	letter-spacing: .05em;
}

.type_line_or {
	position: relative;
	text-align: center;
	font-size: min(2vw,117%);
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: .15em;
}
.type_line_or::before {
	position: absolute;
	content: "";
	background-color: #dee0de;
	width: 100%;
	height: 1px;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
}
.type_line_or span {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	width: 5.2em;
	height: 5.2em;
	inset: 0;
	margin: auto;
}

/* color */
.color_blu .type_name {background-color: #46909d;}
.color_blu .type_price {background-color: rgba(70,144,157,0.13);}
.color_blu .type_price dd span {color: #46909d;}

.color_brw .type_name {background-color: #b39c6d;}
.color_brw .type_price {background-color: rgba(179,156,109,0.13);}
.color_brw .type_price dd span {color: #b39c6d;}

.color_ppl .type_name {background-color: #ad88a3;}
.color_ppl .type_price {background-color: rgba(173,136,163,0.13);}
.color_ppl .type_price dd span {color: #ad88a3;}
.choice .arw_list li.color_ppl::before {color: rgba(173,136,163,0.6);}

.color_org .type_name {background-color: #d16e29;}
.color_org .type_price {background-color: rgba(209,110,41,0.13);}
.color_org .type_price dd span {color: #d16e29;}
.choice .arw_list li.color_org::before {color: rgba(209,110,41,0.6);}

.color_grn .type_name {background-color: #8da92f;}
.color_grn .type_price {background-color: rgba(141,169,47,0.13);}
.color_grn .type_price dd span {color: #8da92f;}
.choice .arw_list li.color_grn::before {color: rgba(141,169,47,0.6);}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.type_col2 {
	display: grid;
	justify-content: space-between;
	/* grid-template-columns: 50% 50%; */
	grid-template-columns: 42% 9% 42%;
}
.type_col2 > *:first-of-type {
	padding-right: 5%;
}
.type_col2 > *:last-of-type {
	padding-left: 5%;
}
.type_col2 .type_line_or::before {
	width: 1px;
	height: 100%;
}
.type_col2 .type_line_or span {
	position: absolute;
	left: 50%;
	translate: -50% 0;
}
.type_col2 .type_price .dl_wrap {
	justify-content: flex-start;
}
.type_col2 .type_price p {
	font-size: 105%;
}
.type_col2 .type_price dt {
	font-size: 87%;
}
.type_col2 .type_price dd {
	font-size: 117%;
}

.type_content .com_flt {
	padding: 0 5%;
}
.type_content .com_flt .img_l {
	width: 30%;
	max-width: 310px;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.type_title {
	font-size: 110%;
	padding-left: 6.5em;
}
.type_title img {
	width: 6em;
}
.type_content {
	padding: 10% 6% 8%;
}
.type_name {
	font-size: 110%;
	letter-spacing: .05em;
}

.type_img {
	width: 80%;
}

.type_price {
	font-size: 80%;
	padding: 6% 5%;
}

.type_line_or {
	font-size: 100%;
}
}


/*type:choice
---------------------------------------------------------*/
.choice {
	background-color: #f3f1e3;
	box-sizing: border-box;
	padding: 3.6% 4% 5%;
	border-radius: .62em;
}
.choice_title {
	text-align: center;
	font-size: min(2.6vw,172%);
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.3;
	padding: .6em 0;
	border-top: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	margin-bottom: 1.2em;
}

.choice .com_chklist > li {
	font-size: min(1.7vw,117%);
	font-weight: normal;
	letter-spacing: .02em;
	font-feature-settings: "halt";
}
.choice .com_chklist > li::before {
	background-image: url("../../images/check2.svg");
}
.choice .arw_list {
	margin-top: 1.5em;
}
.choice .arw_list > li {
	position: relative;
	font-size: min(1.8vw,129%);
	line-height: 1.6;
	font-weight: bold;
	padding-left: 1.8em;
	margin-top: .5em;
}
.choice .arw_list > li::before {
	position: absolute;
	font-family: 'fontello';
	content: '\e804';
	font-size: 90%;
	font-weight: normal;
	left: 0;
	top: .1em;
}
.choice .arw_list > li i {
	display: inline-block;
	text-align: center;
	font-size: 68%;
	line-height: 1.9;
	width: 1.9em;
	border-radius: 50%;
	background-color: #fff;
	vertical-align: 0.25em;
	margin-left: .8em;
}
.choice .type_name {
	display: inline-block;
	font-size: 109%;
	letter-spacing: .05em;
	word-break: keep-all;
	overflow-wrap: break-word;
	margin: .2em 0;
}

.choice > div > div:last-of-type .arw_list > li::before {
	top: 0.8em;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.choice > div {
	display: grid;
	grid-template-columns: 50% 50%;
}
.choice > div > div:first-of-type {
	padding-right: 12%;
	border-right: 1px solid #bab89c;
}
.choice > div > div:last-of-type {
	padding-left: 12%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.choice {
	padding: 8% 6%;
}
.choice > div > div:first-of-type {
	padding-bottom: 10%;
	margin-bottom: 10%;
	border-bottom: 1px solid #bab89c;
}
.choice_title {
	font-size: 110%;
}

.choice .com_chklist > li {
	font-size: 90%;
}
.choice .arw_list > li {
	font-size: 100%;
}
.choice .type_name {
	font-size: 105%;
}
}


/*
---------------------------------------------------------*/

/* 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) {
}