@charset "UTF-8";
@media screen and (min-width: 768px),print {

#menu{width: 1100px;margin: 0 auto 55px;}
#menu h2{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;font-size: 40px;font-weight: bold;line-height: 32px;text-align: center; padding-top: 33px;padding-bottom: 30px;margin-bottom: 20px;letter-spacing: 2px}
#menu ul{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;}
#menu ul li{width: 260px;margin-bottom: 30px; margin-right: 15px;}
#menu ul li h3{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;font-size: 18px;font-weight: bold;line-height: 23px;text-align: center;background-color: #FECF2E;padding-top: 22px;padding-bottom: 10px;margin-bottom: 2px;min-height: 66px;}
#menu ul li:nth-child(4) h3{padding-top: 10px;}
#menu ul li:nth-child(6) h3{padding-top: 10px;}
#menu ul li:nth-child(7) h3{padding-top: 10px;}
#menu ul li h4{width: 220px;margin: -20px auto 0;font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;font-size: 18px;font-weight: bold;line-height: 24px;text-align: center;background-color: #ffffff;position: relative;padding-top: 13px;margin-bottom: 15px;}
#menu ul li p{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;font-size: 14px;line-height: 24px;text-align: center;text-decoration: underline;}

#menu-list {width: 1100px;margin: 0 auto 60px;}
#menu-list .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;justify-content: center;}
#menu-list .list li{margin-right: 20px;}
#menu-list .list li:last-child{margin-right: 0px; margin-top: -10px}


}


@media screen and (max-width: 767px) {

#menu{width: 98%;margin: 0 auto 10%;}
#menu h2{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;font-size: 6.0vw;font-weight: bold;line-height: 6.0vw;text-align: center; padding-top: 7%;padding-bottom: 7%;margin-bottom: 5%;}
#menu ul{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#menu ul li{width: 49%;margin-bottom: 5%;}
#menu ul li h3{display: none;}
#menu ul li h4{width: 90%;margin: -5vw auto 0;font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;font-size: 4.4vw;font-weight: bold;line-height: 5.0vw;text-align: center;background-color: #ffffff;position: relative;padding-top: 8%;margin-bottom: 5%;}
#menu ul li p{font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;font-size: 3.8vw;line-height: 1.6;text-align: left;text-decoration: underline;}

#menu-list {width: 80vw;margin: 0 auto 15vw;}
#menu-list .list{}
#menu-list .list li{margin: 0 auto 5vw;}
#menu-list .list li:last-child{margin-bottom: 0}

}