/**
=	top page styles
====================================================================== */
#top #top-01 .child-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
#top #top-01 .child-inner .left {
  width: 49%;
}
#top #top-01 .child-inner .right {
  width: 49%;
}
#top #top-01 p {
  margin-bottom: 20px;
}
#top #top-02 #top-02-01 figcaption {
  text-decoration: none;
}
#top #top-02 #top-02-01 p {
  padding-left: 280px;
}
#top #top-02 #top-02-02 figure p {
  margin-top: 10px;
  font-weight: bold;
}
#top #top-03 p {
  margin-bottom: 20px;
}
#top #top-03 #top-03-01 .child-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
#top #top-03 #top-03-01 .child-inner .left {
  width: 35%;
}
#top #top-03 #top-03-01 .child-inner .right {
  width: 63%;
}
#top #top-03 #top-03-02 .child-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
#top #top-03 #top-03-02 .child-inner .left {
  width: 49%;
}
#top #top-03 #top-03-02 .child-inner .right {
  width: 49%;
}
#top #top-04 .child-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
#top #top-04 .child-inner .left {
  width: 49%;
}
#top #top-04 .child-inner .right {
  width: 49%;
}
#top #top-04 figcaption {
  font-weight: normal;
  text-decoration: none;
}

/**
= media screen
================================================================= */
/* -- max-width:1024px; -- */
/* -- max-width:960px; -- */
@media screen and (max-width: 736px) {
  #top #top-01 .child-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  #top #top-01 .child-inner .left {
    width: 100%;
  }
  #top #top-01 .child-inner .right {
    width: 100%;
  }
  #top #top-02 #top-02-01 p {
    padding-left: 0;
  }
  #top #top-03 #top-03-01 .child-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  #top #top-03 #top-03-01 .child-inner .left {
    width: 100%;
  }
  #top #top-03 #top-03-01 .child-inner .right {
    width: 100%;
  }
  #top #top-04 .child-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  #top #top-04 .child-inner .left {
    width: 100%;
  }
  #top #top-04 .child-inner .right {
    width: 100%;
  }
}
/* -- max-width:320px; -- */

.t-mt20 {
  margin-top: 20px;
}