@charset "utf-8";
/* CSS Document */
p.pr {font-size: 1.6em;}
.bg-gray1 {
  opacity: 1;
  background-color: #adb5bd;
}
.contwrap4 {
    margin-left: 4%;
    font-size: 1.4em;
}
.productwrap {margin: 2% auto}
hr.product {
 border-width: 0; /* 平面の線に指定 */
 height: 3px; /* 線の太さを指定 */
 background:linear-gradient(to left,#1976d2 70%, #fbc02d 30%); /*線の色を指定 */
 background: -webkit-linear-gradient(to left,#1976d2 70%, #fbc02d 30%); /*線の色を指定（Chrome, Safari対策） */
}
hr.gradation {
	height:3px;
    margin-bottom: 3%;
	border:0;
	background:linear-gradient(left, #f5f5f5, #999, #f5f5f5);
	background:-webkit-linear-gradient(left, #f5f5f5, #999, #f5f5f5);
	background:-moz-linear-gradient(left, #f5f5f5, #999, #f5f5f5);
}

/* --------------------------------------------------
    テーブルデザイン
-------------------------------------------------- */
/* table01 */
#table01 {
    width: 90%;
    margin-left: 5%;
    font-size: 1.2em;
}
#table01 tr {
  border-bottom: 1px solid #b5b1b1;
}

#table01 th,
#table01 td {
  padding: 24px 0;
  border: none;
}

#table01 th {
  width: 40%;
}

/* sp */
@media only screen and (max-width: 480px) {
    #table01 {margin-left: 0}
    #table01 th,
  #table01 td {
    width: 100%;
    display: block;
  }

  #table01 th {
    width: 100%;
  }

  #table01 td {
    padding-top: 0;
  }
}

/* --------------------------------------------------
    デバイス切り替え
-------------------------------------------------- */
.pc { display: block; }
.sp { display: none; }
/* インライン要素の時 */
.pcinline { display: inline; }
.spinline { display: none; }

@media screen and (max-width:480px) {
  .pc { display: none; }
  .sp { display: block; }
  /* インライン要素の時 */
  .pcinline{ display: none; }
  .spinline{ display: inline; }
}