@charset "utf-8";
/* how_to用　saidemenu(200803追加)
=========================================*/
.topics_txt {
  padding-bottom: 1em;
}
.side_menu li a {
    display: block;
    background: url(../../../common/img/header_icon01.png) 100% 50% no-repeat;
    background-size: 10px 10px;
    text-decoration: none;
    width: 185px;
    padding: 0 15px 0 0;
}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb50 {margin-bottom: 50px;}
.mb80 {margin-bottom: 80px;}
.top30 {margin-top: 30px;}
.side_menu dt {
    font-weight: bold;
    font-size: 150%;
    color: #00335E;
    padding: 10px 0;
}

p.nitizi {
    text-align: right;
    font-size: small;
    padding: 0px 0 10px;
}
/* main
=========================================*/
.main-head {
  padding-top: 20px;
  margin-bottom: 35px;
  background: url(../../img/border_style01.png) repeat-x left bottom;
}

.main-head-title {font-size: 185%;margin-bottom: 0;background: none;padding: 0;}
.main-head + div {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 48px;
  figure {
    margin: 0;
    img {
      border: 1px solid #999;
    }
  }
} 

.num_title {
  background-color: #5CABFA;
  padding: 11px;
  margin-bottom: 20px;
  & + p {
    /*width: 95%;*/
    margin-bottom: 40px;
  }
}
.num_title .h6-img img {
  margin: 0 8px 0 -3px;
}

.case_block {
  margin-top: 56px;
}
.case_block--flex {
  display: flex;
  justify-content: center;
  gap: 28px;
  margin-top: 48px;
  margin-bottom: 56px;
  li {
    position: relative;
    &::before {
      position: absolute;
      top: -1.5em;
      left: 0;
      font-size: 108%;
    }
    img {
      width: 100%;
      height: auto;
    }
  }
}
.case_block--flex li:first-child::before {
  content: '理研機器株式会社様　会社サイト　製品取扱説明書ページ';
}
.case_block--flex li:last-child::before {
  content: '製品取扱説明書（デジタルカタログ）';
}
.case_block--flex li:last-child::after {
  content: '';
  position: absolute;
  background: url("../img/border.png")no-repeat center;
  background-size: contain;
  width: 213px;
  height: 38px;
  top: 0;
  bottom: 6em;
  left: -17.7em;
  margin: auto;
}

.flex_img{
  display: flex;
  gap: 30px;
  margin-top: 20px;
}
.flex_img:nth-last-of-type(1){
  margin-bottom: 30px;
}
.flex_img--title{
  max-width: 660px;
  width: 100%;
}
.flex_img--pp{
  font-size: 150%;
}
.last_text{
  padding-bottom: 30px;
}

.last_text li{
  font-size: 110%;
  
  
}