@charset "utf-8";

.function_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.function_icon li {
  width: calc(100% / 7);
/*←画像を横に7つ並べる場合*/
  padding: 15px 3px;
/*←画像の左右に5pxの余白を入れる場合*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 10px;
}
.function_icon li img {
  max-width: 100%;
/*画像のはみだしを防ぐ*/
  height: auto;
/*画像の縦横比を維持 */
}

/* youtubeのサイズ設定 */
.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-top: 24px;
}
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}