@charset "UTF-8";
/*================================================================================

media query mixin

================================================================================*/
/*    google font on web
--------------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");
/*    google font on server
--------------------------------------------------------------------------------*/
/*    icomoon
--------------------------------------------------------------------------------*/
/*    custom
--------------------------------------------------------------------------------*/
@-webkit-keyframes zoomUp { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1.15); transform: scale(1.15);
    /* 拡大率 */ } }
@keyframes zoomUp { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1.15); transform: scale(1.15);
    /* 拡大率 */ } }
.add-animation { -webkit-animation: zoomUp 10s linear 0s normal both; animation: zoomUp 10s linear 0s normal both; }

.top .header .header_links_pc .header_items ul li a { color: #fff; }
.top .mainArea { position: relative; width: 100%; height: 750px; overflow: hidden; margin-bottom: 100px; }
@media screen and (max-width: 768px) { .top .mainArea { height: 600px; margin-bottom: 80px; } }
.top .mainArea .movieArea { position: absolute; top: 0; left: 0; margin-left: 0; width: 100%; height: auto; z-index: -1; }
.top .mainArea .movieArea .bgVideo { width: 100%; height: auto; }
@media screen and (max-width: 768px) { .top .mainArea .movieArea .bgVideo { width: auto; height: 600px; } }
.top .mainArea .inner { width: 1040px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media screen and (max-width: 768px) { .top .mainArea .inner { width: 100%; } }
.top .mainArea .inner .logo { position: absolute; width: 250px; height: 250px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media screen and (max-width: 768px) { .top .mainArea .inner .logo { width: 180px; height: 180px; } }
.top .top-concept .txtBox { overflow: hidden; }
.top .top-concept .txtBox .c-title { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; float: right; margin-right: 240px; }
@media screen and (max-width: 768px) { .top .top-concept .txtBox .c-title { margin-right: 0; } }
.top .top-concept .txtBox .txt { font-size: 20px; margin-top: 80px; margin-left: 200px; }
@media screen and (max-width: 768px) { .top .top-concept .txtBox .txt { font-size: 16px; margin-top: 120px; margin-left: 0; line-height: 2; } }
.top .top-concept .txtBox .txt + .txt { margin-top: 20px; }
.top .top-menu01 .block { background: #e3e7de; overflow: hidden; }
.top .top-menu01 .block .imgBox, .top .top-menu01 .block .txtBox { width: 50%; }
@media screen and (max-width: 768px) { .top .top-menu01 .block .imgBox, .top .top-menu01 .block .txtBox { width: 100%; } }
.top .top-menu01 .block .imgBox { float: right; }
@media screen and (max-width: 768px) { .top .top-menu01 .block .imgBox { float: none; } }
.top .top-menu01 .block .txtBox { float: left; padding: 80px 100px; }
@media screen and (max-width: 768px) { .top .top-menu01 .block .txtBox { float: none; padding: 40px 30px; } }
.top .top-menu01 .block .txtBox .txt { font-size: 20px; }
@media screen and (max-width: 768px) { .top .top-menu01 .block .txtBox .txt { font-size: 16px; } }
.top .top-menu01 .block .txt + .txt { margin-top: 20px; }
.top .top-menu01 .img { margin-top: 80px; }
@media screen and (max-width: 768px) { .top .top-menu01 .img { margin-left: -30px; margin-right: -30px; } }
.top .top-menu02 .block { overflow: hidden; }
.top .top-menu02 .block .imgBox, .top .top-menu02 .block .txtBox { width: 50%; }
@media screen and (max-width: 768px) { .top .top-menu02 .block .imgBox, .top .top-menu02 .block .txtBox { width: 100%; } }
.top .top-menu02 .block .imgBox { float: left; }
@media screen and (max-width: 768px) { .top .top-menu02 .block .imgBox { float: none; margin-bottom: 40px; } }
.top .top-menu02 .block .txtBox { float: right; padding-left: 80px; }
@media screen and (max-width: 768px) { .top .top-menu02 .block .txtBox { float: none; padding-left: 0; } }
.top .top-menu02 .block .txtBox .txt { font-size: 20px; }
@media screen and (max-width: 768px) { .top .top-menu02 .block .txtBox .txt { font-size: 16px; } }
.top .top-menu02 .block .txt + .txt { margin-top: 20px; }
.top .top-menu02 .img { margin-top: 80px; }
.top .top-news .img { margin-bottom: 80px; }
@media screen and (max-width: 768px) { .top .top-news .img { margin-left: -30px; margin-right: -30px; } }
.top .top-news .c-title { text-align: center; }
.top .top-news .newsSlider .newsWrap { display: block; margin: 0 20px; }
.top .top-news .newsSlider .newsWrap .txt { margin-top: 10px; }
.top .top-news .c-btn a { margin: 40px auto 0; }
.top .top-shop .c-title { text-align: center; }
.top .top-shop .block { overflow: hidden; }
.top .top-shop .block .map, .top .top-shop .block .txtBox { width: 50%; }
@media screen and (max-width: 768px) { .top .top-shop .block .map, .top .top-shop .block .txtBox { width: 100%; } }
.top .top-shop .block .map { float: right; }
@media screen and (max-width: 768px) { .top .top-shop .block .map { float: none; height: 300px; } }
.top .top-shop .block .txtBox { float: left; padding-left: 80px; }
@media screen and (max-width: 768px) { .top .top-shop .block .txtBox { float: none; padding-left: 0; text-align: center; } }
.top .top-shop .block .txtBox .shopName { margin-bottom: 30px; }
@media screen and (max-width: 768px) { .top .top-shop .block .txtBox .shopName { margin-bottom: 15px; } }
.top .top-shop .block .txtBox .shopName img { height: 30px; }
@media screen and (max-width: 768px) { .top .top-shop .block .txtBox .shopName img { height: 20px; } }
.top .top-shop .block .txtBox .txt { font-size: 20px; }
@media screen and (max-width: 768px) { .top .top-shop .block .txtBox .txt { font-size: 16px; } }
.top .top-shop .block .txt + .txt { margin-top: 20px; }
.top .top-shop .block + .block { margin-top: 80px; }
@media screen and (max-width: 768px) { .top .top-shop .block + .block { margin-top: 60px; } }
.top .top-shop .snsLink { margin-top: 50px; overflow: hidden; }
@media screen and (max-width: 768px) { .top .top-shop .snsLink { margin: 40px 67px; } }
.top .top-shop .snsLink .list { width: 50px; float: left; margin-right: 30px; }
@media screen and (max-width: 768px) { .top .top-shop .snsLink .list { width: 40px; }
  .top .top-shop .snsLink .list:last-child { margin-right: 0; } }

/*# sourceMappingURL=top.css.map */