html {
  font-size: 62.5%;
  font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;
  line-height: 1.5;
}

body {
  font-size: 1.4rem;
}
@media screen and (min-width:2560px){
  body {
    font-size: 1.3rem;
  }
}
figcaption{ text-align:center; }
p,li,dt,dd,th,td,pre {
  -ms-line-break: strict;
  line-break: strict;
  -ms-word-break: break-strict;
  word-break: break-strict;
}
/* flex-box */
.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: stretch;    /*全ての要素の高さを揃える*/
    align-content: space-between; /*均等に間隔をあける*/
    padding:0;
}
.flex li {
    list-style-type:none;
    padding:1%;
}
.split-6 {
    width:18%;
}
.split-5 {
    width:20%;
}
.split-4 {
    width:25%;
}
.split-3 {
    width:32%;
}
.split-2 {
    width:50%;
}
.split-1 {
    width:75%;
}
.flex img{
    text-align:center;
    max-width: 100%;
}
@media screen and (max-width: 599px) {
  .flex {
    flex-direction: column;
  }
  .flex li {
    width:100%;
    margin:0 auto 1rem;
  }
  .flex img{
    max-height:auto;
  }
}