@charset "utf-8";

.newtop_wrap .topic {
    background-image: url(/common/img/top_main.png);
}
.fascup {
    margin: 0 auto 5%;
}
.detail {
    width: 38%;
    margin: 0 auto;
    text-align: left;
}
.detail span {
    display: block;
    font-weight: bold;
}
.fascup h2{
    color: #007566;
    font-weight: bold;
    border-bottom: 5px solid #00c9b6;
    margin: 0 auto 5%;
    width: 20%;
    padding: 0 0 1%;
}
.subt {
    margin: 5%0 auto;
}
.newtop_wrap .topic .a {
    display: flex;
    position: absolute;
    left: -12%;
    top: 13%;
    width: 450px;
}
.newtop_wrap .topic .b {
    display: flex;
    position: absolute;
    left: -12%;
    top: 60%;
    width: 450px;
}
.newtop_wrap .topic .d {
    display: flex;
    position: absolute;
    right: -10%;
    top: 13%;
    width: 450px;
}
.newtop_wrap .topic .f {
    display: flex;
    position: absolute;
    right: -10%;
    top: 60%;
    width: 450px;
}
.newtop_wrap .topic .d dd {
    padding: 0;
}
.newtop_wrap .topic .f dd {
    padding: 0;
}
.newtop_wrap .topic .d dt,
.newtop_wrap .topic .f dt {
    padding: 20px 0;
}
.newtop_wrap .topic dt{
  width: 310px;
}
.newtop_wrap .topic dd{
  width: 140px;
}
.fascup .detail{
  margin-bottom: 70px;
}
@media screen and (max-width: 768px){
  .fascup {
      margin: 0 auto 15%;
  }
  .fascup h2 {
      width: 80%;
  }
  .detail {
      width: 100%;
  }
  .newtop_wrap .topic .a{
    left: -60%;
    width: 50%;
    display: unset;
    top: 20%;
  }
  .newtop_wrap .topic .b{
    left: -60%;
    width: 50%;
    display: unset;
    top: 60%;
  }
  .newtop_wrap .topic .d{
    left: 70%;
    width: 50%;
    display: unset;
    top: 20%;
  }
  .newtop_wrap .topic .f{
    left: 70%;
    width: 50%;
    display: unset;
    top: 60%;
  }
  .newtop_wrap .topic .d dd,
  .newtop_wrap .topic .f dd{
    display: block;
  }
  .newtop_wrap .topic .d dt,
  .newtop_wrap .topic .f dt{
    display: none;
  }
}