@charset "UTF-8";

#rinsyou .pagetitle {
  background: url(images/title_index_pc.png) no-repeat 0 0;
}

#rinsyou.index .pic01 {
  text-align: center;
  margin-bottom: 2em;
}
#rinsyou.index .pic01 img {
  max-width: 531px;
  width: 100%;
}
.rinsyou_tbl {
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  margin: 0 auto 2em;
  box-sizing: border-box;
}
.rinsyou_tbl.t1 {
  width: 90%;
}
.rinsyou_tbl.t2 {
  width: 100%;
}
.rinsyou_tbl.t3 {
  width: 80%;
}
.rinsyou_tbl th {
  background: #e1f3fc;
  font-size: 123%;
  line-height: 1.4;
  text-align: left;
  vertical-align: top;
  padding: 0.4em 0.4em 0.4em 0.4em;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
}
.rinsyou_tbl.t1 th { }
.rinsyou_tbl.t2 th {
  white-space: nowrap;
  padding-right: 2em;
}
.rinsyou_tbl.t3 th {
  text-align: center;
  vertical-align: middle;
}
.rinsyou_tbl td {
  font-size: 123%;
  line-height: 1.4;
  text-align: left;
  vertical-align: top;
  padding: 0.4em;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
}
.rinsyou_tbl.t3 td:last-child {
  background: #e8e8e8;
  text-align: right;
}
.rinsyou_tbl.t2 td ol {
  margin: 0.5em 0.5em 0.5em 2.8em;
}
.rinsyou_tbl.t2 td ol > li {
  font-size: 123%;
  line-height: 1.5;
  list-style-type: decimal;
  padding-bottom: 0.2em;
}



@media only screen and (max-width: 896px) {

  #rinsyou .sidemenu { display: none; }

  #rinsyou .pagetitle {
    background: url(images/title_index_sp.png);
    background-size: contain;
  }

  .rinsyou_tbl.t1 {
    width: 100%;
  }
  .rinsyou_tbl.t2 {
    width: 100%;
  }
  .rinsyou_tbl.t3 {
    width: 100%;
  }
  .rinsyou_tbl th {
    font-size: 150%;
  }
  .rinsyou_tbl.t1 th { }
  .rinsyou_tbl.t2 th {
    white-space: normal;
    padding-right: 0.4em;
    width: 6.5em;
  }
  .rinsyou_tbl.t3 th {
    width: 3.5em;
  }
  .rinsyou_tbl td {
    font-size: 150%;
  }
  .rinsyou_tbl.t2 td ol > li {
    font-size: 150%;
  }


}

@media only screen and (max-width: 515px) {


}

@media only screen and (max-width: 480px) {

  .rinsyou_tbl th {
    font-size: 140%;
  }
  .rinsyou_tbl td {
    font-size: 140%;
  }
  .rinsyou_tbl.t2 td ol > li {
    font-size: 140%;
  }

}

@media only screen and (max-width: 414px) {

  .rinsyou_tbl.t2 th {
    width: 4em;
  }

}

@media only screen and (max-width: 375px) {


}

@media only screen and (max-width: 320px) {

  .rinsyou_tbl th {
    font-size: 123%;
  }
  .rinsyou_tbl td {
    font-size: 123%;
  }
  .rinsyou_tbl.t2 td ol > li {
    font-size: 123%;
  }

}