@charset "utf-8";

/*============================
ClearFix
============================*/
.clearFix::after { clear: both; display: block; content: ""; height: 0; line-height: 0; }
.md_container { width: 1040px; padding: 0 20px; margin: 0 auto; position: relative; }

/*============================
#header
============================*/
#header { position: absolute; top: 50px; left: 60px; }
#header .tpoint {}
#header .tpoint img { width: 160px; height: auto; }
#header .logo { margin-top: 30px; }
#header .logo img { width: 190px; height: auto; }

/*============================
#mainPanelArea
============================*/
#mainPanelArea { background: url("/event/hosting240226/imageFile/global/bg_panel.png") no-repeat center; background-size: cover; position: relative; }
#mainPanelArea::before { content: ""; position: absolute; right: 0; top: 0; background: url("/event/hosting240226/imageFile/global/icon_panel06.png") no-repeat center; width: 217px; height: 383px; z-index: 1; }
#mainPanelArea::after { content: ""; position: absolute; left: 0; bottom: 0; background: url("/event/hosting240226/imageFile/global/icon_panel07.png") no-repeat center; width: 353px; height: 391px; z-index: 1; }
#mainPanelArea .mainImage { padding: 60px 0 80px; text-align: center; }
#mainPanelArea .mainImage img { width: 854px; height: auto; }
#mainPanelArea .icon01 { position: absolute; left: 50%; margin-left: -600px; top: 180px; }
#mainPanelArea .icon02 { position: absolute; left: 50%; margin-left: -800px; top: 500px; }
#mainPanelArea .icon03 { position: absolute; left: 50%; margin-left: 500px; top: 180px; }
#mainPanelArea .icon04 { position: absolute; left: 50%; margin-left: 600px; top: 480px; }
#mainPanelArea .icon05 { position: absolute; left: 50%; margin-left: -565px; top: 330px; }
#mainPanelArea .about { padding: 40px 0; position: relative; background: #fff; }
#mainPanelArea .about .catch { font-weight: bold; line-height: 1.75; padding-right: 360px; position: relative; z-index: 2; }
#mainPanelArea .about .text { margin-top: 20px; font-size: 0.9125em; line-height: 1.75; padding-right: 360px; position: relative; z-index: 2; }
#mainPanelArea .about .sub { margin-top: 20px; padding-right: 20px; position: relative; z-index: 2; }
#mainPanelArea .about .sub ul li { font-size: 0.875em; line-height: 1.5; text-indent: -1em; padding-left: 1em; margin-top: 5px; }
#mainPanelArea .about .button { position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-top: -60px; text-align: center; z-index: 3; }
#mainPanelArea .about .button a { display: inline-block; font-size: 1.5em; padding: 25px 40px 24px; border-radius: 100px; min-width: 360px; background: #ffd800; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.1); font-weight: bold; position: relative; transition: all 250ms ease-out; }
#mainPanelArea .about .button a::before { content:""; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; background: #fff; border-radius: 26px; transition: all 250ms ease-out; pointer-events: none; }
#mainPanelArea .about .button a::after { content:""; position: absolute; right: 36px; top: 50%; margin-top: -3px; width: 7px; height: 7px; border-right: solid 2px #222; border-bottom: solid 2px #222; transform: rotate(-45deg); transition: all 250ms ease-out; pointer-events: none; }
#mainPanelArea .about .button img { position: absolute; left: 50%; top: 90px; margin-left: 200px; }
#mainPanelArea .about .button a:hover { background: #ffaa00; }
#mainPanelArea .about .button a:hover::before { right: 15px; }
#mainPanelArea .about .button a:hover::after { right: 26px; }

/*============================
#detailArea
============================*/
#detailArea { padding: 100px 0 280px; background: url("/event/hosting240226/imageFile/global/bg_sky.png") no-repeat center bottom; background-size: cover; }
#detailArea .mainTitle { font-size: 2.25em; font-weight: bold; color: #fff; text-align: center; }
#detailArea .table { margin-top: 30px; border-top: solid 1px #84c0ef; }
#detailArea .table dl { display: table; width: 100%; }
#detailArea .table dl dt { display: table-cell; width: 20%; padding: 25px; font-weight: bold; border-bottom: solid 1px #84c0ef; background: rgba(255,255,255,0.2); color: #fff;}
#detailArea .table dl dd { display: table-cell; padding: 25px; border-bottom: solid 1px #84c0ef; color: #fff; font-size: 1.125em;  }
#detailArea .table dl dd .button { margin-top: 15px; }
#detailArea .table dl dd .button a { display: inline-block; background: #fff; padding: 8px 30px 7px; border-radius: 30px; font-weight: bold; font-size: 0.875em; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.1); transition: all 250ms ease-out; }
#detailArea .table dl dd .button a:hover { background: #222; color: #fff; }

/*============================
#scheduleArea
============================*/
#scheduleArea {}
#scheduleArea .mainTitle { font-size: 2.25em; font-weight: bold; }
#scheduleArea .table { margin-top: 30px; border-top: solid 1px #ddd; }
#scheduleArea .table dl { width: 100%; display: table; }
#scheduleArea .table dl dt { display: table-cell; width: 22%; padding: 35px; background: #e9f7ff; border-bottom: solid 1px #ddd; vertical-align: top; }
#scheduleArea .table dl dt .time { font-size: 1.5em; font-weight: bold; }
#scheduleArea .table dl dt .sub { margin-top: 10px; font-size: 0.875em; font-weight: normal; line-height: 1.5; padding-left: 1em; text-indent: -1.25em; }
#scheduleArea .table dl dd { display: table-cell; padding: 35px; border-bottom: solid 1px #ddd; }
#scheduleArea .table dl dd .number { color: #777; font-size: 0.875em; }
#scheduleArea .table dl dd .title { margin-top: 10px; font-size: 1.375em; color: #015ec5; font-weight: bold; }
#scheduleArea .table dl dd .person { margin-top: 15px; color: #dcbd14; font-weight: bold; }
#scheduleArea .table dl dd .subTitle {}
#scheduleArea .table dl dd .list { margin-top: 20px; }
#scheduleArea .table dl dd .list ul {}
#scheduleArea .table dl dd .list ul li { margin-top: 10px; line-height: 1.75; font-size: 0.875em; }
#scheduleArea .table dl dd .list ul li:first-child { margin-top: 0; }
#scheduleArea .table dl dh .sub {}
#scheduleArea .table dl dd .list ul li.mini {}
#scheduleArea .table dl dd .blockList {}
#scheduleArea .table dl dd .blockList .block { float: left; width: 50%; padding-left: 25px; padding-right: 25px; border-left: dotted 1px #ccc; }
#scheduleArea .table dl dd .blockList .block:nth-child(odd) { padding-left: 0; border-left: none; }
#scheduleArea .table dl dd .blockList .block:nth-child(-n+2) { padding-bottom: 25px; }
#scheduleArea .table dl dd .blockList .block:nth-child(n+3) { padding-top: 25px; border-top: dotted 1px #ccc; }
#scheduleArea .table dl dd .blockList .block:last-child { padding-right: 0; }
#scheduleArea .table dl dd .blockList .block .number {}
#scheduleArea .table dl dd .blockList .block .title { font-size: 1.25em; }
#scheduleArea .table dl dd .blockList .block .person {}
#scheduleArea .table dl dd .blockList .block .subTitle {}
#scheduleArea .table dl dd .blockList .block .list {}
#scheduleArea .table dl dd .blockList .block .list ul {}
#scheduleArea .table dl dd .blockList .block .list ul li {}
#scheduleArea .table dl dd .blockList .block .list ul li.article01 { margin-top: 15px; line-height: 1.35; color: #015ec5; }
#scheduleArea .table dl dd .blockList .block .list ul li.article02 { margin-top: 39px; line-height: 1.35; color: #015ec5; }
#scheduleArea .table dl dd .blockList .block .list ul li a {}
#scheduleArea .table dl dd .blockList .block .list ul li a:hover { text-decoration: underline; }

/*============================
#personArea
============================*/
#personArea { margin-top: 100px; }
#personArea .mainTitle { font-size: 2.25em; font-weight: bold; }
#personArea .list { margin-top: 30px; }
#personArea .list ul { border-top: solid 1px #ddd; }
#personArea .list ul li { border-bottom: solid 1px #ddd; padding: 50px; display: flex; align-items: center; }
#personArea .list ul li .image { margin-right: 50px; width: 170px; }
#personArea .list ul li .image img { width: 170px; height: 170px; border-radius: 170px; overflow: hidden; }
#personArea .list ul li .image .name { margin-top: 20px; color: #dcbd14; text-align: center;  }
#personArea .list ul li .data { flex: 1; }
#personArea .list ul li .data .text { line-height: 1.75; }
#personArea .list ul li .data .link { margin-top: 20px; }
#personArea .list ul li .data .link a { display: block; margin-top: 10px; color: #015ec5; }
#personArea .list ul li .data .link a:hover { text-decoration: underline; } 

/*============================
#buttonArea
============================*/
#buttonArea { padding: 100px 0; text-align: center; position: relative; }
#buttonArea a { display: inline-block; font-size: 1.5em; padding: 25px 40px 24px; border-radius: 100px; min-width: 460px; background: #ffd800; position: relative; font-weight: bold; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.1); transition: all 250ms ease-out; }
#buttonArea a::before { content:""; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; background: #fff; border-radius: 26px; transition: all 250ms ease-out; pointer-events: none; }
#buttonArea a::after { content:""; position: absolute; right: 36px; top: 50%; margin-top: -3px; width: 7px; height: 7px; border-right: solid 2px #222; border-bottom: solid 2px #222; transform: rotate(-45deg); transition: all 250ms ease-out; pointer-events: none; }
#buttonArea img { position: absolute; left: 50%; top: 110px; margin-left: 260px; }
#buttonArea a:hover { background: #ffaa00; }
#buttonArea a:hover::before { right: 15px; }
#buttonArea a:hover::after { right: 26px; }

/*============================
#otherArea
============================*/
#otherArea { padding: 100px 0; background: #f2f2f2; }
#otherArea .copy { text-align: center; line-height: 1.75; font-size: 1.125em; }
#otherArea .button { margin-top: 30px; text-align: center; }
#otherArea .button .lead { margin-bottom: 15px; font-weight: bold; }
#otherArea .button a { display: inline-block; padding: 18px 56px 16px 22px; background: #222; color: #fff; font-size: 1.125em; font-weight: bold; border-radius: 5px; letter-spacing: 0.05em; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.1); position: relative; }
#otherArea .button a::before { content:""; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; background: #fff; border-radius: 26px; }
#otherArea .button a::after { content:""; position: absolute; right: 26px; top: 50%; margin-top: -3px; width: 7px; height: 7px; border-right: solid 2px #222; border-bottom: solid 2px #222; transform: rotate(-45deg); }

/*============================
#footer
============================*/
#footer { padding: 60px 0 50px; background: #313131; text-align: center; }
#footer .footer__copy {}
#footer .footer__copy  {}
#footer .footer__copy  a {}
#footer .footer__copy  a img { width: 100px; height: auto; }
#footer .footer__copy p { margin-top: 25px; font-size: 0.75em; color: #fff; }