@charset "UTF-8";
/* media
----------------------------------------------- */
.media{width: 100%;}
.media li{background: #fff;box-shadow: 0 0 6px 1px #adadad;padding: 8%;margin-bottom: 6%;}
.media li img{margin: auto;width: 70%;}
.media li p{padding-top: 4%; font-size: 4vw;width: 100%;margin: 0 auto 6%;}

.media .media_box{background: #fff;padding: 6%;}
.media .media_box .komidashi{font-size: 4.5vw;width: 100%;margin: 0 auto 6%;line-height: 1.6;  font-family: yu-mincho-pr6, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
.media .media_box img{margin: 0 auto 6%;width: 100%;}
.media .media_box p{ font-size: 3.8vw;width: 100%;margin: 0 auto 4%;}


@media screen and (min-width: 736px) {
/* media PC
----------------------------------------------- */
.media ul{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.media li{padding: 20px;margin: 0 auto 20px;width: 30%;}
.media li img{margin: auto;width: 60%;}
.media li p{padding-top: 20px;font-size: 16px;margin: 0 auto 20px;}
.media .more01{min-width: 100%;padding: 16px 30px 14px 27px;}

.media .media_box{padding: 40px;}
.media .media_box .komidashi{font-size:24px;text-align: center; margin: 0 auto 40px; }
.media .media_box img{margin: 0 auto 40px;width: 80%;}
.media .media_box p{ font-size:16px;width: 100%;margin: auto;text-align: center; }


}