@charset "utf-8";

/* ================================================
bass
================================================== */
#tu{ background-color: #0096e0; overflow: hidden;}
#tu p{ color: #fff; text-align: justify;}
#tu img{ width: 100%; vertical-align: middle;}
#tu .tu_indent{
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

/* SmartPhone */
@media screen and (min-width: 0px) and (max-width: 768px) {
  
  /* ================================================
  bass
  ================================================== */
  #tu{padding-top: 45px;}
  #tu #anker_1,
  #tu #anker_2,
  #tu #anker_3{
    padding-top: 45px;
    margin-top: -45px;
  }
  
  #tu .tu_sp_none{ display: none !important;}

  /* ------------------------------------------------
  tu_main
  -------------------------------------------------- */
  #tu .tu_main p{
    font-size: 13px;
    line-height: 1.5;
    padding: 10px 3.125%;
    color: #000;
    font-weight: bold;
  }
  
  
  /* ------------------------------------------------
  tu_navs
  -------------------------------------------------- */
  #tu .tu_navs{
    font-size: 0;
    border-bottom: 1px solid #0096e0;
    text-align: center;
  }
  #tu .tu_nav{
    display: inline-block;
    width: 33.3%;
  }
  #tu .tu_nav:nth-of-type(1),
  #tu .tu_nav:nth-of-type(2){
    border-right: 1px solid #0096e0;
  }
  
  
  /* ------------------------------------------------
  tu_article
  -------------------------------------------------- */
  #tu .tu_article{}
  #tu .tu_article__img{ padding-bottom: 10px;}
  #tu .tu_article__txt{
    font-size: 12px;
    line-height: 1.5;
    padding: 0 3.125% 10px;
  }
  
  
  /* ------------------------------------------------
  tu_concept
  -------------------------------------------------- */
  #tu .tu_concept{
    background-color: #fff;
    padding: 10px 2.6%;
    width: 93.75%;
    margin: 0 auto;
  }
  #tu .tu_concept__img{ padding-bottom: 10px;}
  #tu .tu_concept__txt{
    font-size: 11px;
    line-height: 1.5;
    color: #000;
  }
  
  /* ------------------------------------------------
  tu_bnr
  -------------------------------------------------- */
  #tu .tu_bnr{
    display: block;
    width: 87.5%;
    margin: 20px auto;
  }
  
  
  /* ------------------------------------------------
  tu_credit
  -------------------------------------------------- */
  #tu .tu_credit{ padding-top: 22px;}
  #tu .tu_credit p{
    text-align: center;
    font-size: 11px;
    line-height: 1.5;
  }
  #tu .tu_credit p span{
    border: 1px solid #fff;
    font-size: 10px;
    padding: 0 2px;
  }
  
  /* ------------------------------------------------
  tu_pagetop
  -------------------------------------------------- */
  #tu .tu_pagetop{
    position: fixed;
    width: 15.6%;
    right: 2%;
    bottom: 2%;
    z-index: 2000;
  }


}















/* PC */
@media screen and (min-width: 769px) {
  
  /* ================================================
  bass
  ================================================== */
  #tu .tu_pc_none{ display: none !important;}
  #tu a img:hover{ opacity:0.7;}

  /* ------------------------------------------------
  tu_main
  -------------------------------------------------- */
  #tu .tu_main p{
    font-size: 18px;
    line-height: 1.66;
    padding: 30px 2.5% 40px;
    color: #000;
    font-weight: bold;
  }
  
  /* ------------------------------------------------
  tu_navs
  -------------------------------------------------- */
  #tu .tu_navs{
    font-size: 0;
    border-bottom: 1px solid #0096e0;
    text-align: center;
  }
  #tu .tu_nav{
    display: inline-block;
    width: 33.3%;
  }
  
  
  /* ------------------------------------------------
  tu_article
  -------------------------------------------------- */
  #tu .tu_article{ overflow: hidden;}
  #tu .tu_article__img{ width: 50%;}
  #tu .tu_article__txt{
    font-size: 16px;
    line-height: 2;
    padding: 0 3.5% 20px;
  }
  
  /* tu_article--1 tu_article--2 tu_article--3
  -------------------------------------------------- */
  #tu .tu_article.tu_article--1{ background: url(/sp_data/taisho/201702/img/pc/hd1.png) no-repeat top right / 50% auto; padding-bottom: 40px;}
  #tu .tu_article.tu_article--1 .tu_article__txt:nth-of-type(1){ padding-top: 14%;}
  #tu .tu_article.tu_article--2{ background: url(/sp_data/taisho/201702/img/pc/hd2.png) no-repeat top right / 50% auto; padding-bottom: 10px;}
  #tu .tu_article.tu_article--2 .tu_article__txt:nth-of-type(1){ padding-top: 14%;}
  #tu .tu_article.tu_article--3{ background: url(/sp_data/taisho/201702/img/pc/hd3.png) no-repeat top right / 50% auto; padding-bottom: 60px;}
  #tu .tu_article.tu_article--3 .tu_article__txt:nth-of-type(1){ padding-top: 14%;}
  #tu .tu_article.tu_article--1 .tu_article__img:nth-of-type(2),
  #tu .tu_article.tu_article--2 .tu_article__img:nth-of-type(2),
  #tu .tu_article.tu_article--3 .tu_article__img:nth-of-type(2){ float: left; margin-right: 2.1%;}
  #tu .tu_article.tu_article--1 .tu_article__img:nth-of-type(5),
  #tu .tu_article.tu_article--2 .tu_article__img:nth-of-type(4),
  #tu .tu_article.tu_article--3 .tu_article__img:nth-of-type(5){ float: right; margin-left: 2.1%;}
  
  
  /* ------------------------------------------------
  tu_concept
  -------------------------------------------------- */
  #tu .tu_concept{
    overflow: hidden;
    background-color: #fff;
    padding: 2.6%;
    width: 93%;
    margin: 0 auto;
  }
  #tu .tu_concept__img{
    width: 34%;
    float: left;
    margin-right: 2.2%;
  }
  #tu .tu_concept__txt{
    font-size: 16px;
    line-height: 1.6875;
    color: #000;
  }
  
  
  /* ------------------------------------------------
  tu_bnr
  -------------------------------------------------- */
  #tu .tu_bnr{
    display: block;
    width: 49.1%;
    margin: 30px auto;
  }
  
  
  /* ------------------------------------------------
  tu_credit
  -------------------------------------------------- */
  #tu .tu_credit{ padding-top: 30px;}
  #tu .tu_credit p{
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
  }
  #tu .tu_credit p span{
    border: 1px solid #fff;
    font-size: 12px;
    padding: 0 2px;
  }
  
  /* ------------------------------------------------
  tu_pagetop
  -------------------------------------------------- */
  #tu .tu_pagetop{
    position: fixed;
    right: 6.4%;
    bottom: 6%;
    z-index: 2000;
  }

  
}