/* CSS Document */

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

  TABLET & SP

  ---------------------------------------------------------- */
  h2 {
    margin:0 0 30px 0;
  }
  .jpn-tta_txtBox .ttl{
    padding: 0 10px;
    font-size: 18px;
    text-align: left;
  }
  .jpn-tta_pdfBox{
    max-width: none;
  }
  .jpn-tta_pdfBox dl{
    margin: 0;
    padding: 0 10px;
  }
  .jpn-tta_pdfBox dd{
  }
  .jpn-tta_pdfBox dd .imgLink{
    margin: auto;
    max-width: 80%;
  }
  .jpn-tta_btnBox .btn{
    margin: auto;
    max-width: 400px;
  }
  .jpn-tta_btnBox .btn a{
    padding-left:50px;
    position: relative;
  }
  .jpn-tta_btnBox .btn a img{
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .jpn-tta_btnBox .btn a{
    width: 100%;
    line-height: 1.3;
  }
  .jpn-tta_btnBox{
    margin-bottom: 30px;
  }
  .jpn-tta_btnBox .btn a.first{
    margin-bottom: 15px;
  }
  .jpn-tta_btnBox .btn br.sp{
    display: inline-block;
  }
}

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

  SP

  ---------------------------------------------------------- */
  .jpn-tta_txtBox .ttl{
    font-size: 15px;
  }
  .jpn-tta_pdfBox dt{
    margin: 0 0 15px;
    padding: 5px 5px 5px 30px;
    position: relative;
    border:1px solid #6b5b3e;
    border-radius: 3px;
    font-size: 14px;
  }
  .jpn-tta_pdfBox dt:before{
    position: absolute;
    left: 5px;
  }
  .jpn-tta_pdfBox dd{
    border-bottom: none;
  }
  .jpn-tta_pdfBox dd .imgLink li{
    width: 48%;
    position: relative;
  }
  .jpn-tta_pdfBox dd .imgLink li:nth-child(odd){
    margin-right: 4%;
  }
  .jpn-tta_pdfBox dd .imgLink li:after{
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../organization/img/ico_zoom.jpg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }

}