@charset "UTF-8";

.container h3{
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  white-space: normal;
  line-height: 1.3;
  margin-bottom: 8px;
}

.container h2:has(.small){
  line-height: 1.2;
  padding-bottom: 12px;
}

.container h2 .small{
  display: block;
  font-size: 15px;
  //font-size: max(0.947vw,0.947vw);
  text-align: center;
  margin-top: .3em
}

.container h3:after{
  width: inherit;
  min-width: 3em
}

.obc-circle-list{
  margin:0;
}

.obc-circle-list li{
  margin-top:6px;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.33
}

.obc-circle-list li:before{
    content: '・';
  }

.obc-circle-list li:first-child{
  margin-top:0;
}

.obc-media{
  display:grid;
  grid-template-columns:1fr 200px;
  grid-gap:50px;
  gap:50px
}

.obc-media ~ .obc-media{
  margin-top: 41.67px;
}

.obc-media_body *:first-child{
  margin-top: 0 !important;
}

.obc-media_body h3{
  font-size: 19.167px;
  //font-size: max(1.211vw,1.211vw)
}

.obc-media_body p{
  margin:0;
}

.obc-media_body *:first-child{
  margin-top: 0 !important;
}

.obc-media_image{
  font-size: 0;
}

.obc-media_labels{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 16.67px
}

.obc-media_label{
  padding:4px 10px;
  background:#a78a37;
  color:#ffffff;
  font-size: 13.333px;
  //font-size: max(0.842vw,0.842vw);
  line-height:1.4
}

.obc-grid{

}

.obc-grid--3_1{
  display: grid;
  /* autoprefixer: off */
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px 30px;
  gap: 30px 30px
}

.obc-grid--pt1 .obc-grid_column{
  display:grid;
  grid-template-rows:subgrid;
  grid-row:span 3;
  grid-gap: 16px
}

.obc-grid--pt1 .obc-grid_column *{
  margin-top: 0 !important;
}

.obc-grid_column p{
  line-height: 1.7;
}

.obc-grid--3_1 .obc-grid_column p{
  font-size: 11.667px;
  //font-size: max(0.737vw,0.737vw)
}

.obc-grid_column-image{
  text-align: center;
  font-size: 0;
}

.obc-grid_column *:last-child{
  margin-bottom: 0;
}

.obc-grid_column .obc-grid_column-heading{
  color: #333333;
  margin-bottom: 0;
  font-size: 16.667px;
  //font-size: max(1.053vw,1.053vw);
  font-weight: bold
}

.obc-grid_column .obc-grid_column-heading:after{
    display: none;
  }

.obc-reason_item:first-child{
  padding-top:0;
}

.obc-reason_item:last-child{
  padding-bottom:0;
  border-bottom:0;
}

.obc-compare_table-scroll{
  margin-top: 20px
}

.obc-compare_table{
  width:100%;
  min-width:800px;
  border-collapse:collapse;
  table-layout:fixed;
  background:#ffffff;
  border:1px solid #d9d2c8;
}

.obc-compare_table th,
.obc-compare_table td{
  border:1px solid #d9d2c8;
  padding:18px 16px;
  vertical-align:top;
  background:#ffffff;
  font-weight:400;
  font-size: 11.667px;
  //font-size: max(0.737vw,0.737vw)
}

.obc-compare_table th{
  text-align:center;
}

.obc-compare_table thead th{
  font-size: 15px;
  //font-size: max(0.947vw,0.947vw);
  font-weight:500;
  line-height:1.5;
  background:#f8f7f4 !important
}

.obc-compare_table thead th:first-child{
  width:16%;
  background:#f8f7f4;
}

.obc-compare_table th.obc-compare_rowhead{
  width:16%;
  background:#F9F8F5;
  font-size: 13.333px;
  //font-size: max(0.842vw,0.842vw);
  text-align:left;
  vertical-align:middle;
  line-height:1.33
}

.obc-compare_table td{
  vertical-align: top !important;
}

.obc-compare_figure{
  max-width:180px;
  margin:0 auto 14px;
}

.obc-compare_desc{
  margin:0;
  line-height:1.33;
  text-align: center;
}

.obc-compare_star{
  margin:0 0 10px;
  text-align:center;
  color:#b79643;
  letter-spacing:2px;
  line-height:1;
}

.obc-compare_text{
  margin:0;
  font-size: 13.333px;
  //font-size: max(0.842vw,0.842vw);
  line-height:1.33
}

/* 流れ */

.obc-flow_list{
  list-style:none;
  margin:60px 0 0;
  padding:0
}

.obc-flow_item{
  display:grid;
  grid-template-columns:58.33px 1fr 130px;
  grid-gap:28px;
  gap:28px;
  padding:20px 0;
  border-bottom:1px solid #c9b487
}

.obc-flow_item:first-child{
  padding-top: 0;
}

.obc-flow_item-number{
  width:58.33px;
  height:58.33px;
  border-radius:50%;
  background:#8c7228;
  align-self: flex-start;
  color:#fff;
  font-size: 20px;
  //font-size: max(1.263vw,1.263vw);
  font-weight:bold;
  display:flex;
  align-items:center;
  justify-content:center
}

/* テキスト */

.obc-flow_item .obc-flow_item-heading{
  display: block;
  margin:0 0 6px;
  font-size: 20px;
  //font-size: max(1.263vw,1.263vw);
  color:#8c7228
}

.obc-flow_item .obc-flow_item-heading:after{
    display: none;
  }

.obc-flow_item-body p{
  margin-bottom: 0;
  line-height: 1.7;
}

.obc-flow_item-image{

}

/* 手術内容と手術後について */

.obc-procedure_items{
  margin-top: 41.67px;
}

.obc-procedure_item{
  display:grid;
  grid-template-columns:200px 1fr;
  grid-gap:40px;
  gap:40px;
  margin-bottom:60px
}

.obc-procedure_item-visual{
  text-align:center;
}

.obc-procedure_item .obc-procedure_item-heading{
  display: block;
  margin: 0 0 13px;
  font-size: 20px;
  //font-size: max(1.263vw,1.263vw);
  color: #000000;
  text-align: center
}

.obc-procedure_item .obc-procedure_item-heading:after{
    display: none;
  }

.obc-procedure_item-image{
  text-align: center;
}

.obc-procedure_item-step{
  list-style:none;
  padding:0;
  margin:0;
  counter-reset: step;
}

.obc-procedure_item-step li{
  position:relative;
  display: flex;
  align-items: baseline;
  grid-gap: 12.5px;
  margin-top: 16.67px;
  line-height:1.9;
  font-size:14px
}

.obc-procedure_item-step li:first-child{
    margin-top: 0;
  }

.obc-procedure_item-step li::before{
  flex: 0 0 auto;
  counter-increment: step;
  content: counter(step, decimal-leading-zero);
  width:41.67px;
  height: 41.67px;
  border-radius:50%;
  background:#8c7228;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 15px;
  //font-size: max(0.947vw,0.947vw);
}

table.obc-menu-table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  min-width: 800px;
}

table.obc-menu-table th,
table.obc-menu-table td{
  border:1px solid #EAE4E4;
  padding:25px 16.67px !important;
  vertical-align:top;
  font-size: 11.667px;
  //font-size: max(0.737vw,0.737vw);
  line-height:1.9
}

.obc-menu-table th{
  width:200px;
  background:#F9F8F5 !important;
  font-weight:500;
}

.obc-menu-table_flex{
  display:flex;
  grid-gap:40px;
  gap:40px;
}

.obc-menu-table_flex-col{
  flex:1;
}

.obc-menu-table_flex-col .bold{
  font-weight: bold;
}

.obc-risk_col strong{
  display:block;
  margin-bottom:8px;
}

.obc-menu-table_note{
  border:1px solid #CDCBCB;
  padding:12.5px;
  margin-top:16px;
}

@media (max-width: 750px){

.container h2 .small{
    font-size: 3.6vw
}

.container h3:after{
    min-width: 1.8em;
    margin-left: .5em
}

.obc-media{
    grid-template-columns:1fr 33%;
    grid-gap: 12px;
    gap: 12px
}

.obc-media_body h3{
    font-size: 4.6vw
}

.obc-media_labels{
    grid-gap: 10px
}

.obc-media_label{
    font-size: 3.2vw
}

.obc-grid--3_1{
    display: grid;
    /* autoprefixer: off */
    grid-template-rows: auto;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px 0;
    gap: 30px 0
}

.obc-grid--pt1 .obc-grid_column{
    grid-gap: 8px
}

.obc-grid--3_1 .obc-grid_column p{
    font-size: 2.8vw
}

.obc-grid_column .obc-grid_column-heading{
    font-size: 4vw
}

.obc-compare_table-scroll{
    overflow-x:auto;
    margin-right: -6.665vw
}

.obc-compare_table th,
.obc-compare_table td{
    font-size: 2.8vw
}

.obc-compare_table thead th{
    font-size: 3.6vw
}

.obc-compare_table th.obc-compare_rowhead{
    font-size: 3.2vw
}

.obc-compare_text{
    font-size: 3.2vw
}

.obc-flow_list{
    margin-top: 30px
}

.obc-flow_item{
    grid-gap: 14px;
    gap: 14px;
    grid-template-columns:1fr 100px
}

.obc-flow_item-number{
    position: absolute;
    width:34px;
    height:34px;
    font-size: 4vw
}

.obc-flow_item .obc-flow_item-heading{
    display: flex;
    align-items: center;
    padding-left: 40px;
    min-height: 34px;
    font-size: 4.8vw
}

.obc-procedure_item{
    grid-template-columns:1fr;
    grid-gap:20px;
    gap:20px
}

.obc-procedure_item .obc-procedure_item-heading{
    font-size: 4.8vw
}

.obc-procedure_item-step li{
}

.obc-menu-table-scroll {
    overflow-x:auto;
    margin-right: -6.665vw
}

table.obc-menu-table th,
table.obc-menu-table td{
    font-size: 2.8vw
}
}