@charset "utf-8";
 .menu_flow_list{
counter-reset: number;
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 3rem;
align-items: stretch;
}
.menu_flow_list_item{
border-radius: 2rem;
background: #fff;
overflow: hidden;
display: flex;
flex-direction: column;
}
.menu_flow_list_item.is_last{
grid-column: 1/4;
}
.menu_flow_num{
display: block;
text-align: center;
font-size: 1.2rem;
font-family: "Montserrat", sans-serif;
font-weight: bold;
background: var(--maincolor);
color: #fff;
line-height: 1.2;
padding: .5rem 0;
width: 100%;
}
.menu_flow_num::after{
display: block;
counter-increment: number;
content: counter(number, decimal-leading-zero);
font-size: 2rem;
}
.is_last .menu_flow_num{
font-size: 2rem;
}
.is_last .menu_flow_num::after{
content: none;
}
.menu_flow_title{
text-align: center;
font-size: 2rem;
margin-bottom: 1em;
}
.menu_flow_box{
padding: 2.5rem 3rem 3rem;
flex: 1;
display: flex;
flex-direction: column;
}
.menu_flow_cap {
display: flex;
flex-direction: column;
flex: 1;
gap: 2rem;
}
.menu_flow_cap img{
margin-top: auto;
border-radius: 1rem;
}
.menu_compare_attention{
display: none;
}
.menu_compare_img img{
max-width: 72rem;
width: 100%;
margin: auto;
}
.menu_price_list{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
}
.menu_price_box{
margin-bottom: 1rem;
}
.menu_price_box_inner{
display: flex;
flex-wrap: wrap;
padding: 1.5rem 2rem;
border-bottom: 1px solid rgb(from var(--graycolor) r g b / 0.4);
}
.menu_price_box_inner.is_header .menu_price_content{
font-weight: bold;
}
.menu_price_title{
flex: 1;
}
.menu_price_content{
width: 13rem;
text-align: right;
}
.menu_price_attention{
margin-bottom: 1em;
}
.page_sec_h4{
padding: .5rem 1rem;
background: var(--textcolor);
color: #fff;
}
@media (max-width: 768px) {
.menu_inner{
width: 90%;
margin: auto;
overflow: clip;
}
.menu_flow_list{
grid-template-columns: 1fr;
}
.menu_flow_list_item.is_last{
grid-column: auto;
}
.menu_price_list{
grid-template-columns: 1fr;
}
.menu_compare_attention{
display: block;
margin-bottom: 1em;
}
.menu_compare_img{
overflow: scroll;
}
.menu_compare_img img{
width: 50rem;
}
} .compare_table_wrap {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.compare_table {
width: 100%;
min-width: 76rem;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
color: #353a40;
line-height: 1.5;
text-align: center;
} .compare_table th:first-child {
width: 25%;
}
.compare_table th:nth-child(2),
.compare_table th:nth-child(3),
.compare_table th:nth-child(4) {
width: 25%;
} .compare_table thead th {
padding: .6rem .5rem;
border: none;
font-size: 2rem;
font-weight: 700;
white-space: nowrap;
text-align: center;
}
.compare_table .compare_table_main {
color: #fff;
background: var(--maincolor);
border-radius: 3rem;
}
.compare_table .compare_table_other {
color: #30343a;
background: var(--accentcolor);
border-radius: 3rem;
}
.compare_table .compare_table_surgery {
background: var(--graycolor);
border-radius: 3rem;
} .compare_table tbody th,
.compare_table tbody td {
height: 13rem;
padding: 1.2rem .8rem;
border-bottom: 1px solid var(--graycolor);
vertical-align: middle;
}
.compare_table tbody th {
color: #353a40;
font-size: 1.9rem;
text-align: center;
}
.compare_table tbody td {
color: #353a40;
border-left: 1px solid var(--graycolor);
}
.compare_table tbody td.is-main {
color: #4b4e54;
background: #fff;
border-left: 1px solid #c9cbd0;
border-right: 1px solid #c9cbd0;
font-weight: 400;
} .compare_table .compare_icon {
display: block;
width: 7rem;
height: 7rem;
max-width: 100%;
object-fit: contain;
margin: 0 auto .8rem;
} .compare_table tbody td p {
margin: 0;
font-size: 1.8rem;
line-height: 1.5;
}
.compare_table .compare_dash {
display: block;
font-size: 3.6rem;
font-weight: 700;
line-height: 1;
} @media screen and (max-width: 767px) {
.compare_table {
min-width: 60rem;
font-size: 1.4rem;
}
.compare_table thead th {
font-size: 1.4rem;
}
.compare_table tbody th {
font-size: 1.4rem;
}
.compare_table tbody th,
.compare_table tbody td {
height: 11rem;
padding: 1rem .5rem;
}
.compare_table .compare_icon {
width: 5rem;
height: 5rem;
margin-bottom: .6rem;
}
.compare_table tbody td p {
font-size: 1.4rem;
} .compare_table th:first-child {
width: 20%;
} .compare_table th:nth-child(2),
.compare_table th:nth-child(3),
.compare_table th:nth-child(4) {
width: 30%;
}
}