@charset "utf-8";
html,body{height: 100%;font-family: YakuHanJP,'Noto Sans JP',"Yu Gothic", "YuGothic","ヒラギノ角ゴ Pro","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";color: #333;}
.clearfix:after{content: "";clear: both;display: block}
a{transition: 0.3s;color: #006CD8;}
a img{transition: 0.3s;}
a:hover img{opacity: 0.7;}
a:hover{text-decoration: none;}
p{word-break: break-all;}
b{font-weight: 600;}
sup{font-size: 0.5em;vertical-align: 0.4em;}
.fmin{font-family:YakuHanJP,Garamond,"游明朝体", "Yu Mincho", "游明朝", YuMincho, "HG明朝E", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "sans-serif";}

/*||||||||||||||||| ヘッダー＆メニュー |||||||||||||||||*/
header h1 {
  margin: 5px 0 0 20px;
  display: flex;
  align-items: center;
}
header{width: 100%;position: fixed;top: 0;z-index: 10000;left: 0;height: 100px;transition: all 0.3s;}
/* header.h_scroll{box-shadow: 0 0 7px #ddd;} */

header .header_wrap{max-width: 1920px;margin: 0 auto;display: flex;justify-content: flex-end;}

header h1{margin: 5px 0 0 20px;display: flex;align-items: center;}
header h1 a img{transition: all 0.3s;width: 365px;}
header h1 a:hover img{opacity: 0.6;}
header h1 .l_on{display: none;}

header .header_wrap .h_link_area{display: flex;flex-direction: column;align-items: flex-end;}
header .open_etc{display: flex;}
header .open_etc a{width: 170px;height: 60px; display: flex;justify-content: center;align-items: center;flex-direction: column;margin-right: 1px;text-decoration: none;transition: 0.3s all;}
header .open_etc a > *{color: #fff;text-align: center;}
header .open_etc a > span{font-size: 13.5px;line-height: 1.2;}
header .open_etc a > small{font-size: 10.4px;font-family: 'Lato', sans-serif;font-weight: 400;margin-top: 5px;}
.Restaurant_ShopBtn{background: #0059b2;}
.OpenCampusBtn{background: #ff0000;}
.LineRequestBtn{background: /* #00b900 */#f38200;}
/* .LineRequestBtn span::before{content: "";width: 20px;height: 20px;display: inline-block;background: url("../common/img/line_logo.svg") no-repeat center center/contain;margin-right: 0.2em;vertical-align: -0.4em;} */
.RequestBtn{background: #ff9326;}
header .header_link{margin-top: 7px;display: flex;}
header .header_link > a{color: #333;text-decoration: none;margin-right: 20px;font-size: 13px;padding-top: 2px;}
header .header_link > a::after{content: "";position: absolute;bottom: -4px;left: 0;width: 100%;height: 1px;background: #333;transform: scaleX(0);transform-origin: center center;transition: 0.3s all;}
.languageArea{display: flex;}

@media only screen and (min-width: 769px) {
header.h_scroll{height: 80px;min-height: auto;}
header.h_scroll .open_etc a{height: 40px;}
header.h_scroll .open_etc a > small{display: none;}

header .hb_menu_wrap{display: none;}
header .open_etc a:hover{opacity: 0.6;}
header .header_link a:hover::after{transform: scaleX(1);}

/* 言語切り替えボタン */
header .header_link{padding-right: 160px;}
.languageArea{position: absolute;right: 0;top: 0;}
}

@media only screen and (min-width: 769px) and (max-width: 1100px) {
header{height: 80px;}
header h1 a img{width: 300px;}
header .open_etc a{width: 140px;height: 50px;}
header .open_etc a > span{font-size: 12px;line-height: 1;}
header .open_etc a > small{font-size: 10px;;margin-top: 3px;}
header .header_link{margin-top: 2px;}
header .header_link a{margin-right: 8px;font-size: 12px;}
header.h_scroll{height: 70px;}
}
@media only screen and (min-width: 769px) and (max-width: 850px) {
header h1 a img{width: 270px;}
header .header_link a{font-size: 11px;}
}

/* SNSボタン */
#sns_area{position: fixed;left: 5px;bottom: 20%;z-index: 2000;width: 40px;background-color: rgba(255,255,255,0.5);padding: 15px 0;transition: 0.3s all;/* transform: translateX(-40px) */}
#sns_area p{writing-mode: vertical-rl;text-align: center;margin: auto;font-size: 11px;}
#sns_area a{display: block;text-align: center;margin: 15px auto 0;width: 21px;}
/* .sns_area.active{transform: translateX(0)} */
@media screen  and (max-width: 768px){
#sns_area{width: 28px;left: 0;}
#sns_area a{width: 16px;margin-top: 10px;}
}

@media screen and (min-width: 769px){
  .sp{
    display: none !important;
  }
}
@media screen and (max-width: 768px){
  .pc{
    display: none !important;
  }
}

/* 扉タイトル */
.index_tit{font-size: 24px;text-align: center;color: var(--main_color);letter-spacing: 0.05em;font-weight: 500;}
.index_tit + p{margin-top: 15px;color: #333;text-align: center;}

.index_list{display: flex;flex-wrap: wrap;margin-top: 40px;}
.index_list > *{width: 31.25%;margin-right: 3.125%;text-decoration: none;animation-name: fadeIn;}
.index_list > *:nth-of-type(3n){margin-right: 0;}
.index_list > *:nth-of-type(n+4){margin-top: 30px;}
.index_list > * .index_tit{margin-top: 15px;font-size: 16px;line-height: 1.3;}
.index_list > * .index_tit + p{margin-top: 10px;}
.index_list > * figure{overflow: hidden;}
.index_list > * figure img{transition: 0.6s all;}