@charset "utf-8";

/*============================
ClearFix
============================*/
.clearFix::after { clear: both; display: block; content: ""; height: 0; line-height: 0; }
.md_container { width: 1240px; padding: 0 20px; margin: 0 auto; position: relative; }
.md_font_bebasKai { font-family: bebas-kai, sans-serif; font-weight: 400; font-style: normal; }

/*============================
#header
============================*/
#header { position: absolute; top: 40px; left: 50px; z-index: 1; }
#header .tpoint {}
#header .tpoint img { width: 70px; height: auto; }
#header .logo { margin-top: 20px; }
#header .logo img { width: 190px; height: auto; }

/*============================
#mainPanelArea
============================*/
#mainPanelArea { position: relative; padding-bottom: 80px; overflow: hidden; }
#mainPanelArea::before { content: ""; position: absolute; left: 0; top: 0; background: url("/event/hosting241118/imageFile/global/bg_leftTop.png") no-repeat left top; width: 643px; height: 1138px; z-index: -1; }
#mainPanelArea::after { content: ""; position: absolute; right: 0; bottom: 0; background: url("/event/hosting241118/imageFile/global/bg_bottom.png") no-repeat center bottom; background-size: cover; width: 100%; height: 1183px; z-index: -1; }
#mainPanelArea .mainImage { padding-top: 130px; }
#mainPanelArea .mainImage .image { position: relative; }
#mainPanelArea .mainImage .image img { position: relative; z-index: 1; }
#mainPanelArea .mainImage .image::before { content: ""; position: absolute; left: 50%; top: -130px; margin-left: -410px; display: block; background: url("/event/hosting241118/imageFile/global/bg_rightTop.png") no-repeat right top;  width: 1317px; height: 659px; z-index: 0; }
#mainPanelArea .mainImage .image::after { content: ""; position: absolute; left: 50%; top: -130px; display: block; background: url("/event/hosting241118/imageFile/global/panel_1day.png") no-repeat left top; width: 932px; height: 845px; z-index: 0; }
#mainPanelArea .mainImage .catch { margin-top: 40px; font-size: 1.5em; font-weight: bold; letter-spacing: 0.1em; line-height: 1.6; }
#mainPanelArea .mainImage .copy { margin-top: 20px; font-size: 1.125em; line-height: 1.6; }
#mainPanelArea .number { margin-top: 50px; margin-left: 15px; }
#mainPanelArea .about { display: flex; align-items: center; background: #222; padding: 12px; position: relative; z-index: 1; border-radius: 10px; }
#mainPanelArea .about .subTitle { width: 280px; text-align: center; padding: 0 20px; }
#mainPanelArea .about .subTitle img { width: 100%; height: auto; }
#mainPanelArea .about .text { flex: 1; font-size: 1.125em; font-weight: bold; line-height: 1.6; padding: 20px 20px 18px; background: #fff; }
#mainPanelArea .about .text em { color: #fc4155; }
#mainPanelArea .action { margin-top: 80px; }
#mainPanelArea .action .title { font-size: 1.375em; font-weight: bold; }
#mainPanelArea .action .attention { margin-top: 20px; padding: 20px; border: dotted 2px #d22; border-radius: 20px; text-align: left; } 
#mainPanelArea .action .attention ul li { margin-top: 5px; }
#mainPanelArea .action .attention ul li { padding-left: 1em; text-indent: -1em; line-height: 1.5; color: #d22; font-weight: bold; } 
#mainPanelArea .action .button { margin-top: 30px; }

#mainPanelArea .action .button .comment { text-align: center; padding: 40px 100px; background-color: #ececec; border-radius: 30px; font-weight: 1.125em; font-weight: 600; }
#mainPanelArea .action .button .comment span { display: block; width: 150px; margin: 30px auto 0; }
#mainPanelArea .action .button .comment span img { width: 100%; height: auto; }

#mainPanelArea .action .button .leftArea { float: left; width: 75%; border-right: dotted 1px #ccc; }
#mainPanelArea .action .button .rightArea { float: right; width: 25%; padding-left: 15px; }
#mainPanelArea .action .button ul li { float: left; margin-right: 15px; }
#mainPanelArea .action .button .leftArea ul li:nth-child(1) { width: calc(50% - 15px); }
#mainPanelArea .action .button .leftArea ul li:nth-child(2) { width: calc(50% - 15px); }
#mainPanelArea .action .button .leftArea ul li:nth-child(3) { margin-top: 15px; width: calc(100% - 15px); }
#mainPanelArea .action .button ul li a { display: block; font-size: 1.25em; padding: 20px 40px 18px 20px; border-radius: 15px; background: linear-gradient(90deg, #fad126, #ff3); position: relative; border: solid 4px #222; font-weight: bold; text-align: left; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.1); transition: all 250ms ease-out; }
#mainPanelArea .action .button ul li:nth-child(1) a { background: linear-gradient(90deg, #ccc, #ddd); }
#mainPanelArea .action .button ul li:nth-child(2) a { background: linear-gradient(90deg, #ccc, #ddd); }
#mainPanelArea .action .button ul li a::before { content:""; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; background: #222; border-radius: 26px; transition: all 250ms ease-out; pointer-events: none; }
#mainPanelArea .action .button ul li a::after { content:""; position: absolute; right: 31px; top: 50%; margin-top: -3px; width: 7px; height: 7px; border-right: solid 2px #fff; border-bottom: solid 2px #fff; transform: rotate(-45deg); transition: all 250ms ease-out; pointer-events: none; }
#mainPanelArea .action .button ul li img { position: absolute; left: 50%; top: 110px; margin-left: 260px; }
#mainPanelArea .action .button ul li a:hover {}
#mainPanelArea .action .button ul li a:hover::before { right: 15px; }
#mainPanelArea .action .button ul li a:hover::after { right: 26px; }
#mainPanelArea .action .button ul li a .max {}
#mainPanelArea .action .button ul li a .max span { display: inline-block; margin-top: 8px; background: #fc4155; color: #fff; padding: 4px 6px 2px; font-size: 0.875em; border-radius: 2px; }
#mainPanelArea .action .button .rightArea ul li { margin-right: 0; width: 100%; }
#mainPanelArea .action .button .rightArea ul li a { background: linear-gradient(90deg, #ccc, #ddd); width: 100%; }
#mainPanelArea .action .button .sub { margin-top: 20px; padding-left: 1em; line-height: 1.6; color: #d22; font-size: 0.875em; font-weight: bold; text-indent: -1.25em; text-align: left; }
#mainPanelArea .action .button .sub { margin-top: 20px; padding-left: 1em; line-height: 1.6; color: #d22; font-size: 0.875em; font-weight: bold; text-indent: -1.25em; text-align: left; }
#mainPanelArea .action .button .leftArea .sub { padding-right: 20px; }

#mainPanelArea .action.recruit {}
#mainPanelArea .action.recruit .title {}
#mainPanelArea .action.recruit .copy { margin-top: 20px; line-height: 1.5; }
#mainPanelArea .action.recruit .button .leftArea { border-right: none; }

#mainPanelArea .summary { margin-top: 120px;}
#mainPanelArea .summary .mainTitle { font-size: 2.75em; text-align: center; font-weight: bold; }
#mainPanelArea .summary ul { margin-top: 80px; position: relative; height: 250px; }
#mainPanelArea .summary ul li { position: absolute; width: 250px; height: 250px; border-radius: 250px; padding-top: 50px; left: 0; top: 0; background: #fff; text-align: center; }
#mainPanelArea .summary ul li:nth-child(1) { top: 40px; }
#mainPanelArea .summary ul li:nth-child(2) { top: -55px; left: 310px; width: 260px; height: 260px; border-radius: 260px; padding-top: 45px; }
#mainPanelArea .summary ul li:nth-child(3) { left: 640px; width: 200px; height: 200px; padding-top: 30px; }
#mainPanelArea .summary ul li:nth-child(4) { left: 900px; top: -80px; width: 200px; height: 200px; padding-top: 40px; }
#mainPanelArea .summary ul li .title { margin-bottom: 15px; }
#mainPanelArea .summary ul li .title span { display: inline-block; padding: 7px 12px 5px; background: #222; color: #fff; font-weight: bold; border-radius: 4px; }
#mainPanelArea .summary ul li .kazu { font-size: 2.25em; line-height: 1; }
#mainPanelArea .summary ul li .kazu span {}
#mainPanelArea .summary ul li .sub { margin-top: 10px; font-size: 0.875em; color: #777; }
#mainPanelArea .summary ul li .text { font-size: 1.75em; font-weight: bold; }
#mainPanelArea .summary ul li .text span { display: block; font-size: 1em; font-size: 0.75em; }
#mainPanelArea .summary ul li .link { margin-top: 15px; }
#mainPanelArea .summary ul li .link a { display: inline-block; font-size: 0.875em; padding: 6px 8px 4px; border-radius: 5px; background: linear-gradient(90deg, #fad126, #ff3); position: relative; border: solid 2px #222; font-weight: bold; text-align: center; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.1); transition: all 250ms ease-out; }
#mainPanelArea .summary ul li .number2 { font-size: 4em; line-height: 1; }
#mainPanelArea .summary ul li .number2 span { font-size: 0.5em; font-weight: bold; }
#mainPanelArea .summary ul li .free { font-size: 3em; font-weight: bold; }

/*============================
#detailArea
============================*/
#detailArea { margin-top: -80px; background: #eee; padding: 40px 0 80px; z-index: -2; position: relative; }
#detailArea .mainTitle { margin-top: 40px; padding: 15px 20px 13px; background: #222; color: #fff; font-size: 1.5em; border-radius: 10px 10px 0 0; font-weight: bold; }
#detailArea .content { padding: 50px; background: #fff; border-radius: 0 0 10px 10px; }

#detailArea .content .comment { text-align: center; font-size: 2.5em; letter-spacing: 0.05em; color: #a6a6a6; }
#detailArea .content .comment span { display: block; margin-top: 15px; font-size: 16px; }

#detailArea .content .table {}
#detailArea .content .table table { border: solid 2px #222; }
#detailArea .content .table table tr {}
#detailArea .content .table table tr th { padding: 10px; background: #666; border: dotted 1px #555; color: #fff; text-align: center; width: 120px; font-size: 0.875em; line-height: 1.5; white-space: nowrap; }
#detailArea .content .table table tr th.bgRed { background: #ff5a5e; width: 370px; }
#detailArea .content .table table tr th.bgAqua { background: #46bdc6; width: 370px; }
#detailArea .content .table table tr th.bgPurple { background: #9583c3; width: 370px; }
#detailArea .content .table table tr td { padding: 5px; border: dotted 1px #555; font-size: 0.875em; line-height: 1.5; }
#detailArea .content .table table tr td.bgYellow { background: #fff2cc; text-align: center; }
#detailArea .content .table table tr td.bgOrange { background: #fce5cd; text-align: center; }
#detailArea .content .table table tr td.bgGray { background: #E5E5E5; text-align: center; }
#detailArea .content .table table tr td.soon { text-align: center; vertical-align: middle; background: #eee; color: #777; }
#detailArea .content .table table tr td .target { margin-bottom: 5px; }
#detailArea .content .table table tr td .target span { display: inline-block; padding: 5px 5px 4px; font-size: 0.75em;  background: #c5c5aa; color: #fff; font-weight: bold; line-height: 1; border-radius: 2px;  }
#detailArea .content .schedule {}

#detailArea .content .schedule .comment { text-align: center; font-size: 2.5em; letter-spacing: 0.05em; color: #a6a6a6; }
#detailArea .content .schedule .comment span { display: block; margin-top: 15px; font-size: 16px; }

#detailArea .content .schedule .block { border: solid 2px #222; }
#detailArea .content .schedule .block dl { width: 100%; display: table; }
#detailArea .content .schedule .block dl dt { display: table-cell; padding: 10px; background: #fafae6; border-bottom: solid 1px #d0d0c0; border-right: dotted 1px #ddd; border-left: dotted 1px #ddd; text-align: center; vertical-align: middle; }
#detailArea .content .schedule .block dl dt.target { width: 120px; }
#detailArea .content .schedule .block dl dt.text { width: 50%; }
#detailArea .content .schedule .block dl dt.name { width: 120px; }
#detailArea .content .schedule .block dl dd { display: table-cell; padding: 10px; border-bottom: solid 1px #ddd; border-right: dotted 1px #ddd; border-left: dotted 1px #ddd; vertical-align: middle; }
#detailArea .content .schedule .block dl dd.target { width: 120px; text-align: center; }
#detailArea .content .schedule .block dl dd.target span { display: inline-block; padding: 5px 4px 3px; font-size: 0.875em; width: 100px; background: #c5c5aa; color: #fff; font-weight: bold; border-radius: 2px; }
#detailArea .content .schedule .block dl dd.title { font-size: 1.0125em; font-weight: bold; }
#detailArea .content .schedule .block dl dd.name { width: 120px; font-size: 0.875em; }
#detailArea .content .schedule .block dl dd.text { font-size: 0.875em; line-height: 1.5; width: 50%; }
#detailArea .content .sub { margin-top: 15px; padding-left: 1em; line-height: 1.6; color: #d22; font-size: 0.875em; font-weight: bold; text-indent: -1.25em; text-align: left; }

/*============================
#speakerArea
============================*/
#speakerArea { padding: 80px 0; background: #f5f5f5; }
#speakerArea .mainTitle { font-size: 2.75em; text-align: center; font-weight: bold; }

#speakerArea .comment { text-align: center; margin-top: 40px; font-size: 2.5em; letter-spacing: 0.05em; color: #a6a6a6; }
#speakerArea .comment span { display: block; margin-top: 15px; font-size: 16px; }

#speakerArea .list { margin-top: 30px; }
#speakerArea .list .announce { text-align: center; margin-top: 20px; padding: 30px 0; background-color: #fff; color: #777; font-size: 1.5em; font-weight: bold; }
#speakerArea .list ul {}
#speakerArea .list ul li { float: left; width: 48%; margin-right: 4%; border-bottom: solid 1px #ddd; border-top: solid 1px #ddd; margin-top: -1px; padding: 30px 0; display: flex; align-items: top; }
#speakerArea .list ul li:nth-child(2n) { margin-right: 0; }
#speakerArea .list ul li .image { margin-right: 30px; width: 120px; }
#speakerArea .list ul li .image img { width: 120px; height: 120px; border-radius: 10px; overflow: hidden; }
#speakerArea .list ul li .image .name { margin-top: 15px; color: #222; text-align: center; font-weight: bold; }
#speakerArea .list ul li .data { flex: 1; }
#speakerArea .list ul li .data .text { line-height: 1.5; font-size: 1em; }
#speakerArea .list ul li .data .link { margin-top: 20px; }
#speakerArea .list ul li .data .link a { display: block; margin-top: 10px; color: #015ec5; font-size: 0.875em; }
#speakerArea .list ul li .data .link a:hover { text-decoration: underline; } 
#speakerArea .list ul li.soon .data .text { text-align: center; padding: 60px 0; background: #e5e5e5; color: #aaa; font-size: 1.125em; }

/*============================
#personArea
============================*/
#personArea { padding: 80px 0 120px; }
#personArea .mainTitle { font-size: 2.75em; text-align: center; font-weight: bold; }

#personArea .comment { text-align: center; margin-top: 40px; font-size: 2.5em; letter-spacing: 0.05em; color: #a6a6a6; }
#personArea .comment span { display: block; margin-top: 15px; font-size: 16px; }

#personArea .list { margin-top: 30px; }
#personArea .list ul {}
#personArea .list ul li { float: left; width: 48%; margin-right: 4%; border-bottom: solid 1px #ddd; border-top: solid 1px #ddd; margin-top: -1px; padding: 30px 0; display: flex; align-items: top; }
#personArea .list ul li:nth-child(2n) { margin-right: 0; }
#personArea .list ul li .image { margin-right: 30px; width: 120px; }
#personArea .list ul li .image img { width: 120px; height: 120px; border-radius: 10px; overflow: hidden; }
#personArea .list ul li .image .name { margin-top: 15px; color: #222; text-align: center; font-weight: bold; }
#personArea .list ul li .data { flex: 1; }
#personArea .list ul li .data .text { line-height: 1.5; font-size: 1em; }
#personArea .list ul li .data .link { margin-top: 20px; }
#personArea .list ul li .data .link a { display: block; margin-top: 10px; color: #015ec5; font-size: 0.875em; }
#personArea .list ul li .data .link a:hover { text-decoration: underline; } 
#personArea .list ul li.soon .data .text { text-align: center; padding: 60px 0; background: #f3f3f3; color: #aaa; font-size: 1.125em; }
#personArea .list ul.airbnbMember { margin-top: 60px; }
#personArea .list ul.airbnbMember li { float: none; display: flex; align-items: center; width: 100%; margin: 0; border-top: none; }
#personArea .list ul.airbnbMember li .image { width: 120px; height: 120px; }
#personArea .list ul.airbnbMember li .image img { width: 100%; height: auto; border-radius: 50%; }
#personArea .list ul.airbnbMember li .name {}
#personArea .list ul.airbnbMember li .name em { display: inline-block; margin-top: 15px; }

/*============================
#boothArea
============================*/
#boothArea { padding: 80px 0 120px; background: #f5f5f5; }
#boothArea .mainTitle { font-size: 2.75em; text-align: center; font-weight: bold; }

#boothArea .comment { text-align: center; margin-top: 40px; font-size: 2.5em; letter-spacing: 0.05em; color: #a6a6a6; }
#boothArea .comment span { display: block; margin-top: 15px; font-size: 16px; }

#boothArea .list { margin-top: 30px; }
#boothArea .list .announce { text-align: center; margin-top: 20px; padding: 30px 0; background-color: #fff; color: #777; font-size: 1.5em; font-weight: bold; }
#boothArea .list ul {}
#boothArea .list ul li { float: left; width: 48%; margin-right: 4%; border-bottom: solid 1px #ddd; border-top: solid 1px #ddd; margin-top: -1px; padding: 30px 0; display: flex; align-items: top; }
#boothArea .list ul li:nth-child(2n) { margin-right: 0;  }
#boothArea .list ul li .logo { float: left; width: 150px; margin-right: 30px; height: 113px; }
#boothArea .list ul li .logo img { width: 100%; height: auto; }
#boothArea .list ul li .content { flex: 1; position: relative; }
#boothArea .list ul li .content .title { line-height: 1.5; font-size: 1.125em; font-weight: bold; }
#boothArea .list ul li .content .name {}
#boothArea .list ul li .content .name a { display: block; margin-top: 10px; }
#boothArea .list ul li .content .name a:hover { text-decoration: underline; }
#boothArea .list .otherArea { margin-top: 40px; padding: 40px 30px; border: 3px solid #222; border-radius: 8px; }
#boothArea .list .otherArea .booth { float: left; width: 15%; font-size: 1.5em; color: #222; font-weight: bold; }
#boothArea .list .otherArea ul { float: right; width: 85%; }
#boothArea .list .otherArea ul li { float: none; width: 100%; padding: 20px 0 20px 0; border-top: none; }
#boothArea .list .otherArea ul li:first-child { padding-top: 0; }
#boothArea .list .otherArea ul li:last-child { padding-bottom: 0; border-bottom: none; }
#boothArea .list .otherArea ul li .program { padding-top: 0; font-weight: bold; font-size: 1.0125em; }
#boothArea .list .otherArea ul li .company { width: 200px; }

/*============================
#buttonArea
============================*/
#buttonArea { padding: 80px 0 120px; text-align: center; position: relative; }
#buttonArea .action {}
#buttonArea .action .title { font-size: 1.5em; font-weight: bold; text-align: center; }
#buttonArea .action .attention { margin-top: 20px; padding: 20px; border: dotted 2px #d22; border-radius: 20px; text-align: left; } 
#buttonArea .action .attention ul li { margin-top: 5px; }
#buttonArea .action .attention ul li { padding-left: 1em; text-indent: -1em; line-height: 1.5; color: #d22; font-weight: bold; }

#buttonArea .action .comment { text-align: center; padding: 40px 100px; margin-top: 30px; background-color: #ececec; border-radius: 30px; font-weight: 1.125em; font-weight: 600; }
#buttonArea .action .comment span { display: block; width: 150px; margin: 30px auto 0; }
#buttonArea .action .comment span img { width: 100%; height: auto; }

#buttonArea .action .button { margin-top: 30px; }
#buttonArea .action .button .leftArea { float: left; width: 75%; border-right: dotted 1px #ccc; }
#buttonArea .action .button .rightArea { float: right; width: 25%; padding-left: 15px; }
#buttonArea .action .button ul li { float: left; margin-right: 15px; }
#buttonArea .action .button .leftArea ul li:nth-child(1) { width: calc(50% - 15px); }
#buttonArea .action .button .leftArea ul li:nth-child(2) { width: calc(50% - 15px); }
#buttonArea .action .button .leftArea ul li:nth-child(3) { margin-top: 15px; width: calc(100% - 15px); }
#buttonArea .action .button ul li a { display: block; font-size: 1.25em; padding: 20px 40px 18px 20px; border-radius: 15px; background: linear-gradient(90deg, #fad126, #ff3); position: relative; border: solid 4px #222; font-weight: bold; text-align: left; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.1); transition: all 250ms ease-out; }
#buttonArea .action .button ul li:nth-child(1) a { background: linear-gradient(90deg, #ccc, #ddd); }
#buttonArea .action .button ul li:nth-child(2) a { background: linear-gradient(90deg, #ccc, #ddd); }
#buttonArea .action .button ul li a::before { content:""; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; background: #222; border-radius: 26px; transition: all 250ms ease-out; pointer-events: none; }
#buttonArea .action .button ul li a::after { content:""; position: absolute; right: 31px; top: 50%; margin-top: -3px; width: 7px; height: 7px; border-right: solid 2px #fff; border-bottom: solid 2px #fff; transform: rotate(-45deg); transition: all 250ms ease-out; pointer-events: none; }
#buttonArea .action .button ul li img { position: absolute; left: 50%; top: 110px; margin-left: 260px; }
#buttonArea .action .button ul li a:hover {}
#buttonArea .action .button ul li a:hover::before { right: 15px; }
#buttonArea .action .button ul li a:hover::after { right: 26px; }
#buttonArea .action .button ul li a .max {}
#buttonArea .action .button ul li a .max span { display: inline-block; margin-top: 8px; background: #fc4155; color: #fff; padding: 4px 6px 2px; font-size: 0.875em; border-radius: 2px; }
#buttonArea .action .button .rightArea ul li { margin-right: 0; width: 100%; }
#buttonArea .action .button .rightArea ul li a { background: linear-gradient(90deg, #ccc, #ddd); width: 100%; }
#buttonArea .action .button .sub { margin-top: 20px; padding-left: 1em; line-height: 1.6; color: #d22; font-size: 0.875em; font-weight: bold; text-indent: -1.25em; text-align: left; }
#buttonArea .action .button .leftArea .sub { padding-right: 20px; }

#buttonArea .action.recruit { border-top: 1px solid #ccc; margin-top: 60px; }
#buttonArea .action.recruit .title { text-align: left; margin-top: 60px; }
#buttonArea .action.recruit .copy { text-align: left; margin-top: 20px; line-height: 1.5; }
#buttonArea .action.recruit .button .leftArea { border-right: none; }

/*============================
#otherArea
============================*/
#otherArea.top { padding: 10px 0 80px; background: #f5f5f5; }
#otherArea.top .lead { font-size: 1.5em; }
#otherArea.top .button .sub table { width: 1200px; background: linear-gradient(90deg, #ccc, #ddd); }
#otherArea.top .button .sub table th { padding: 30px; }

#otherArea { padding: 80px 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 .main {}
#otherArea .button .main table { width: 800px; margin: 0 auto; background: #e5e5e5; border-radius: 5px; overflow: hidden; }
#otherArea .button .main table th { padding: 15px 20px; line-height: 1.5; font-size: 0.875em; vertical-align: middle; }
#otherArea .button .main table td { padding: 10px; vertical-align: middle; }
#otherArea .button .main table td a { display: inline-block; width: 310px; padding: 18px 16px 16px 20px; 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); text-align: left; position: relative; }
#otherArea .button .main table td a::before { content:""; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; background: #fff; border-radius: 26px; transition: all 250ms ease-out; }
#otherArea .button .main table td 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); transition: all 250ms ease-out; }
#otherArea .button .main table td a:hover::before { right: 10px; }
#otherArea .button .main table td a:hover::after {right: 21px; }
#otherArea .button .sub { margin-top: 20px; }
#otherArea .button .sub table { width: 800px; margin: 0 auto; background: #e5e5e5; border-radius: 5px; overflow: hidden; }
#otherArea .button .sub table th { padding: 15px 20px; line-height: 1.5; font-size: 0.875em; vertical-align: middle; }
#otherArea .button .sub table td { padding: 10px; vertical-align: middle; }
#otherArea .button .sub table td a { display: inline-block; padding: 13px 22px 11px; background: #fff; color: #222; font-size: 0.875em; font-weight: bold; border-radius: 50px; letter-spacing: 0.05em; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.1); border: solid 2px #222; position: relative; white-space: nowrap; transition: all 250ms ease-out; }
#otherArea .button .sub table td a:hover { background: #eee; }

/*============================
#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; }