@charset "utf-8";
input,textarea,select {
  font-size: 16px;   /* Safariでも同じ大きさにする */
  -webkit-text-size-adjust: 100%; /* iOSの自動調整オフ */
}
#PAGE { margin-top: 80px;}
#SCHEDULE.contentsBox,#FEATURE.contentsBox,#COMPANY.contentsBox,#GALLARY.contentsBox,#OUTLINE.contentsBox { padding: 100px 0;}
/* 各セクション背景色 */
#SCHEDULE.contentsBox { background-color: #efe6e6;}
#INTORO.contentsBox { background-color: #F6573C;}
#FEATURE.contentsBox { background-color: #FFF;}
#COMPANY.contentsBox { background-color: #f1f1f1;}
#GALLARY.contentsBox { background-color: #f1f1f1;}
#OUTLINE.contentsBox { background-color: #FFF}
@media screen and (max-width: 768px){
    #PAGE { margin-top: 60px;}
    #FEATURE.contentsBox,#COMPANY.contentsBox,#GALLARY.contentsBox,#OUTLINE.contentsBox { padding: 80px 0;}
}

/* -----------------------
  セクション共通
----------------------- */
.contentsBox__title { display: block; width: 400px; margin: 0 auto;}
.contentsBox__title img { width: 100%; }
.contentsBox__inner { position: inherit; padding: 80px 0; text-align: center; z-index: 2;}
.contentsBox__inner img { width: 100%; max-width: 960px;}
@media screen and (max-width: 768px){
    .contentsBox__title { width: 90%;}
    .contentsBox__inner { padding: 30px 0;}
    .contentsBox__inner img { width: 90%;}
}



/* -----------------------
  ページ内リンク
----------------------- */
.contentsBox.innerPageLinks { background-color: #1E2E67; border-top: solid 1px #fff; border-bottom: solid 1px #fff;}
.contentsBox__list { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 960px; margin: 0 auto; padding: 0; background-color: #1E2E67; border-left: solid 1px #fff;}
.contentsBox__item { position: relative; width: 33%; padding: 15px; text-align: center; font-size: 16px; font-weight: bold; background-color: #1E2E67; color:#fff; border-right: solid 1px #fff; }
.contentsBox__item::after { content: "\f107"; font-size: 12px; font-weight: 900; font-family: "Font Awesome 5 Free"; position: absolute; top:50%; right: 10px; transform: translateY(-50%); }
.contentsBox__item a { color: #fff; text-decoration: none; display: block; width: 100%; height: 100%; line-height: 1.5em;}
.contentsBox__item a:hover { color: #fff; text-decoration: underline; cursor: pointer;}
@media screen and (max-width: 768px) {
    .contentsBox__item { font-size: 14px; }
}


/* -----------------------
  トップビジュアル
----------------------- */
.topVisual { position: relative; width: 100%; height: 35vw; margin: 0 auto; }
/* メインコピー画像 ※今回は不使用*/
/* .topVisual__inner { display: flex; width: 1040px; position: absolute; top: 34vw; margin: 0 auto; text-align: center; background: #fff;} */
/* .topVisual__inner img.eventTitle { width: auto; max-width: 680px; max-height: 72vh; margin: 0px auto 140px auto;} */
/* 背景画像 */
.topVisual__image { width: 100%;}
.topVisual__image img { width: 100%;}
@media screen and (max-width: 768px){
    .topVisual { height: 147vw; padding: 0;}
    /* .topVisual__inner { width: 95%;} */
    /* .topVisual__inner img.eventTitle { width: 100%; margin: 9vh auto 15vh auto;} */
}


/* -----------------------
  導入
----------------------- */
#INTORO .text01 { width: 100%; margin: 0 auto; font-size: 20px; text-align: center; font-weight: bold; color: #fff; letter-spacing: 0.5;}
#INTORO.contentsBox img.merit_img { max-width: 860px; }
@media screen and (max-width: 768px){
    #INTORO .text01 { width: 90%; margin: 0 auto; font-size: 5.3vw; text-align: center;}
    #INTORO .text01 span { font-size: 6.3vw; }
    #INTORO .text02 { width: 90%; margin: 0 auto; font-size: 6vw;}
}

/* -----------------------
  イベント予約
----------------------- */
#SCHEDULE .event_conts { margin: 0 auto;}

/* -----------------------
  参加企業
----------------------- */
#COMPANY .event_conts { display: flex; flex-wrap: wrap; margin: 50px auto 150px auto; max-width: 960px; text-align: center;}
.companyCard__container { flex-wrap: wrap; flex-direction: column; border-radius: 10px;}
.companyCard { width: 100%; margin-bottom: 20px; padding: 20px; border-radius: 10px; background-color: #fff; }
.companyCard:last-of-type { border-bottom: none;}
.companyCard_date { font-weight: bold; font-size: 18px; text-align: left;}
.companyCard_date small { font-size: 80%;}
.companyCard_place { background: #727272; color: #fff; padding: 5px 20px; font-size: 15px; border-radius: 3px;}
.companyCard_comName { font-size: 14px;}
.companyCard_4 { width: 24%; background: #fff; padding: 20px; border-radius: 10px; margin-bottom: 20px;}
.companyCard__head { display: flex; background: #fff; height: 80px; align-items: center; padding: 2%; justify-content: center;}
.companyCard__head img { width: 40%;}
.companyCard_4__head {display: flex; background: #fff; height: 80px; align-items: center; padding: 2%; justify-content: center;}
.companyCard_4__head img { width: 60%;}
.companyName { width: auto; padding: 5px; line-height: 24px; text-align: center;}
/* ロゴマークリンク */
.companyLogo { width: 18.5%; margin: 0 5px 15px; padding: 10px 5px; background: #fff; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.companyLogo__mark { height: 45px; padding: 2%; display: flex; align-items: center; justify-content: center;}
.companyLogo__mark img { width: auto; height: auto; max-width: 100%; max-height: 100%;}
.companyLogo__name { font-size: 11px; line-height: 1.2em; color: #000; font-weight: bold;}
#kyosan_zone { margin: 20px auto 0 auto;}
#kyosan_zone .kyosan_logos { padding: 0;}

/* ロゴを業界毎に出し分け */
 #kyosan_zone.company_type_box { width: 100%; position: relative; padding: 40px 10px 20px 10px; border: solid 2px #000; border-radius: 10px; background-color: #fff;}
 .company_type_name { position: absolute; right: 0; left: 0; margin: 0 auto; top: -15px; font-size: 18px; font-weight: bold; width: auto;}
 .company_type_name span { padding: 0 10px; background: linear-gradient(transparent 0%, transparent 35%, #fff 10%, #fff 100%);}

@media screen and (max-width: 768px){
  .companyCard_date { padding-bottom: 10px; font-size: 16px; line-height: 1.7;}
  .companyLogo { width: 47%;}
}





/* -----------------------
  イベント概要
----------------------- */
#PAGE .outlineTable { width: 960px; margin: 0 auto;}
#PAGE .outlineTable_row { width: 100%; display :flex; border :1px solid #ccc; border-bottom :none; margin: 0 auto;}
#PAGE .outlineTable_row:last-of-type { border-bottom :1px solid #ccc; }
#PAGE .outlineTable_row__inner { padding: 15px 25px; line-height: 32px; font-size: 16px; text-align: left;border: none; }
#PAGE dt.outlineTable_row__inner { width :20%; }
#PAGE dd.outlineTable_row__inner { width :80%; }
#PAGE .outlineTable_row__inner--map { display: flex; justify-content: space-between; padding: 20px 0; border-bottom: dotted 2px #aaa;}
#PAGE .outlineTable_row__inner--map:last-of-type { border-bottom: none;}
#PAGE .outlineTable_row__inner--map iframe { width: 50%; height: 300px; border: none;}
#PAGE dd.outlineTable_row__inner small { display: inline-block; font-size: 14px; color: #666; line-height: 1.7em; }
.outlineTable_row__btn { position: relative; margin: -40px 0 0 auto; width: 150px; height: 45px; font-size: 14px; line-height: 45px; text-align: center; background: #ffafb6; border-radius: 5px;}
.outlineTable_row__btn::after { content: "\f105"; font-size: 12px; font-weight: 900; font-family: "Font Awesome 5 Free"; position: absolute; top:50%; right: 10px; transform: translateY(-50%); } 
.outlineTable_row__btn a { display: block; }
.outlineTable_row__btn.comingsoon { background: #eee; pointer-events: none;}
.outlineTable_row__btn.comingsoon::after { content: "";}
@media screen and (max-width: 768px){
    #PAGE .outlineTable { width: 90%;}
    #PAGE .outlineTable_row__inner--map { display: flex; flex-direction: column;}
    #PAGE .outlineTable_row__inner--map iframe { width: 100%; margin-top: 10px;}
    #PAGE dt.outlineTable_row__inner { width :100%; }
    #PAGE dd.outlineTable_row__inner { width :100%; }
    .outlineTable_row__inner { padding: 0 10px; flex-direction: column; line-height: 40px;}
    .outlineTable_row__btn { width: 90%; margin: 0 auto; font-weight: bold;}
}




/* -----------------------
  ギャラリー
----------------------- */
.gallaryBox { width: 100%; margin: 0 auto;}
.gallaryBox .slick-slide { margin: 0 5px; }
.gallaryBox img { width: 100%;}
@media screen and (max-width: 768px){
}



/* -----------------------
  予約ボタン 
----------------------- */
.linkPosition { margin-top: -250px; padding-top: 250px;}
.yoyakuBanner { position: relative; width: 960px; margin: 0 auto; padding: 30px; border: solid 2px #2890FF; border-radius: 10px; color: #2890FF; background-color: #fff; font-size: 18px; font-weight: bold; text-align: center;}
.__yoyakuFukidashi::before {
    content: "＼　席数限定！ご予約はお早めに！ ／";
    color: #2890FF;
    position: absolute;
    top: -35px;
    right: 0;
    left: 0;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold;
}
a.yoyaku_btn { width: 290px; color: #fff; margin: 10px auto; font-weight: bold; font-size: 16px; letter-spacing: 1px;}
.yoyaku_btn.not_login,.yoyaku_btn.yoyakusumi { pointer-events: none; background-color: #ccc!important;}
.smallAttention { margin: -5px 0 10px 0; font-size: 14px; font-weight: normal; color: #000;}
@media screen and (max-width: 768px){
    .yoyakuBanner { width: 90%; margin-top: 50px;}
}
/* -----------------------
  トップビジュアル_予約ボタン 
----------------------- */
/* ノーマル*/
a.yoyakuLink_normal { width: 21vw; height: 3vw; position: absolute; top: 25vw; right: 0; left: 0; margin: 0 auto; color: #fff; background-color: #2890FF; border-radius: 5vw; font-size: 1.1vw; font-style: normal; line-height: 3vw; letter-spacing: .1em; text-align: center; font-weight: bold;}
a.yoyakuLink_normal.__yoyakuFukidashi::before {
    content: "＼　席数限定！ご予約はお早めに！ ／";
    position: absolute;
    top: -2.5vw;
    font-size: 87%;
}
/* 円型 */
a.yoyakuLink_circle { position: absolute; top: 18vw; right: 15vw; padding: 10px; color: #21219A; background-color: #FFFF00; border-radius: 50%; font-size: 1.5vw; line-height: 1.2em; letter-spacing: .1em; text-align: center; font-weight: bold; font-family: corporate-logo-ver2, sans-serif; font-style: normal; width: 9vw; height: 9vw; padding-top: 3vw; }
a.yoyakuLink_circle::after { content: "\f107"; font-size: 16px; font-weight: 900; font-family: "Font Awesome 5 Free"; position: absolute; bottom: 0; right: 0; left: 0; }
@media screen and (max-width: 768px){
    a.yoyakuLink { top: 100vw; right: 29vw; width: 23vw; height: 23vw; border-radius: 12vw; padding-top: 6.5vw; font-size: 4vw; line-height: 1.2em; } 
    a.yoyakuLink_normal { width: 300px; height: 50px; top: 110vw; border-radius: 25px; font-size: 4vw; line-height: 50px;}
    a.yoyakuLink_normal.__yoyakuFukidashi::before { top: -11vw; font-size: 90%; }
    a.yoyakuLink_circle { width: 25vw; height: 25vw; font-size: 4vw; padding-top: 7vw; top: 96vw; right: 7vw;}

}



/* -----------------------
  フッター固定ログインボタン
----------------------- */
#footerHideBar { position: fixed; bottom: -80px; transition: bottom 0.3s ease;/* 初期は下に隠す */ }
#footerHideBar.show { bottom: 0; /* 画面に出す */}
.loginLinkFixed { position: fixed; bottom: 0; right: 0; left: 0; width: 100%; margin: 0 auto; padding: 10px; display: flex; justify-content: center; z-index: 2; background: rgba(0,0,0,0.7); }
.loginLinkFixed__kochira { font-size: 18px; font-weight: bold; line-height: 36px; color: #fff;}
.loginLinkFixed__btns { display: flex; justify-content: space-around;}
a.loginLinkBtn { width: 330px; margin: 0 10px; display: block; text-align: center; font-size: 18px; font-weight: bold;line-height: 40px; background: #ffd300; border-radius: 5px;}
a.loginLinkBtn span { font-size: 13px; margin-right: 10px;}
@media screen and (max-width: 768px){
  .yoyaku { padding: 0;}
    .loginLinkFixed { flex-direction: column; text-align: center;}
    a.loginLinkBtn { line-height: 24px;}
    a.loginLinkBtn span { margin: 0; font-size: 12px;}
}



/* -----------------------
   戻るボタン
----------------------- */
.modoru { margin: 100px auto;}
@media screen and (max-width: 768px){
    .modoru { width: 90%; margin: 80px auto;}
}