@charset "utf-8";


/*特許一覧
---------------------------------------------------------------------------*/
.lineup{
  padding: 0!important;
}
.fl-1 {
  display: flex;
  justify-content: space-between;
  padding: 5em 10%;
}
.fl-txt {
  width: 50%;
  position: relative;
}
.fl-h2 {
  text-align: left!important;
  line-height: 1.3;
  margin: .3em 0 .7em;
}
.patent-icon{
 font-size: .9em;
 background-color: #616161;
 padding: 5px 20px;
 border-radius: 3px;
 color: #fff;
 display: inline-block;
 letter-spacing: .1em;
}
.fl-txt p {
  margin: 0;
}
.fl-img{
  width: 30%;
}
.patent01 {
  background-image: linear-gradient(90deg, rgba(246, 246, 246, 1), rgba(255, 255, 255, 1));
}
.patent02 {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(246, 246, 246, 1));
}
.patent01 .fl-img {
  text-align: left;
}
.patent02 .fl-img {
  text-align: right;
}
.patent01 .img-ab {
  position: absolute;
  bottom: -30px;
  right: -50%;
  width: 35%;
  display: none;
}
.patent02 .img-ab {
  position: absolute;
  bottom: -30px;
  left: -50%;
  width: 35%;
  display: none;
}

/*特許証table
---------------------------------------------------------------------------*/
.table_design02 {
  border-collapse: collapse;
  width: 100%;
  /* max-width: 700px; */
  margin-top: 1rem;
}
.table_design02 tr {
  background-color: rgba(241, 239, 239, 0.8);
}
.table_design02 tr:nth-child(odd) {
  background-color: #fff;
}
.table_design02 .number {
  background-color: #616161;
  color: #fff;
  letter-spacing: .1em;
}
.table_design02 th, .table_design02 td {
  padding: 1em;
  border-bottom: 1px solid;
}
.table_design02 th {
  font-weight: bold;
  text-align: center;
  width: 20%;
  min-width: 4em;
  border-right: 1px solid;
}

/*特許申請中
---------------------------------------------------------------------------*/
.request {
  text-align: center!important;
  padding: 5em 0;
}


/*---------------------------------------------------------------------------
【SP】画面サイズが767px以下
---------------------------------------------------------------------------*/
@media screen and (max-width:767px) { 

  .fl-1 {
    padding: 7em 3%;
    flex-wrap: wrap;
  }
  .fl-txt {
    width: 100%;
    position: relative;
    margin-bottom: 2em;
  }
  .fl-img{
    width: 100%;
  }
  .patent01 {
    flex-direction:column-reverse
  }
  .patent01 .fl-img ,
  .patent02 .fl-img {
    text-align: center;
    margin-bottom: 2rem;
  }
  .patent01 .img-ab ,
  .patent02 .img-ab {
    position: relative;
    bottom: 0;
    left: 0;
    width: 50%;
    text-align: center;
    margin: 1em auto;
  }
  .patent01,
  .patent02 {
    background-image: linear-gradient(to bottom, rgba(246, 246, 246, 1), rgba(255, 255, 255, 1));
  }


/*　※注意！　下の閉じカッコ　}　はこのブロックに必要なので、削除しないで下さい。　*/
}





/*---------------------------------------------------------------------------
【Tab】画面サイズ768px以上1024px以下
---------------------------------------------------------------------------*/
@media screen and (min-width:768px) and ( max-width:1024px) {

  .fl-1 {
    padding: 7em 3%;
    flex-wrap: wrap;
  }
  .fl-txt {
    width: 100%;
    position: relative;
    margin-bottom: 2em;
  }
  .fl-img{
    width: 100%;
  }
  .patent02 {
    flex-direction:column-reverse
  }
  .patent01 .fl-img ,
  .patent02 .fl-img {
    text-align: center;
  }
  .patent01 .img-ab ,
  .patent02 .img-ab {
    position: relative;
    bottom: 0;
    left: 0;
    width: 50%;
    text-align: center;
    margin: 1em auto;
  }
  .patent01,
  .patent02 {
    background-image: linear-gradient(to bottom, rgba(246, 246, 246, 1), rgba(255, 255, 255, 1));
  }

/*　※注意！　下の閉じカッコ　}　はこのブロックに必要なので、削除しないで下さい。　*/
}





/*---------------------------------------------------------------------------
【PC】画面サイズ1025px以上の追加指定
---------------------------------------------------------------------------*/
@media screen and (min-width:1025px) {

/*menubarブロック設定
---------------------------------------------------------------------------*/

/*メニュー１個あたりの設定*/
.p #menubar a {
	color: #616161;
}


/*　※注意！　下の閉じカッコ　}　はこのブロックに必要なので、削除しないで下さい。　*/
}