@charset "utf-8";

.general .importantInfo { background: #FDE8E9; border-bottom: 1px solid #026EB8; }
.business .importantInfo { background: #FDE8E9; border-bottom: 1px solid #6F6F6F; }
.importantInfo a { display: block; padding: 5px 5vw; }
.importantInfo a dt { display: inline-block; border: 1px solid #c70010; color: #c70010; padding: 5px 20px; font-size: 1.6em; line-height: 26px; font-weight: 700; }
.importantInfo a dd { display: inline-block; color: #c70010; padding: 5px 10px; font-size: 1.8em; line-height: 26px; font-weight: 700; }
.importantInfo a:hover dd { text-decoration: underline; }

.catchCont { display: flex; padding: 0 0 40px; }
.mainCatch { width: 70vw; position: relative; }
.mainSlider a { transition:0.2s;}
.mainSlider a:hover { opacity:0.6;}

.catchcopy { position: absolute; left: 5vw; top: 5vw;/*bottom: calc( 5vw + 50px );*/ color: #fff; font-size: 42px; line-height: 1; font-weight: 700; text-shadow: 2px 4px 6px rgba(0,0,0,0.3); }
.catchcopy span { display: inline-block; color: #fff; font-size: 30px; font-weight: 500; padding: 10px 0 0; }
.slide img { width: 100%; }

.topInfo { width: 30vw; position: relative; }
.topInfo ul { padding: 0 20px; height: calc( 40vw - 70px ); overflow: auto; border-bottom: 1px solid #8D8D8D; }
.topInfo ul li { border-bottom: 1px solid #DEDEDE; }
.topInfo ul li:last-child { border-bottom: none; }
.topInfo ul li a { display: block; padding: 15px 0; transition: all 0.3s; }
.topInfo ul li a:hover { opacity: 0.8; }
.topInfo ul li a dt .important { display: inline-block; font-size: 14px; font-weight: bold; line-height: 20px; background: #c70010; color: #fff; margin: 2px 0 2px 10px; padding: 0 15px; }
.topInfo ul li a dt .pickup { display: inline-block; font-size: 14px; font-weight: bold; line-height: 20px; background: #fcc800; color: #fff; margin: 2px 0 2px 10px; padding: 0 15px; }
.topInfo ul li a dt .other { display: inline-block; font-size: 14px; font-weight: bold; line-height: 20px; background: #009a44; color: #fff; margin: 2px 0 2px 10px; padding: 0 15px; }
.topInfo ul li a dd { font-size: 1.8em; font-weight: 700; line-height: 1.5; }
.general .topInfo .title { font-size: 2.0em; line-height: 30px; padding: 20px; border-bottom: 1px solid #026EB8; box-sizing: border-box; }
.general .topInfo ul li a dt { font-size: 1.6em; line-height: 24px; color: #026EB8; }
.general .topInfo ul li a dt .new { display: inline-block; font-size: 14px; font-weight: bold; line-height: 20px; background: #026EB8; color: #fff; margin: 2px 0 2px 10px; padding: 0 15px; }
.general .topInfo .moreBtn { position: absolute; top: 15px; right: 20px; }
.general .topInfo .moreBtn a { position: relative; display: block; font-size: 14px; font-weight: 500; line-height: 20px; padding: 10px 30px 10px 20px; border: 1px solid #026EB8; border-radius: 4px; box-sizing: border-box; transition: all 0.3s; }
.general .topInfo .moreBtn a:before { position: absolute; top: 10px; right: 10px; color: #026EB8; font-weight: 900; content: "\f105"; transition: all 0.3s; }
.general .topInfo .moreBtn a:hover { background: #026EB8; color: #fff; font-weight: 700; }
.general .topInfo .moreBtn a:hover:before { color: #fff; }
.business .topInfo .title { font-size: 2.0em; line-height: 30px; padding: 20px; border-bottom: 1px solid #6F6F6F; box-sizing: border-box; }
.business .topInfo ul li a dt { font-size: 1.6em; line-height: 24px; color: #6F6F6F; }
.business .topInfo ul li a dt .new { display: inline-block; font-size: 14px; font-weight: bold; line-height: 20px; background: #6F6F6F; color: #fff; margin: 2px 0 2px 10px; padding: 0 15px; }
.business .topInfo .moreBtn { position: absolute; top: 15px; right: 20px; }
.business .topInfo .moreBtn a { position: relative; display: block; font-size: 14px; font-weight: 500; line-height: 20px; padding: 10px 30px 10px 20px; border: 1px solid #6F6F6F; border-radius: 4px; box-sizing: border-box; transition: all 0.3s; }
.business .topInfo .moreBtn a:before { position: absolute; top: 10px; right: 10px; color: #6F6F6F; font-weight: 900; content: "\f105"; transition: all 0.3s; }
.business .topInfo .moreBtn a:hover { background: #6F6F6F; color: #fff; font-weight: 700; }
.business .topInfo .moreBtn a:hover:before { color: #fff; }

.general .topCont { border-top: 1px solid #026EB8; }
.business .topCont { border-top: 1px solid #6F6F6F; }
.topCont .contInr { position: relative; padding: 0 5vw 80px; max-width: 1200px; margin: 0 auto; }
.general .topCont .contInr:before { display: block; content: ''; width: 60px; height: 20px; background: url(/static/images/common/line_icon_b.svg) no-repeat center bottom; background-size: contain; position: absolute; left: 5vw; top: -20px; }
.business .topCont .contInr:before { display: block; content: ''; width: 60px; height: 20px; background: url(/static/images/common/line_icon_g.svg) no-repeat center bottom; background-size: contain; position: absolute; left: 5vw; top: -20px; }
.topCont h2 { padding: 50px 0; font-size: 3.0em; font-weight: 500; line-height: 50px; }
.topCont .thumb img { width: 100%; }

.eventCont { position: relative; }
.eventCont .eventSlider { margin: 0 -10px; }
.eventCont .slide { padding: 0 10px 30px; position: relative; }
.eventCont .today { position: absolute; top: 0; left: 10px; background: #026EB8; color: #fff; font-size: 1.4em; font-weight: 700; line-height: 20px; padding: 5px 20px; border-radius: 0 0 10px 0; }
.eventCont .today i { color: #fff; margin-right: 5px; }
.eventCont .thumb { height:242px; display:flex; justify-content:center; align-items:center;}
.eventCont .thumb img { max-height:100%; max-width:100%; width:auto;}
.eventCont .date { color: #026EB8; font-size: 1.6em; font-weight: 500; line-height: 1.5; padding: 10px 0; }
.eventCont .eventTit { font-size: 2.0em; font-weight: 700; line-height: 1.2; }
.eventCont .moreBtn { position: absolute; top: 50px; right: 5vw; }
.eventCont .moreBtn a { position: relative; display: block; width: 235px; text-align: center; font-size: 1.6em; font-weight: 500; line-height: 30px; padding: 10px 20px 10px 10px; border: 1px solid #026EB8; border-radius: 4px; box-sizing: border-box; transition: all 0.3s; }
.eventCont .moreBtn a:before { position: absolute; top: 10px; right: 10px; color: #026EB8; font-weight: 900; content: "\f105"; transition: all 0.3s; }
.eventCont .moreBtn a:hover { background: #026EB8; color: #fff; font-weight: 700; }
.eventCont .moreBtn a:hover:before { color: #fff; }

.column1_bnr { margin-top:40px;}
.column1_bnr a { display:block;}
.column1_bnr a img { max-width:100%; transition:0.2s;}
.column1_bnr a:hover img { opacity:0.6;}

.general .btnList { display: flex; align-items: center; justify-content: flex-start; list-style: none; flex-wrap: wrap; }
.general .btnList li { width: calc(( 100% - 80px ) / 3 ); border: 1px solid #c1c1c1; border-radius: 4px; overflow: hidden; margin: 0 40px 0 0; }
.general .btnList li:last-child { margin-right: 0; }
.general .btnList li a { display: block; transition: all 0.3s; }
.general .btnList li a:hover { background: #026EB8; opacity: 0.8; }
.general .btnList li a p { position: relative; display: block; font-size: 1.8em; font-weight: 700; line-height: 30px; padding: 10px; text-align: center; }
.general .btnList li a p:before { position: absolute; top: 10px; right: 10px; color: #026EB8; font-weight: 900; content: "\f105"; transition: all 0.3s; }
.general .btnList li a:hover p { color: #fff; }
.general .btnList li a:hover p:before { color: #fff; }
.general .btnList.tx_small li a p { font-size: 1.5em;line-height: 25px;}

.business .btnList { display: flex; align-items: center; justify-content: flex-start; list-style: none; flex-wrap: wrap; }
.business .btnList li { width: calc(( 100% - 80px ) / 3 ); border: 1px solid #c1c1c1; border-radius: 4px; overflow: hidden; margin: 0 40px 0 0; }
.business .btnList li:last-child { margin-right: 0; }
.business .btnList li a { display: block; transition: all 0.3s; }
.business .btnList li a:hover { background: #6F6F6F; opacity: 0.8; }
.business .btnList li a p { position: relative; display: block; font-size: 1.8em; font-weight: 700; line-height: 30px; padding: 10px; text-align: center; }
.business .btnList li a p:before { position: absolute; top: 10px; right: 10px; color: #6F6F6F; font-weight: 900; content: "\f105"; transition: all 0.3s; }
.business .btnList li a:hover p { color: #fff; }
.business .btnList li a:hover p:before { color: #fff; }
.business .btnList.tx_small li a p { font-size: 1.5em;line-height: 25px;}

.faqList { display: flex; align-items: center; justify-content: flex-start; list-style: none; flex-wrap: wrap; }
.faqList li { width: calc(( 100% - 40px ) / 3 ); border: 1px solid #c1c1c1; border-radius: 4px; overflow: hidden; margin: 0 20px 20px 0; }
.faqList li:nth-child(3n) { margin-right: 0; }
.faqList li a { display: block; transition: all 0.3s; }
.faqList li a:hover { background: #026EB8; opacity: 0.8; }
.faqList li a p { position: relative; display: block; font-size: 1.6em; font-weight: 700; line-height: 30px; padding: 10px; text-align: left; }
.faqList li a p:before { position: absolute; top: 10px; right: 10px; color: #026EB8; font-weight: 900; content: "\f105"; transition: all 0.3s; }
.faqList li a:hover p { color: #fff; }
.faqList li a:hover p:before { color: #fff; }

.otherCont.topCont .contInr { position: relative; padding: 80px 5vw; max-width: 1200px; margin: 0 auto; }

.general .infoInr .btnList { float: left; width: calc(( 200% - 160px ) / 3 + 80px ); }
.general .infoInr .btnList li { width: calc(( 100% - 80px ) / 2 ); margin-right: 40px; margin-bottom: 40px; }
.general .infoInr .btnList li:nth-child(3) { margin-bottom: 0; }
.general .infoInr .btnList li:nth-child(4) { margin-bottom: 0; }
.general .infoInr .btnList li { width: calc(( 100% - 80px ) / 2 ); margin-right: 40px; margin-bottom: 40px; }
.general .infoInr .facebook { float: right; width: calc(( 100% - 80px ) / 3 ); }

.guideCont .discCont { padding: 0 0 60px; }
.guideCont .discCont .thumb { float: right; width: 50%; padding: 0 0 0 20px; }
.guideCont .discCont .disc { float: left; width: 50%; padding: 0 20px 0 0; }
.guideCont .discCont .disc h3 { font-size: 2.8em; font-weight: 500; line-height: 1.2; padding: 0 0 30px; }
.guideCont .discCont .disc p { font-size: 1.8em; line-height: 1.6; padding: 0 0 30px; }
.guideCont .moreBtn {  }
.guideCont .moreBtn a { position: relative; display: block; width: 235px; text-align: center; font-size: 1.6em; font-weight: 500; line-height: 30px; padding: 10px 20px 10px 10px; border: 1px solid #6F6F6F; border-radius: 4px; box-sizing: border-box; transition: all 0.3s; }
.guideCont .moreBtn a:before { position: absolute; top: 10px; right: 10px; color: #6F6F6F; font-weight: 900; content: "\f105"; transition: all 0.3s; }
.guideCont .moreBtn a:hover { background: #6F6F6F; color: #fff; font-weight: 700; }
.guideCont .moreBtn a:hover:before { color: #fff; }

.guideCont ul { display: flex; align-items: center; justify-content: flex-start; list-style: none; flex-wrap: wrap; }
.guideCont ul li { width: calc(( 100% - 40px ) / 2 ); border-radius: 4px; overflow: hidden; }
.guideCont ul li.eh1_8 { border: 1px solid #036eb8; border-top: 5px solid #036eb8; margin: 0 40px 40px 0; }
.guideCont ul li.eh9_11 { border: 1px solid #e60012; border-top: 5px solid #e60012; margin: 0 0 40px; }
.guideCont ul li.conference { border: 1px solid #009944; border-top: 5px solid #009944; margin: 0 40px 40px 0; }
.guideCont ul li.eventhall { border: 1px solid #fcc800; border-top: 5px solid #fcc800; margin: 0 0 40px; }
.guideCont ul li a { display: block; transition: all 0.3s; }
.guideCont ul li.eh1_8 a:hover { background: #036eb8; opacity: 0.8; }
.guideCont ul li.eh9_11 a:hover { background: #e60012; opacity: 0.8; }
.guideCont ul li.conference a:hover { background: #009944; opacity: 0.8; }
.guideCont ul li.eventhall a:hover { background: #fcc800; opacity: 0.8; }
.guideCont ul li a .thumbInr { float: left; width: 50%; }
.guideCont ul li a p { position: relative; display: block; font-size: 2.0em; font-weight: 700; line-height: 40px; padding: 10px; text-align: center; }
.guideCont ul li.eh1_8 a p:before { position: absolute; top: 10px; right: 10px; color: #036eb8; font-weight: 900; content: "\f105"; transition: all 0.3s; }
.guideCont ul li.eh9_11 a p:before { position: absolute; top: 10px; right: 10px; color: #e60012; font-weight: 900; content: "\f105"; transition: all 0.3s; }
.guideCont ul li.conference a p:before { position: absolute; top: 10px; right: 10px; color: #009944; font-weight: 900; content: "\f105"; transition: all 0.3s; }
.guideCont ul li.eventhall a p:before { position: absolute; top: 10px; right: 10px; color: #fcc800; font-weight: 900; content: "\f105"; transition: all 0.3s; }
.guideCont ul li a:hover p { color: #fff; }
.guideCont ul li a:hover p:before { color: #fff; }


/* slick Arrows */
.slick-prev,
.slick-next { font-size: 0; line-height: 0; position: absolute; bottom: 15px; right: 0; left: 0; margin: auto; display: block; width: 12px; height: 20px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before,
.slick-next:before { line-height: 1; display: block; content: ''; width: 12px; height: 20px; }
.slick-prev { -webkit-transform: translate(-200px, 0); -ms-transform: translate(-200px, 0); transform: translate(-200px, 0); }
.general .slick-prev:before { background: url(/static/images/common/arrow_left_b.svg); background-size: cover; }
.business .slick-prev:before { background: url(/static/images/common/arrow_left_g.svg); background-size: cover; }
.slick-next { -webkit-transform: translate(200px, 0); -ms-transform: translate(200px, 0); transform: translate(200px, 0); }
.general .slick-next:before { background: url(/static/images/common/arrow_right_b.svg); background-size: cover; }
.business .slick-next:before { background: url(/static/images/common/arrow_right_g.svg); background-size: cover; }

/* slick Dots */
.slick-dots { line-height: 10px; display: block; padding: 20px 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; font-size: 0; width: 10px; height: 10px; margin: 0 10px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover,
.slick-dots li button:focus { outline: none; }
.general .slick-dots li button:hover:before,
.general .slick-dots li button:focus:before { background: #026EB8; }
.business .slick-dots li button:hover:before,
.business .slick-dots li button:focus:before { background: #6F6F6F; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; width: 10px; height: 10px; display: block; opacity: .25; border-radius: 50%; content: ''; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 0.3s; }
.general .slick-dots li button:before { background: #026EB8; }
.business .slick-dots li button:before { background: #6F6F6F; }
.slick-dots li.slick-active button:before { opacity: 1; }


/* ───────────────────────────────────────────────────────────────────────────
 1200px以下の動作
─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:1200px){
  .catchcopy { font-size: 36px; }
  .catchcopy span { font-size: 28px; }
  .topInfo ul li a dd { font-size: 1.6em; }
  .general .topInfo ul li a dt { font-size: 1.4em; }
  .business .topInfo ul li a dt { font-size: 1.4em; }
  .topInfo ul li a dt .important { font-size: 12px; }
  .general .topInfo ul li a dt .new { font-size: 12px; }
  .business .topInfo ul li a dt .new { font-size: 12px; }
  .topCont h2 { font-size: 2.8em; }
  .eventCont .eventTit { font-size: 1.8em; }
  .general .btnList li { width: calc(( 100% - 40px ) / 3 ); margin-right: 20px; }
  .general .btnList li a p { font-size: 1.8em; }
  .business .btnList li { width: calc(( 100% - 40px ) / 3 ); margin-right: 20px; }
  .business .btnList li a p { font-size: 1.8em; }
  .faqList li { width: calc(( 100% - 40px ) / 3 ); margin-right: 20px; }
  .faqList li a p { font-size: 1.4em; }
  .general .infoInr .btnList { width: calc(( 200% - 80px ) / 3 + 40px ); }
  .general .infoInr .btnList li { width: calc(( 100% - 40px ) / 2 ); margin-right: 20px; margin-bottom: 20px; }
  .general .infoInr .facebook { width: calc(( 100% - 40px ) / 3 ); }
  .guideCont .discCont .disc h3 { font-size: 2.4em; }
  .eventCont .date { font-size: ; height:4em;}
  .eventCont .thumb { height:21.7vw; }
}

/* ───────────────────────────────────────────────────────────────────────────
 1023px以下の動作
─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:1023px){
  .importantInfo a { padding: 5px 5vw; }
  .importantInfo a dt { padding: 2px 10px; font-size: 1.4em; line-height: 26px; }
  .importantInfo a dd { padding: 2px 10px; font-size: 1.6em; line-height: 26px; }
  .topInfo ul { padding: 0 10px; height: calc( 40vw - 50px ); }
  .topInfo ul li a { padding: 10px 0; }
  .topInfo ul li a dt .important { font-size: 12px; line-height: 20px; margin: 0 0 0 8px; padding: 0 10px; }
  .topInfo ul li a dd { font-size: 1.5em; margin-top: 5px; }
  .general .topInfo .title { font-size: 1.4em; line-height: 30px; padding: 10px; border-top: 1px solid #026EB8; }
  .general .topInfo ul li a dt { font-size: 1.4em; line-height: 20px; color: #026EB8; }
  .general .topInfo ul li a dt .new { font-size: 12px; line-height: 20px; margin: 0 0 0 10px; padding: 0 10px; }
  .general .topInfo .moreBtn { top: 10px; right: 10px; }
  .general .topInfo .moreBtn a { padding: 5px 20px 5px 10px; font-size: 1.3em; }
  .general .topInfo .moreBtn a:before { top: 5px; right: 5px; }
  .business .topInfo .title { font-size: 1.4em; line-height: 30px; padding: 10px; border-top: 1px solid #6F6F6F; }
  .business .topInfo ul li a dt { font-size: 1.4em; line-height: 20px; color: #6F6F6F; }
  .business .topInfo ul li a dt .new { font-size: 12px; line-height: 20px; margin: 0 0 0 8px; padding: 0 10px; }
  .business .topInfo .moreBtn { top: 10px; right: 10px; }
  .business .topInfo .moreBtn a { padding: 5px 20px 5px 10px; font-size: 1.3em; }
  .business .topInfo .moreBtn a:before { top: 5px; right: 5px; }
  .catchcopy { left: 20px; bottom: 70px; font-size: 32px; }
  .catchcopy span { font-size: 24px; padding: 5px 0 0; }
  .slick-prev,
  .slick-next { bottom: 15px; }
  .slick-prev { -webkit-transform: translate(-100px, 0); -ms-transform: translate(-100px, 0); transform: translate(-100px, 0); }
  .slick-next { -webkit-transform: translate(100px, 0); -ms-transform: translate(100px, 0); transform: translate(100px, 0); }
  .slick-dots { padding: 20px 0; }
  .topCont .contInr { padding: 0 5vw 50px; }
  .topCont h2 { padding: 30px 0; font-size: 2.6em; }
  .eventCont .eventSlider { margin: 0 -5px; }
  .eventCont .slide { padding: 0 5px 20px; }
  .eventCont .date { font-size: 1.4em; line-height: 1.2; }
  .eventCont .moreBtn { top: 30px; }
  .eventCont .moreBtn a { font-size: 1.5em; }
  .general .btnList li { width: calc(( 100% - 20px ) / 3 ); margin-right: 10px; }
  .general .btnList li a p { font-size: 1.6em; line-height: 30px; }
  .business .btnList li { width: calc(( 100% - 20px ) / 3 ); margin-right: 10px; }
  .business .btnList li a p { font-size: 1.6em; line-height: 30px; }
  .faqList li { width: calc(( 100% - 20px ) / 3 ); margin-right: 10px; }
  .faqList li a p { font-size: 1.4em; line-height: 30px; }
  .general .infoInr .btnList { width: calc(( 200% - 40px ) / 3 + 20px ); }
  .general .infoInr .btnList li { width: calc(( 100% - 20px ) / 2 ); margin-right: 10px; margin-bottom: 10px; }
  .general .infoInr .facebook { width: calc(( 100% - 20px ) / 3 ); }

  .guideCont .discCont .disc { padding: 0 10px 0 0; }
  .guideCont .discCont .disc h3 { font-size: 2.2em; padding: 0 0 20px; }
  .guideCont .discCont .disc p { font-size: 1.6em; line-height: 1.5; padding: 0 0 20px; }
  .guideCont .discCont .thumb { padding: 0 0 0 10px; }
  .guideCont .moreBtn a { font-size: 1.5em; }
  .guideCont .discCont { padding: 0 0 50px; }
  .guideCont ul li { width: calc(( 100% - 20px ) / 2 ); }
  .guideCont ul li.eh1_8 { margin: 0 20px 20px 0; }
  .guideCont ul li.eh9_11 { margin: 0 0 20px; }
  .guideCont ul li.conference { margin: 0 20px 20px 0; }
  .guideCont ul li.eventhall { margin: 0 0 20px; }
  .guideCont ul li a p { font-size: 1.6em; line-height: 30px; padding: 10px; }


}

/* ───────────────────────────────────────────────────────────────────────────
 767px以下の動作
─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:767px){
  .catchCont { display: block; }
  .mainCatch { width: 100%; margin: 0 auto 30px; }
  .catchcopy { bottom: 60px; font-size: 18px; }
  .catchcopy span { font-size: 14px; padding: 5px 0 0; }
  .importantInfo a { padding: 10px 5vw; }
  .importantInfo a dt { display: block; padding: 0; font-size: 1.4em; line-height: 25px; background: #c70010; color: #fff; text-align: center; }
  .importantInfo a dd { display: block; padding: 5px 0 0; font-size: 1.6em; line-height: 1.2; }
  .topInfo { width: 100%; }
  .topInfo ul { height: auto; padding: 0 5vw; }
  .topInfo ul li a { padding: 15px 0; }
  .topInfo ul li a dd { font-size: 1.6em; line-height: 1.5; margin-top: 10px; }
  .general .topInfo .title { font-size: 2.4em; line-height: 30px; padding: 15px; text-align: center; }
  .general .topInfo .moreBtn { position: static; margin: 20px auto 0; width: 235px; text-align: center; }
  .general .topInfo .moreBtn a { padding: 15px; font-size: 1.6em; }
  .general .topInfo .moreBtn a:before { top: 15px; right: 10px; }
  .business .topInfo .title { font-size: 2.4em; line-height: 30px; padding: 15px; text-align: center; }
  .business .topInfo .moreBtn { position: static; margin: 20px auto 0; width: 235px; text-align: center; }
  .business .topInfo .moreBtn a { padding: 15px; font-size: 1.6em; }
  .business .topInfo .moreBtn a:before { top: 15px; right: 10px; }
  .topCont h2 { padding: 40px 0; font-size: 2.4em; line-height: 1.2; text-align: center; }
  .eventCont .eventSlider { border-top: 1px solid #DEDEDE; margin: 0; }
  .eventCont .slide { padding: 15px 0; border-bottom: 1px solid #DEDEDE; }
  .eventCont .slide a { display:flex; justify-content:space-between;}
  .eventCont .leftCont { width: 120px; position:relative;}
  .eventCont .leftCont .today { position:absolute;}
  .eventCont .leftCont .thumb { height:120px;}
  .eventCont .rightCont { width: calc( 100% - 120px ); padding: 0 0 0 10px; display:flex; align-content:center; flex-wrap:wrap;}
  .eventCont .rightCont .date, .eventCont .rightCont .eventTit { width:100%;}
  .eventCont .today { position: static; left: 0; font-size: 13px; border-radius: 0; text-align: center; line-height: 17px; padding: 4px; }
  .eventCont .date { font-size: 1.3em; line-height: 1.2; padding: 0 0 5px; height:auto;}
  .eventCont .eventTit { font-size: 1.6em; line-height: 1.2; }
  .eventCont .moreBtn { position: static; margin: 20px auto 0; text-align: center; }
  .eventCont .moreBtn a { margin: 0 auto; font-size: 1.6em; }
  .general .btnList { display: block; }
  .general .btnList li { width: 100%; margin: 0 0 20px; }
  .business .btnList { display: block; }
  .business .btnList li { width: 100%; margin: 0 0 20px; }
  .faqList { display: block; }
  .faqList li { width: 100%; margin: 0 0 10px; }
  .general .infoInr .btnList { float: none; width: 100%; }
  .general .infoInr .btnList li { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .general .infoInr .facebook { float: none; width: 100%; text-align: center; }
  .general .infoInr .facebook-wrapper { margin: 0 auto; text-align: center; }
  .guideCont .discCont { padding: 0 0 40px; }
  .guideCont .discCont .thumb { float: none; width: 100%; padding: 0 0 20px; }
  .guideCont .discCont .disc { float: none; width: 100%; padding: 0; }
  .guideCont .discCont .disc h3 { font-size: 2.0em; padding: 0 0 20px; }
  .guideCont .discCont .disc p { font-size: 1.6em; line-height: 1.5; padding: 0 0 40px; }
  .guideCont .moreBtn a { margin: 0 auto; }
  .guideCont ul { display: block; }
  .guideCont ul li { width: 100%; }
  .guideCont ul li.eh1_8 { margin: 0 0 20px; }
  .guideCont ul li.conference { margin: 0 0 20px; }
  .guideCont ul li.eventhall { margin: 0 0 20px; }
  .guideCont ul li a p { font-size: 1.8em; line-height: 30px; padding: 10px; }
  .guideCont ul li a .thumbInr img { height: 170px; object-fit: cover; }

  .slick-prev,
  .slick-next { bottom: 13px; right: 0; left: 0; width: 9px; height: 15px; }
  .slick-prev:before,
  .slick-next:before { line-height: 1; display: block; content: ''; width: 9px; height: 15px; }
  .slick-dots { line-height: 9px; display: block; padding: 16px 0; margin: 0; list-style: none; text-align: center; }
  .slick-dots li { width: 9px; height: 9px; margin: 0 10px; }
  .slick-dots li button { width: 9px; height: 9px; }
  .slick-dots li button:before { width: 9px; height: 9px; }




}