@charset "utf-8";
#point_4{
  padding-block-end: 40px;
}

.environment_machine {
  margin-block-end: 40px;
}
/* ここがすごいリスト */
.sub-anchor ol {
  list-style-type: none;
}

.flex_common {
  display: flex;
  justify-content: space-between;
}

.link_setting {
  text-decoration: none !important;
  padding-block: 1em !important;
  padding-inline: 1.5em !important;

}

.sub-anchor .sub-anchor_outer {
  border: 1px solid #BBBBBB;
  border-radius: 10px;
  max-width: 520px;
  margin: 0 auto !important;
}

.sub-anchor .sub-anchor_outer li {
  border-bottom: 1px solid #BBBBBB;
}

.sub-anchor .sub-anchor_outer li:last-child {
  border-bottom: none;
}


.sub-anchor .sub-anchor_header {
  font-size: 16px;
  display: flex;
  align-items: center;

}

.sub-anchor .sub-anchor_header .txt {
  color: #00A7AC;
  font-weight: bold;
  margin-right: .3em;
}

.sub-anchor .sub-anchor_header .num {
  background: #00A7AC;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #fff;
  font-size: .8em;
  border-radius: 50%;
  font-weight: bold;
}

.sub-anchor .sub-anchor_cell {
  display: flex;
  align-items: center;
  color: #333F48;
  width: 70%;
  position: relative;

}

.sub-anchor .arrow_bottom::after {
  content: "";
  border: 1px solid #00A7AC;
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/bottom-arrow.png) no-repeat center /40%;
}

/* ここがすごい 見出し*/
.point_flag_border {
  border-top: 1px solid #00A7AC;

}

.point_flag {
  background-color: #00A7AC;
  display: inline-block;
  padding-inline: 1em !important;
  padding-block: 1em !important;
  text-align: center;
}

.point_flag_border .flex_common {
  align-items: center;
}

.point_flag .txt {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-right: .5em;
}

.point_flag .num {
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #00A7AC;
  font-size: .8em;
  border-radius: 50%;
  font-weight: bold;
}

/* text関連 */
.contents-detail__text{
  padding-right: 5px!important;
}
.contents-detail__img_txt {
  font-size: 13px !important;
  color: #333F48 !important;
  margin-top: 0.3em !important;
}

.contents-detail__machine_list_3col_outer {
  background-color: #EEF3F3;
  padding-inline: 50px !important;
  padding-block: 30px 40px !important;
}

.machine_list_ttl {
  font-size: 15px;
  color: #00A7AC;
  font-weight: bold;
  margin-top: 1em !important;
}

#point_3 .contents-detail__machine_list li{
  margin-bottom: 30px;
}
#point_3 .contents-detail__machine_list li:last-child{
  margin-bottom: 0px;
}
#point_3 .contents-detail__machine_list li .ttl_h4{
  margin-bottom: 15px!important;
}

/* #point_4のみ */
#contents .tableBlock {
  padding: 10px 0 0px !important;
}
#contents .tableBlock table tr:nth-child(n+2) th{
  background-color: #EEF3F3!important;
}
#contents #point_4 .contents-detail__ttl-machine {
  margin-bottom: 0 !important;
}

#contents #point_4 .attention {
  margin-bottom: 1em !important;
}

#contents #point_4 .contents-detail__img_logo {
  width: 440px !important;
}

/* section2のみ */
.line_up_list02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.line_up_list02:last-of-type::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}
.line_up_list02:last-of-type::after{
  content:"";
  display: block;
  width:23%;
}
.line_up_list02 img {
  max-width: 100%;
}

.line_up_list02 .line_up_list_item {
  display: flex;
  flex-direction: column;
  width: calc((100% / 4) - 10px);
  justify-content: flex-start;
  text-align: center;
  margin-block-end: 25px !important;
}

.line_up_list02 .line_up_list_item_detail {
  min-height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.line_up_list02 .line_up_list_item_detail.line_up_list_item_detail_ajst {
  min-height: 50px;
/* 一行の場合は高さを低く設定する。。。。。。 */
}

.line_up_list02 .line_up_list_item_box01 {
  margin-block-end: 25px !important;
}

.line_up_lis02 .line_up_list_item .line_up_list_item_box02 .line_up_list_item_ttl {
  min-height: auto;
}

.line_up_list02 .line_up_list_item .line_up_list_item_box02 .product_list {
  min-height: auto;
}
#section2 .ttl_h3{
  text-align-last: left;
}

.sp-only {
  display: none !important;
}

#contents .tableBlock.responsiveTable {
  overflow-x: auto;
  margin-bottom: 20px;
}

.ttl_h2__jp {

  position: relative;
  background: url(../img/bg-pattern02.png) repeat-x left bottom !important;
}

.point_01_end_text{
  text-align: center;
}


#section3 div[data-col-type="text"] p:last-child{
padding-block: 1em ;

}
@media only screen and (max-width: 767px) {
  .sp-only {
    display: block !important;
  }
  .point_01_end_text{
    text-align: left;
  }
  * {
    font-size: 16px;
  }
  .sub-anchor{
    margin-block-end: 10px!important;
  }

  .link_setting {
flex-direction: column;
padding-block: 1em !important;
    padding-inline: .7em !important;
  }
  .sub-anchor .sub-anchor_cell {
    width: 100%;
}
  .point_flag .txt {
    font-size: 14px!important;
}
.point_flag {
  padding-inline: .5em !important;
  padding-block: .5em !important;
  margin-block-end: .5em !important;
}

  .line_up_list_btn {
font-size: 14px;
}

  #contents .contents-point .introBox__photo .caption {
    text-align: left !important;
  }

  section#point_1,
  section#point_2,
  section#point_3 {
    padding-block-end: 2em;
  }
  section#point_4{
    padding-block-end: 2em;
  }


  #point_1 .columnWrap,
  #point_2 .columnWrap,
  #point_3 .columnWrap,
  #point_4 .columnWrap {
    flex-direction: column-reverse;
  }

  #point_1 .introBox__title,
  #point_2 .introBox__title,
  #point_3 .introBox__title,
  #point_4 .introBox__title {
    padding: 0 15px !important;
  }

  #point_2 .contents-detail__machine_list_3col_outer {
    padding-inline: 25px !important;
  }

  #point_2 .contents-detail__machine_list_3col {
    padding: 0 !important;
  }

  #section2 .line_up_list {
    display: block;
  }

  #section2 .line_up_list>li {
    width: 100%;
  }

  .line_up_list02 .line_up_list_item {
    width: calc((100% / 2) - 10px);
  }

  #contents .contents-detail__text {
    margin-block-end: 1.5em !important;
  }

}