@charset "UTF-8";


/*見出し
---------------------------------------------------------*/
/*丸付き 21px*/
.med_style1 > dt,
.med_style1_txt {
	position: relative;
	color: #D2A000;
	font-size: min(140%,2.1vw);
	font-weight: bold;
	letter-spacing: .12em;
	line-height: 1.6;
	padding-left: 1.4em;
	margin-bottom: .6em;
}
.med_style1 > dt::before,
.med_style1_txt::before {
	position: absolute;
	font-family: 'fontello';
	content: '\e805';
	color: #F4EBA7;
	font-size: 80%;
	left: 0;
	top: .3em;
}
.med_style1 > dt span {
/*	display: inline-block;*/
	font-size: 88%;
}
/*丸付き 18px...25px*/
.med_style2 > dt {
	position: relative;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.5;
	padding-left: 1.5em;
	margin-bottom: .8em;
}
.med_style2 > dt span {
	position: relative;
	display: inline-block;
}
.med_style2 > dt span:first-of-type::before {
	position: absolute;
	font-family: 'fontello';
	content: '\e802';
	color: #D2A000;
	right: calc(100% + 0.4em);
	top: 0;
}
.med_style2 > dt span:first-of-type {
	margin-right: .4em;
}
.med_style2 > dt span:last-of-type {
	color: var(--color-org);
	font-size: 138%;
	vertical-align: -0.1em;
}
/*text*/
.med_pick_txt {
	text-align: center;
	font-size: 133%;
	font-weight: bold;
	letter-spacing: .18em;
}
.med_raditxt {
	width: 7.6em;
	text-align: center;
	color: #FFF;
	font-size: min(2.5vw,166%);
	letter-spacing: .1em;
	line-height: 2;
	border-radius: .8em;
	background-color: #FCC308;
	margin: auto;
	transform: translateY(-40%);
}

.link_site {
	text-align: center;
}
.link_site dt {
	font-size: 110%;
	margin-bottom: 1em;
}
/*box*/
.med_inbox {
	padding-left: 2.3%;
	padding-right: 2.3%;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*丸付き 21px*/
.med_style1 > dt,
.med_style1_txt {
	letter-spacing: .08em;
}
/*丸付き 16px...28px*/
.med_style2 > dt {
	font-size: 110%;
	letter-spacing: .1em;
}
/*text*/
.med_pick_txt {
	font-size: 115%;
	letter-spacing: .12em;
}

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/*丸付き 21px*/
.med_style1 > dt,
.med_style1_txt {
	font-size: 115%;
	letter-spacing: .05em;
}
.med_style1 > dt {
	margin-bottom: .4em;
}
/*丸付き 16px...28px*/
.med_style2 > dt {
	font-size: 90%;
	letter-spacing: .08em;
}
.med_style2 > dt span {
	display: block;
}
.med_style2 > dt span:last-of-type {
	font-size: 140%;
}
.med_style2 > dt::before {
	top: 0;
}
/*text*/
.med_pick_txt {
	font-size: 110%;
	letter-spacing: .05em;
}
.med_raditxt {
	font-size: 110%;
}

.link_site dt {
	font-size: 105%;
}
}

/*com_flt
---------------------------------------------------------*/
.com_flt .img_r,
.com_flt .img_l {
	max-width: 450px;
}
.com_flt .com_style1 > dt {
	color: var(--color-org);
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {
.com_flt .img_r,
.com_flt .img_l {
	width: 37%;
}
.com_flt .txt_l,
.com_flt .txt_r {
	float: none;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.com_flt .img_r,
.com_flt .img_l {
	width: 90%;
}
}

/*bdr_list
---------------------------------------------------------*/
.bdr_list > div {
	padding: 0 2.3% 60px;
	margin-bottom: 60px;
	border-bottom: 1px dashed #473219;
}
.bdr_list > div:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.bdr_list .com_flt .img_r {
	max-width: 380px;
}
.bdr_list .com_style1 > dt {
	color: #473219;
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {
.bdr_list .com_flt .img_r {
	width: 32%;
}
.bdr_list .com_flt .txt_l {
	width: 63%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.bdr_list > div {
	padding-bottom: 6%;
	margin-bottom: 6%;
}
.bdr_list .com_flt .img_r {
	width: 36%;
}
.bdr_list .com_flt .txt_l {
	width: 100%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.bdr_list > div {
	padding-bottom: 10%;
	margin-bottom: 10%;
}
.bdr_list .com_flt .img_r {
	width: 80%;
}
}

/*med_pickup
---------------------------------------------------------*/
.med_pickup {
	--pick-color-main: #E4CD23;
	--pick-color-bg: var(--color-lyel);
	--pick-color-icon: #FED09F;
	--pick-color-point-bg: #FFF2B3;
}
.med_pickup.col_org {
	--pick-color-main: var(--color-org);
	--pick-color-bg: #FFF7D1;
	--pick-color-icon: #FED09F;
	--pick-color-point-bg: #FFF2B3;
}
.med_pickup.col_grn {
	--pick-color-main: var(--color-grn);
	--pick-color-bg: #F4FBCE;
	--pick-color-icon: #B2E0D1;
	--pick-color-point-bg: #EEF9B1;
}
.med_pickup.col_pnk {
	--pick-color-main: var(--color-pnk);
	--pick-color-bg: #FFF0F1;
	--pick-color-icon: #FFCDC1;
	--pick-color-point-bg: #FFE7E9;
}
.med_pickup.col_blu {
	--pick-color-main: var(--color-blu);
	--pick-color-bg: #E6F8FF;
	--pick-color-icon: #AEDFF8;
	--pick-color-point-bg: #D7F4FF;
}


.med_pickup {
	position: relative;
	box-sizing: border-box;
	padding: 0 3% 80px;
}
.med_pickup::before {
	position: absolute;
	content: "";
	background-color: var(--pick-color-bg);
	width: 100%;
	height: calc(100% - 30px);
	left: 0;
	bottom: 0;
	z-index: -1;
}
.med_pickup .pick_title {
	position: relative;
	text-align: center;
	color: #FFF;
	font-size: min(166%,2.4vw);
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.4;
	background-color: var(--pick-color-main);
	border-top-left-radius: 1.5em;
	border-top-right-radius: 1.5em;
	padding: 1.1em 0;
	margin-bottom: 2.4em;
}
.med_pickup .pick_inbox > * {
	padding: 0 4% 60px;
	margin-bottom: 60px;
	border-bottom: 1px dashed #473219;
}
.med_pickup .pick_inbox > *:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
/*com_flt*/
.med_pickup .com_flt .img_r {
	max-width: 330px;
}
/*pick_col3*/
.med_pickup .pick_col3 .box_img {
	max-width: 350px; 
	margin: 8% auto 0;
}
.med_pickup .pick_col3 .com_btn1 {
	text-align: center;
}
/*pick_point*/
.med_pickup .pick_point {
	box-sizing: border-box;
	padding: 35px 3.6%;
	border-radius: 20px;
}
/*poi_list*/
.med_pickup .poi_list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.med_pickup .poi_list > li {
	text-align: center;
	width: 15%;
	max-width: 140px;
	margin-right: 1.8%;
}
.med_pickup .poi_list > li:last-of-type {
	margin-right: 0;
}

.med_pickup::before {background-color: var(--pick-color-bg);}
.med_pickup .pick_title,
.med_pickup .med_flow .fl_title {background-color: var(--pick-color-main);}
.med_pickup .com_style1 > dt,
.med_pickup .med_style1 > dt,
.med_pickup .med_style1_txt,
.med_pickup .med_price th p,
.med_pickup .med_flow_list .img_item::after,
.med_pickup .com_marulist > li::before {color: var(--pick-color-main);}
.med_pickup .med_style1 > dt::before,
.med_pickup .med_style1_txt::before,
.med_pickup .med_price th p::before {color: var(--pick-color-icon);}
.med_pickup .med_price tr,
.med_pickup .pick_point {background-color: var(--pick-color-point-bg);}


/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.med_pickup .com_flt .img_r {
	width: 30%;
}
.med_pickup .com_flt .txt_l {
	width: 66%;
}
.med_pickup .pick_col3 {
	display: flex;
}
.med_pickup .pick_col3 > div {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 30%;
	margin-right: 5%;
}
.med_pickup .pick_col3 > div:nth-of-type(3n) {
	margin-right: 0;
}

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_pickup {
	padding-bottom: 8%;
}
.med_pickup .pick_title {
	margin-bottom: 2em;
}
.med_pickup .pick_inbox > * {
	padding-bottom: 6%;
	margin-bottom: 6%;
}
.med_pickup .com_flt .img_r {
	width: 35%;
}
.med_pickup .com_flt .txt_l {
	width: 100%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_pickup {
	padding: 0 6% 9%;
}
.med_pickup .pick_title {
	font-size: 115%;
	letter-spacing: .08em;
	padding: 1em 0;
	margin-bottom: 1.5em;
}
.med_pickup .pick_inbox > * {
	padding: 0 0 10%;
	margin-bottom: 10%;
}
.med_pickup .com_flt .img_r {
	width: 80%;
}
/*pick_col3*/
.med_pickup .pick_col3 > div:not(:last-of-type) {
	padding-bottom: 9%;
	margin-bottom: 8%;
	border-bottom: 1px dashed #473219;
}
.med_pickup .pick_col3 .box_img {
	width: 80%;
}
.med_pickup .pick_col3 .box_img.sp_img_w {
	width: 90%;
}
.med_pickup .pick_col3 p.fw_mid {
	font-size: 110%;
	margin-top: .5em;
}
/*poi_list*/
.med_pickup .poi_list > li {
	width: 31%;
	margin-right: 3.5%;
}
.med_pickup .poi_list > li:nth-of-type(3n) {
	margin-right: 0;
}
.med_pickup .poi_list > li:nth-of-type(n+4) {
	margin-top: 3.5%;
}
}


/*.med_price
---------------------------------------------------------*/
.med_price {
	width: 80%;
	max-width: 712px;
	border-collapse: separate;
	border-spacing: 0 5px;
	font-size: min(1.5vw,100%);
	white-space: nowrap;
	line-height: 1.5;
	margin: .5em auto 0;
}
.med_price tr {
	background-color: #FFFFD9;
}
.med_price th,
.med_price td {
	padding: 1.1em 1.5em;
}
.med_price th {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
.med_price th p {
	position: relative;
	color: #D2A000;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .15em;
}
.med_price th span {
	display: block;
	margin-top: .4em;
}
.med_price td {
	text-align: right;
	vertical-align: top;
}
.med_price td dl {
	display: grid;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.med_price td dl dt {
	margin-right: 1em;
	grid-column: 1 / 2;
}
.med_price td dl dd {
	grid-column: 2 / 3;
}
.med_price td dl dt:nth-of-type(n+2),
.med_price td dl dd:nth-of-type(n+2) {
	margin-top: .5em;
}
.med_price td .price .ft_ag {
	font-size: 146%;
	letter-spacing: .1em;
	line-height: 1;
	margin-right: .2em;
}

.com_flt .med_price {
	margin-top: 1.4em;
	margin-left: 0;
}
.med_pickup .com_flt .med_price {
	width: 100%;
	max-width: 100%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_price {
	font-size: 90%;
}
.med_price th p {
	font-size: 115%;
	letter-spacing: .1em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_price {
	width: 100%;
	font-size: 90%;
	white-space: nowrap;
}
.med_price th,
.med_price td {
	display: block;
	padding-left: 1.2em;
	padding-right: 1.2em;
}
.med_price th {
	padding-bottom: 0;
}
.med_price th p {
	font-size: 110%;
	letter-spacing: .1em;
}
.med_price td {
	text-align: left;
	padding-top: .5em;
}
.med_price td .price,
.med_price td dl {
	text-align: right;
}
.med_price td dl {
	align-items: flex-end;
}
}

/*med_pri_other
---------------------------------------------------------*/
.med_pri_other {
	position: relative;
	background-color: #FFF2B3;
	box-sizing: border-box;
	padding: 60px 6%;
}
.med_pri_other > dt {
	text-align: center;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_pri_other {
	padding: 6%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_pri_other {
	padding: 10% 7%;
}
}


/*med_flow
---------------------------------------------------------*/
.med_flow {
	background-color: #fff;
	box-sizing: border-box;
	padding: 40px 5%;
	border-radius: 20px;
}
.med_flow .fl_title {
	text-align: center;
	color: #FFF;
	font-size: min(2.2vw,147%);
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: .15em;
	padding: .8em 1em;
	background-color: var(--color-org);
	border-radius: 1.2em;
	margin-bottom: 1.8em;
}
.scl_txt {
	text-align: center;
	color: #A89E96;
	font-size: 85%;
	line-height: 1.4;
	margin-top: -0.5em;
	margin-bottom: 1em;
}
.fl_scl_area {
	position: relative;
}
.med_flow_list {
	max-width: 960px;
	display: flex;
    justify-content: center;
	margin: 0 auto;
}
.med_flow_list li {
	position: relative;
	width: 25%;
	box-sizing: border-box;
}
.med_flow_list .img_item {
	position: relative;
	width: 75%;
	max-width: 180px;
	margin: 0 auto 1.5em;
}
.med_flow_list .img_item::after {
	position: absolute;
	font-family: 'fontello';
	content: '\e802';
	font-size: min(2vw,150%);
	left: 107%;
	top: 50%;
	transform: translateY(-50%);
}
.med_flow_list li:last-of-type .img_item::after {
	display: none;
}
.med_flow_list .txt {
	text-align: center;
	font-size: min(1.4vw,100%);
	line-height: 1.6;
}
.med_flow_list .txt dt {
	font-size: 213%;
	letter-spacing: .1em;
	line-height: 1;
	margin-bottom: .4em;
}
/*5列*/
.med_flow_list .img_item {
	width: 81%;
	max-width: 185px;
}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
/*5列*/
.med_flow_list.col5 {
	max-width: 1150px;
}
.med_flow_list.col5 li {
	width: 20%;
}

}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_flow {
	padding: 5%;
}
.med_flow .fl_title {
	letter-spacing: .1em;
	margin-bottom: 1.5em;
}
.med_flow_list .txt {
	font-size: 1.6vw;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_flow {
	padding: 8% 6%;
}
.med_flow .fl_title {
	font-size: 110%;
	letter-spacing: .04em;
	padding: .6em;
	margin-bottom: 1.4em;
}
.fl_scl_area {
	padding-bottom: 11%;
}
.med_flow_list {
   min-width: max-content;
}
.med_flow_list > li {
    width: 39vw;
}
.med_flow_list .img_item {
	width: 70%;
	margin-bottom: .8em;
}
.med_flow_list .img_item::after {
	font-size: 130%;
	left: 112%;
}
.med_flow_list .txt {
	font-size: 85%;
}
.med_flow_list .txt dt {
	font-size: 160%;
}
}

/*med_point
---------------------------------------------------------*/
.med_point {
	position: relative;
	max-width: 1220px;
	background: #fffdd4 linear-gradient(130deg, rgba(255,255,255,0) 50%, rgba(255,250,153,1) 100%);
	background-size: 100% auto;
	box-sizing: border-box;
	padding: 60px 6%;
	margin-left: auto;
	margin-right: auto;
}
.med_point .fuki {
	position: absolute;
	color: #D7A91A;
	font-size: min(3.2vw,233%);
	font-family: "agenda-one", sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: .15em;
	line-height: 1;
	padding: 0 .6em;
	left: 7%;
	top: -0.4em;
}
.med_point .fuki::before,
.med_point .fuki::after {
	height: 1.2em;
}
.med_point .fuki span {
	background: url("../images/common/accent.svg") no-repeat right top;
	background-size: .35em auto;
	padding: 0 .4em;
}
.med_point dl {
	max-width: 871px;
	margin: 0 auto;
}
.med_point dl dt {
	text-align: center;
	color: #473219;
	margin-bottom: .8em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_point {
	padding: 6%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_point {
	padding: 10% 7%;
}
.med_point .fuki {
	font-size: 130%;
}
}


/*med_check
---------------------------------------------------------*/
.med_check {
	--check-color-main: #5789e8;

	background: url("../images/common/chk_bg1@2x.png") no-repeat left top,
				url("../images/common/chk_bg2@2x.png") no-repeat right bottom;
	background-size: 56% auto;
	background-color: #eef5fb;
	box-sizing: border-box;
	padding: 50px 6% 70px;
}
.med_check .chk_title {
	position: relative;
	max-width: 600px;
	text-align: center;
	font-size: min(2vw,120%);
	letter-spacing: .15em;
	line-height: 1.5;
	border-bottom: 1px dashed var(--check-color-main);
	padding-bottom: 1.5em;
	margin: 0 auto 3em;
}
.med_check .chk_title .txt1 {
	font-weight: bold;
	margin-bottom: 1em;
}
.med_check .chk_title .txt2 {
	color: var(--check-color-main);
	font-size: 222%;
	font-weight: bold;
	letter-spacing: .16em;
}
.med_check .chk_list {
	max-width: 920px;
	margin: 0 auto;
}
.med_check .chk_list li {
	position: relative;
	font-size: 113%;
	font-weight: bold;
	line-height: 1.6;
	box-sizing: border-box; 
	padding-left: 2.2em;
}
.med_check .chk_list li::before {
	position: absolute;
	content: "";
	background: url("../images/common/check.svg") no-repeat center center;
	background-size: contain;
	width: 1.5em;
	height: 1.5em;
	left: 0;
	top: 0;
}
.med_check .radi_txt {
	max-width: 1100px;
	text-align: center;
	color: #FFF;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.6;
	background-color: var(--check-color-main);
	box-sizing: border-box;
	padding: .8em 5%;
	border-radius: 2em;
	margin: 50px auto 0;
}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.med_check .chk_list {
	display: flex;
    flex-wrap: wrap;
}
.med_check .chk_list li {
	width: 48%;
	margin-right: 4%;
}
.med_check .chk_list li:nth-of-type(even) {
	margin-right: 0;
}
.med_check .chk_list li:nth-of-type(n+3) {
	margin-top: 1.4em;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_check {
	padding: 5% 6% 7%;
}
.med_check .chk_title .txt2 {
	font-size: 180%;
	letter-spacing: .16em;
}
.med_check .chk_list li {
	font-size: 105%;
}
.med_check .radi_txt {
	font-size: 110%;
	letter-spacing: .1em;
	margin-top: 5%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_check {
	background-size: 60% auto;
	padding: 8% 6% 10%;
}
.med_check .chk_title {
	font-size: 95%;
	letter-spacing: .1em;
	margin-bottom: 2em;
}
.med_check .chk_title .txt1 {
	margin-bottom: .6em;
}
.med_check .chk_title .txt2 {
	font-size: 140%;
	letter-spacing: .1em;
}
.med_check .chk_list {
	max-width: 920px;
	margin: 0 auto;
}
.med_check .chk_list li {
	font-size: 100%;
}
.med_check .chk_list li:nth-of-type(n+2) {
	margin-top: .6em;
}
.med_check .radi_txt {
	font-size: 110%;
	letter-spacing: .08em;
	padding: 1em 5%;
	border-radius: 2em;
	margin-top: 8%;
}

}


/*med_col_list
---------------------------------------------------------*/
.med_col_list {
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
}
.med_col_list > li {
	background-color: #FFF0F1;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 40px 4%;
}
.med_col_list dt {
	text-align: center;
	color: #FF8163;
	font-size: min(2.4vw,166%);
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.4;
	margin-bottom: .8em;
}
.med_col_list .com_btn1 {
	text-align: center;
}
/*アイコン*/
.med_col_list.icon dt {
	background: url("../images/caries/col3_icon1.svg") no-repeat center top;
	background-size: 3.9em auto;
	padding-top: 3em;
}

.med_col_list.col_org > li {background-color: #FFF7D1;}
.med_col_list.col_org dt {color: var(--color-org);}
.med_col_list.col_grn > li {background-color: #F4FBCE;}
.med_col_list.col_grn dt {color: #3EB18C;}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.med_col_list {
	display: flex;
    flex-wrap: wrap;
}
.med_col_list.col2 > li {
	width: 49.2%;
	margin-right: 1.6%;
}
.med_col_list.col3 > li {
	width: 32.4%;
	padding: 35px 2.4% 25px;
	margin-right: 1.4%;
}
.med_col_list.col2 > li:nth-of-type(even),
.med_col_list.col3 > li:nth-of-type(3n) {
	margin-right: 0;
}
.med_col_list.col3 > li:nth-of-type(n+4) {
	margin-top: 1.4%;
}
/*アイコン*/
.med_col_list.icon > li {
	padding-top: 25px;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_col_list > li {
	padding: 5% 3% 4%;
}
	
}

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

.med_col_list {
	display: block;
}
.med_col_list > li {
	padding: 8% 6.5% 10%;
}
.med_col_list > li:nth-of-type(n+2) {
	margin-top: 3%;
}
.med_col_list dt {
	font-size: 120%;
}
}


/*med_rank
---------------------------------------------------------*/
.med_rank {
	display: flex;
	color: var(--color-org);
	font-size: 120%;
	border-top: 1px solid currentColor;
	border-bottom : 1px solid currentColor;
	box-sizing: border-box;
	padding: .7em 1.5em;
	margin-bottom: 1.2em;
}
.med_rank > li {
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: .15em;
	margin-right: 1em;
}
.med_rank > li:last-of-type {
	margin-right: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_rank {
	font-size: 110%;
	padding: .8em 1em;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_rank {
	justify-content: center;
	font-size: 100%;
	padding: .6em .5em;
	margin-bottom: 1em;
}
.med_rank > li {
	letter-spacing: .05em;
}
}

/*メリット・デメリット
---------------------------------------------------------*/
.med_mer_dem > dl {
	background-color: #FFF7F5;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
}
.med_mer_dem > dl > dt {
	text-align: center;
	color: #FFF;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.5;
	background-color: #FFB19A;
	padding: .8em 0;
	border-top-left-radius: 1.6em;
	border-top-right-radius: 1.6em;
}
.med_mer_dem > dl > dt .ft_cav {
	font-size: 213%;
	letter-spacing: .06em;
	line-height: 1;
	vertical-align: -0.1em;
	margin-right: .3em;
}
.med_mer_dem > dl > dd {
	box-sizing: border-box;
	padding: 25px 3.4% 30px;
}
.med_mer_dem .demerit {background-color: #F6F5F5;}
.med_mer_dem .demerit > dt {background-color: #A2A09B;}

.med_mer_list li,
.med_dem_list li {
	position: relative;
	line-height: 1.6;
	padding-left: 2em;
	margin-top: 1em;
}
.med_mer_list li:first-child,
.med_dem_list li:first-child {
	margin-top: 0;
}
.med_mer_list li::before, 
.med_dem_list li::before {
	position: absolute;
	font-family: 'fontello';
	content: '\e805';
	color: #FFB19A;
	font-size: 120%;
	line-height: 1;
	left: 0;
	top: .1em;
}
.med_dem_list li::before {
	content: '\e806';
	color: #A2A09B;
}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.med_mer_dem {
	display: flex;
    justify-content: space-between;
}
.med_mer_dem > dl {
	width: 49%;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_mer_dem > dl > dt {
	font-size: 120%;
}
.med_mer_dem > dl > dd {
	padding: 15px 4% 20px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_mer_dem > dl.demerit {
	margin-top: 4%;
}
.med_mer_dem > dl > dt {
	font-size: 120%;
	padding: .6em 0;
	border-top-left-radius: 6vw;
	border-top-right-radius: 6vw;
}
.med_mer_dem > dl > dd {
	padding: 6% 5%;
}
}



/*med_step
---------------------------------------------------------*/
.med_step {
	max-width: 1250px;
}
.med_step > li {
	position: relative;
	padding-left: 150px;
	margin-bottom: 60px;
}
.med_step > li:last-of-type {
	margin-bottom: 0;
}
.med_step .step_no {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 6.8em;
	height: 6.8em;
	color: var(--color-org);
	text-align: center;
	font-family: "agenda-one", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: min(100%);
	letter-spacing: .15em;
	line-height: 1;
	border: 1px solid currentColor;
	border-radius: 50%;
	left: 0;
	top: 0;
}
.med_step .step_no span {
	display: block;
	font-size: 146%;
}
.med_step .step_no::before {
	position: absolute;
	content: "";
	background: url("../images/common/step_arw.svg") no-repeat center center;
	background-size: contain;
	width: 1.34em;
	height: 1.8em;
	left: 50%;
	top: calc(100% + 1em);
	transform: translateX(-50%);
}
.med_step > li:last-of-type .step_no::before {
	display: none;
}
.med_step .com_style1 > dt {
	color: inherit;
}
.med_step .com_flt .img_r {
	max-width: 380px;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.med_step .med_flt .img_r {
	width: 37%;
	margin-left: 5%;
}
.med_step .med_flt .txt_l {
	width: 58%;
}
.med_step .aster_txt {
	margin-top: 2em;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_step > li {
	padding-left: 120px;
	margin-bottom: 8%;
}
.med_step .step_no {
	width: 6.2em;
	height: 6.2em;
	font-size: 90%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_step > li {
	padding-left: 20%;
	margin-bottom: 12%;
}
.med_step .step_no {
	width: 5em;
	height: 5em;
	font-size: 70%;
}

}

/*med_consul
---------------------------------------------------------*/
.med_consul {
	position: relative;
	background: url("../images/common/consul_bg@2x.png") no-repeat left top;
	background-size: 100% auto;
	background-color: #fef2e9;
	box-sizing: border-box;
	padding: 0 6.2% 60px;
}
.med_consul .med_raditxt {
	width: 12em;
	background-color: var(--color-lgrn);
	margin-bottom: 1em;
}
.med_consul .consul_tit {
	text-align: center;
	color: var(--color-org);
	font-size: min(3.6vw,266%);
	font-weight: bold;
	letter-spacing: .18em;
	line-height: 1.6;
	margin-bottom: .5em;
}
.med_consul .com_contact {
	margin-top: 5%;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.med_consul .com_contact {
	width: 95%;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.med_consul {
	padding-bottom: 6%;
}
.med_consul .consul_tit {
	letter-spacing: .12em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_consul {
	background-size: 60% auto;
	background-position: left top, right bottom 30%;
	padding: 0% 6% 10%;
}
.med_consul .med_raditxt {
	margin-bottom: .5em;
}
.med_consul .consul_tit {
	font-size: 130%;
	letter-spacing: .1em;
}
}


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

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

}