@charset "utf-8";


/* ページ固有スタイル */

/*-----------------------------------------------------------------

overseas_jp

-----------------------------------------------------------------*/

/* sec01
-----------------------------------------------------------------*/
.examination .sec01 table th {
  text-align: center;
}
.examination .sec01 table{
  width: 100%;
  text-align: left;
}


/* sec02
-----------------------------------------------------------------*/
.examination .sec02 h4{
  margin-bottom: 4px;
  color: #f55267;
  font-size: 1.8rem;
  font-weight: 600;
}
.examination .sec02 h4.mt{
  margin-top: 20px;
}
.examination .sec02 ol{
  margin-top: 5px;
}
.examination .sec02 table{
  width: 100%;
  font-size: 1.5rem;
}
.examination .sec02 table sup{
  font-size: 70%;
  vertical-align: top;
}
.examination .sec02 table th{
  vertical-align: middle;
  line-height: 1.2;
}
.examination .sec02 table td .red{
  color: #f55267;
}
.examination .sec02 table td:nth-child(1){
  width: 5%;
  vertical-align: middle;
}
.examination .sec02 table td:nth-child(2){
  width: 30%;
}
.examination .sec02 table td:nth-child(3),
.examination .sec02 table td:nth-child(4){
  width: 12%;
  vertical-align: middle;
}
.examination .sec02 table td:nth-of-type(1),
.examination .sec02 table td:nth-of-type(3),
.examination .sec02 table td:nth-of-type(4){
  text-align: center;
}


/* sec03
-----------------------------------------------------------------*/
.examination .sec03 table{
  width: 100%;
  font-size: 1.5rem;
}
.examination .sec03 table th{
  vertical-align: middle;
  line-height: 1.2;
}
.examination .sec03 table td:nth-child(1){
  width: 33.3%;
}


/* sec04
-----------------------------------------------------------------*/
.examination .sec04 h4{
  color: #f55267;
  font-size: 1.8rem;
  font-weight: 600;
}
.examination .sec04 h4.mt{
  margin-top: 20px;
}
.examination .sec04 .txt{
  margin-top: 10px;
}
.examination .sec04 .txt li{
  margin-top: 4px;
  line-height: 1.5;
  text-indent: -1rem;
  padding-left: 1rem;
}
.examination .sec04 .table-ttl{
  width: 100%;
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.2;
}
.examination .sec04 .table-ttl span{
  display: inline-block;
  padding-right: 5px;
  color: #f55267;
  font-size: 80%;
  transform: translateY(-1px);
}
.examination .sec04 table{
  width: 100%;
  margin-top: 10px;
  font-size: 1.5rem;
}
.examination .sec04 table th{
  vertical-align: middle;
  line-height: 1.2;
}
.examination .sec04 table.col4 th{
  width: 25%;
}
.examination .sec04 table td.alignR{
  text-align: right;
}
.examination .sec04 table.col3 th{
  width: 33.3%;
}


/* sec05
-----------------------------------------------------------------*/
.examination .sec05 .pic{
  max-width: 640px;
  margin: 40px auto 60px;
}


/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {


  /* sec01
  -----------------------------------------------------------------*/
  .examination .sec01 table{
    width: 100%;
    text-align: left;
  }
  .examination .sec01 table tbody,
  .examination .sec01 table tr{
    display: block;
    width: 100%;
  }
  .examination .sec01 table th {
    display: block;
    widows: 100%;
    padding: 6px 15px;
    border: none;
    text-align: left;
  }
  .examination .sec01 table td{
    display: block;
    width: 100%;
    border: none;
    padding: 10px 0 12px 5px;
    background-color: white;
  }


  /* sec02
  -----------------------------------------------------------------*/
  .examination .sec02 h4{
    font-size: 1.8rem;
    margin-bottom: 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid #231815;
  }
  .examination .sec02 h4.mt{
    margin-top: 20px;
  }
  .examination .sec02 ol{
    margin-top: 5px;
  }
  .examination .sec02 ol li{
    margin-top: 5px;
    text-indent: -1rem;
    padding-left: 1rem;
  }
  .examination .sec02 .scroll-box{
    overflow-x: scroll;
  }
  .examination .sec02 .scroll-box table{
    width: 600px;
  }
  .examination .sec02 .scroll-box table th{
    font-size: 1.3rem;
    font-weight: 500;
  }
  .examination .sec02 .scroll-box table th:nth-of-type(2),
  .examination .sec02 .scroll-box table th:nth-of-type(3){
    font-size: 1.1rem;
  }
  .examination .sec02 .scroll-box table td{
    font-size: 1.2rem;
    padding: 12px 10px;
  }
  .examination .sec02 .scroll-box table td:nth-child(1){
    width: 34px;
    padding: 12px 0;
  }
  .examination .sec02 table td:nth-child(2){
    width: 150px;
  }
  .examination .sec02 table td:nth-child(3),
  .examination .sec02 table td:nth-child(4){
    width: 80px;
    font-size: 1.1rem;
  }
  .examination .sec02 table td:nth-of-type(1),
  .examination .sec02 table td:nth-of-type(3),
  .examination .sec02 table td:nth-of-type(4){
    text-align: center;
  }


  /* sec03
  -----------------------------------------------------------------*/
  .examination .sec01 table{
    width: 100%;
    text-align: left;
  }
  .examination .sec03 table tbody,
  .examination .sec03 table tr{
    display: block;
    width: 100%;
  }
  .examination .sec03 table th {
    display: block;
    widows: 100%;
    padding: 6px 15px;
    border: none;
    text-align: left;
  }
  .examination .sec03 table td{
    display: block;
    width: 100%;
    border: none;
    padding: 10px 0 12px 5px;
  }


  /* sec04
  -----------------------------------------------------------------*/
  .examination .sec04 h4{
    font-size: 1.8rem;
    margin-bottom: 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid #231815;
  }
  .examination .sec04 h4.mt{
    margin-top: 20px;
  }
  .examination .sec04 .txt li{
    margin-top: 6px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .examination .sec04 .table-ttl{
    margin-top: 20px;
    font-size: 1.6rem;
  }
  .examination .sec04 .scroll-box{
    width: 100%;
    overflow-x: auto;
  }
  .examination .sec04 .scroll-box table{
    width: 520px;
    font-size: 1.4rem;
  }
  .examination .sec04 .scroll-box table th:nth-of-type(1){
    width: 160px;
  }
  .examination .sec04 .scroll-box table th:nth-of-type(n+2){
    width: 120px;
  }
  .examination .sec04 .scroll-box table th{
    font-size: 1.3rem;
    font-weight: 500;
  }

  .examination .sec04 table.col3{
    font-size: 1.3rem;
  }
  .examination .sec04 table.col3 th,.examination .sec04 table.col3 td{
    vertical-align: middle;
  }
  .examination .sec04 table.col3 th:nth-of-type(1){
    width: 20%;
  }


  /* sec05
  -----------------------------------------------------------------*/
  .examination .sec05 .pic{
    margin: 30px auto 40px;
  }

}