@charset "utf-8";

@media only screen and (max-width: 640px) {
	
/*============================
ClearFix
============================*/
.clearFix::after {}
.md_container { width: inherit; padding: 0 20px; }
main { overflow: hidden; }

/*============================
#header
============================*/
#header { position: absolute; top: 15px; left: 20px; z-index: 2; }
#header .tpoint {}
#header .tpoint img { width: 100px; height: auto; }
#header .logo { margin-top: 15px; }
#header .logo img { width: 130px; height: auto; }

/*============================
#mainPanelArea
============================*/
#mainPanelArea { background: #f5f5f5 url("/event/hosting240226/imageFile/global/bg_panel.png") no-repeat center top; background-size: 500px auto; position: relative; }
#mainPanelArea::before { background: url("/event/hosting240226/imageFile/global/icon_panel06.png") no-repeat center; background-size: cover; width: 108px; height: 191px; }
#mainPanelArea::after { background: url("/event/hosting240226/imageFile/global/icon_panel07.png") no-repeat center; background-size: cover; width: 176px; height: 195px; }
#mainPanelArea .mainImage { padding: 25% 0 20%; text-align: center; }
#mainPanelArea .mainImage img { width: 90%; height: auto; position: relative; z-index: 3; }
#mainPanelArea .icon01 { position: absolute; left: 50%; margin-left: -50%; top: 0; margin-top: 34%; transform: scale(0.6); }
#mainPanelArea .icon02 { display: none; }
#mainPanelArea .icon03 { position: absolute; left: 50%; margin-left: 36%; top: 0; margin-top: 98%; transform: scale(0.6); z-index: 3; }
#mainPanelArea .icon04 { position: absolute; left: 50%; margin-left: 600px; top: 0; transform: scale(0.6);  }
#mainPanelArea .icon05 { position: absolute; left: 50%; margin-left: -68%; top: 0; margin-top: 85%; transform: scale(0.4);z-index: 3; }
#mainPanelArea .about { padding: 40px 0 60px; position: relative; background: #fff; }
#mainPanelArea .about .catch { padding-right: 0; }
#mainPanelArea .about .text { margin-top: 15px; font-size: 0.875em; padding-right: 0; }
#mainPanelArea .about .sub { margin-top: 20px; padding-right: 0; }
#mainPanelArea .about .sub ul li { font-size: 0.75em; }
#mainPanelArea .about .button { right: inherit; top: inherit; transform: none; margin-top: 30px; position: relative; }
#mainPanelArea .about .button a { font-size: 1em; padding: 16px 60px 15px 50px; min-width: inherit; }
#mainPanelArea .about .button a::before { right: 20px; }
#mainPanelArea .about .button a::after { right: 31px; }
#mainPanelArea .about .button img { position: absolute; left: inherit; top: 50px; margin-left: 0; right: 20px; width: 50px; height: auto;}
#mainPanelArea .about .button a:hover {}
#mainPanelArea .about .button a:hover::before {}
#mainPanelArea .about .button a:hover::after {}
	
/*============================
#detailArea
============================*/
#detailArea { padding: 60px 0 180px; }
#detailArea .mainTitle { font-size: 1.25em; }
#detailArea .table { margin-top: 20px; }
#detailArea .table dl { display: block; }
#detailArea .table dl dt { display: block; width: 100%; padding: 10px 12px 9px; }
#detailArea .table dl dd { display: block; padding: 20px 0; font-size: 0.875em;  }
#detailArea .table dl dd .button { margin-top: 10px; }
#detailArea .table dl dd .button a {}
#detailArea .table dl dd .button a:hover {}

/*============================
#scheduleArea
============================*/
#scheduleArea {}
#scheduleArea .mainTitle { font-size: 1.25em; }
#scheduleArea .table { margin-top: 20px; }
#scheduleArea .table dl { display: block; }
#scheduleArea .table dl dt { display: block; width: 100%; padding: 10px 12px 9px; }
#scheduleArea .table dl dt .time { font-size: 0.875em; }
#scheduleArea .table dl dt .sub { margin-top: 5px; font-size: 0.75em; }
#scheduleArea .table dl dd { display: block; padding: 20px 0; }
#scheduleArea .table dl dd .number { font-size: 0.75em; }
#scheduleArea .table dl dd .title { margin-top: 10px; font-size: 1.125em; }
#scheduleArea .table dl dd .person { margin-top: 15px; }
#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: inherit; width: 100%; padding-left: 0; padding-right: 0; border-left: none; border-top: 1px dotted #ccc; padding-top: 20px; }
#scheduleArea .table dl dd .blockList .block:first-child { padding-left: 0; padding-top: 0; border-left: none; border-top: none; }
#scheduleArea .table dl dd .blockList .block:last-child { padding-right: 0; }
#scheduleArea .table dl dd .blockList .block:nth-child(-n+2) { padding-bottom: 0; }
#scheduleArea .table dl dd .blockList .block .number {}
#scheduleArea .table dl dd .blockList .block .title { font-size: 1.125em; }
#scheduleArea .table dl dd .blockList .block .person { margin-top: 10px; }
#scheduleArea .table dl dd .blockList .block .subTitle {}
#scheduleArea .table dl dd .blockList .block .list { margin-top: 10px; }
#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 { padding-bottom: 20px; }
#scheduleArea .table dl dd .blockList .block .list ul li.article02 { padding-bottom: 20px; margin-top: 15px; }
#scheduleArea .table dl dd .blockList .block .list ul li a {}

/*============================
#personArea
============================*/
#personArea { margin-top: 60px; }
#personArea .mainTitle { font-size: 1.25em; }
#personArea .list { margin-top: 20px; }
#personArea .list ul {}
#personArea .list ul li { padding: 20px 0; display: block; }
#personArea .list ul li .image { margin-right: 0; width: 100%; text-align: center; }
#personArea .list ul li .image img { width: 150px; height: 150px; border-radius: 150px; }
#personArea .list ul li .image .name { margin-top: 20px; color: #dcbd14; text-align: center;  }
#personArea .list ul li .data { margin-top: 20px; }
#personArea .list ul li .data .text { line-height: 1.75; }
#personArea .list ul li .data .link { margin-top: 15px; }
#personArea .list ul li .data .link a { margin-top: 8px; }
#personArea .list ul li .data .link a:hover {} 

/*============================
#buttonArea
============================*/
#buttonArea { padding: 60px 0; }
#buttonArea a { font-size: 1em; padding: 16px 60px 15px 50px; min-width: inherit; }
#buttonArea a::before { right: 20px; }
#buttonArea a::after { right: 31px; }
#buttonArea img { position: absolute; left: inherit; top: 110px; margin-left: 0; right: 20px; width: 50px; height: auto;}
#buttonArea a:hover {}
#buttonArea a:hover::before {}
#buttonArea a:hover::after {}

/*============================
#otherArea
============================*/
#otherArea { padding: 60px 20px; }
#otherArea .copy { text-align: left; font-size: 1em; }
#otherArea .copy br { display: none; }
#otherArea .button { margin-top: 20px; }
#otherArea .button .lead { font-size: 0.75em; }
#otherArea .button a { padding: 16px 50px 15px 15px; background: #222; color: #fff; font-size: 0.75em; text-align: left; }
#otherArea .button a::before {}
#otherArea .button a::after {}

/*============================
#footer
============================*/
#footer { padding: 30px 0 20px; }
#footer .footer__copy {}
#footer .footer__copy  {}
#footer .footer__copy  a {}
#footer .footer__copy  a img { width: 90px; height: auto; }
#footer .footer__copy p { margin-top: 20px; }

}