@charset "utf-8";

/*
Base style
*/
html {
  /* ページ内スクロールをスムーズにする */
  scroll-behavior: smooth;  
}
body {
    padding: 30px;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
}

.title {
  /* font-family: "Futura", "Philosopher", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif; */
  font-family: "Kiwi Maru", "Philosopher", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 40px;
  font-weight: bold;
}

.description {
    line-height: 1.8;
    font-size: 20px;
}

div.image {
    width: 100%;
    height: auto;
}

div.image img {
    max-width: 600px;
    height: auto;
}

.image-grid {
    display: flex;
    flex-direction: row;
    /* justify-content:space-between; */
}

.image-grid-item img {
    max-width: 400px;
    width: 90%;
    height: auto;
}

.app-feature {
    margin-left: 20px;
    font-size: 20px;
    line-height: 3.0;
}

.app-feature2,
.app-feature3 {
    margin-left: 20px;
    font-size: 20px;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .image-grid {
        display: block;
        flex-direction: column;
    }

    .image-grid-item {
        margin-bottom: 20px;
    }    
}