@charset "utf-8";
/* CSS Document */
/* ======================================
    共通設定 (SP)
====================================== */
main {
  background: #fff;
}
/* ======================================
    #secMainImage (SP)
====================================== */
#secMainImage {
  position: relative;
  width: 100%;
  height: 400px;
  background: url("../images/chart/main_img_pc.jpg") center top no-repeat;
  background-size: cover;
}
#secMainImage h1 {
  position: absolute;
  top: 60px;
  left: 48%;
  width: 30px;
  height: auto;
  margin: 0 auto;
}
/* ======================================
    #secContent (SP)
====================================== */
#secContent .iconZoom {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: auto;
}
#secContent p {
  font-size: 1.4rem;
}
/* ======================================
    #secLink (SP)
====================================== */
#secLink {
  background: #29303a;
}
#secLink .col-md-4 {
  display: table;
  height: 100px;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
}
#secLink .col-md-4:last-of-type {
  border-right: none;
}
#secLink a {
  display: table-cell;
  width: 100%;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 1.6rem;
}
@media screen and (min-width:600px) {
  /* ======================================
      #secMainImage (min-width:600px)
  ====================================== */
  #secMainImage {
    height: 800px;
  }
   #secMainImage h1 {
    width: 46px;
     top: 150px
  }
  /* ======================================
      #secContent (min-width:600px)
  ====================================== */
  #secContent .iconZoom {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: auto;
  }
  #secContent p {
    font-size: 2.0rem;
  }
  #secContent .boxChart {
    width: 70%;
    margin: 100px auto 30px;
  }
  /* ======================================
      #secLink (min-width:600px)
  ====================================== */
  #secLink .col-md-4 {
    border-right: 1px solid #fff;
  }
  #secLink .col-md-4:last-of-type {
    border-right: none;
  }
  #secLink a {
    font-size: 2.0rem;
  }
}
@media screen and (min-width:768px) {  
}
@media screen and (min-width:960px) {

}
@media screen and (min-width:1200px) {
  
  /* ======================================
      #secLink (min-width:1200px)
  ====================================== */
  #secLink .col-md-4 {
    height: 200px;
  }
  #secLink a {
    font-size: 2.4rem;
  }
}