@charset "UTF-8";
/* ! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
body { margin: 0; }

article, aside, footer, header, nav, section { display: block; }

h1 { font-size: 2em; margin: 0.67em 0; }

figcaption, figure, main { display: block; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

a:active, a:hover { outline-width: 0; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: inherit; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

dfn { font-style: italic; }

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

img { border-style: none; }

svg:not(:root) { overflow: hidden; }

button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { display: inline-block; vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details, menu { display: block; }

summary { display: list-item; }

canvas { display: inline-block; }

template { display: none; }

[hidden] { display: none; }

@font-face { font-family: 'brand_mgr'; src: url("../fonts/brand_mgr.eot?kdpq1l"); src: url("../fonts/brand_mgr.eot?kdpq1l#iefix") format("embedded-opentype"), url("../fonts/brand_mgr.ttf?kdpq1l") format("truetype"), url("../fonts/brand_mgr.woff?kdpq1l") format("woff"), url("../fonts/brand_mgr.svg?kdpq1l#brand_mgr") format("svg"); font-weight: normal; font-style: normal; }

.icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'brand_mgr' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-chevron-right:before { content: ""; }

.icon-link:before { content: ""; }

/* --- Reset --- */
body { margin: 0; }

h2, h3, h4, h5, h6 { font-size: 100%; /*
  &:first-child {
    margin-top: 0;
  }
*/ }

ul { padding-left: 1.25em; }

img { vertical-align: top; }

/* --- Link --- */
a { color: #000; text-decoration: none; transition: .25s; }

a:hover { color: #595959; }

/* --- Utitlity --- */
/* Text-align */
.u-center { text-align: center; }

.u-left { text-align: left; }

.u-right { text-align: right; }

/* Float */
.u-fl-left { float: left; }

.u-fl-right { float: right; }

/* --- Margin --- */
.u-mt-0 { margin-top: 0px; }

.u-mr-0 { margin-right: 0px; }

.u-mb-0 { margin-bottom: 0px; }

.u-ml-0 { margin-left: 0px; }

.u-mt-1 { margin-top: 10px; }

.u-mr-1 { margin-right: 10px; }

.u-mb-1 { margin-bottom: 10px; }

.u-ml-1 { margin-left: 10px; }

.u-mt-2 { margin-top: 20px; }

.u-mr-2 { margin-right: 20px; }

.u-mb-2 { margin-bottom: 20px; }

.u-ml-2 { margin-left: 20px; }

.u-mt-3 { margin-top: 30px; }

.u-mr-3 { margin-right: 30px; }

.u-mb-3 { margin-bottom: 30px; }

.u-ml-3 { margin-left: 30px; }

.u-mt-4 { margin-top: 40px; }

.u-mr-4 { margin-right: 40px; }

.u-mb-4 { margin-bottom: 40px; }

.u-ml-4 { margin-left: 40px; }

.u-mt-5 { margin-top: 50px; }

.u-mr-5 { margin-right: 50px; }

.u-mb-5 { margin-bottom: 50px; }

.u-ml-5 { margin-left: 50px; }

.u-mt-6 { margin-top: 60px; }

.u-mr-6 { margin-right: 60px; }

.u-mb-6 { margin-bottom: 60px; }

.u-ml-6 { margin-left: 60px; }

.u-mt-7 { margin-top: 70px; }

.u-mr-7 { margin-right: 70px; }

.u-mb-7 { margin-bottom: 70px; }

.u-ml-7 { margin-left: 70px; }

.u-mt-8 { margin-top: 80px; }

.u-mr-8 { margin-right: 80px; }

.u-mb-8 { margin-bottom: 80px; }

.u-ml-8 { margin-left: 80px; }

.u-mt-9 { margin-top: 90px; }

.u-mr-9 { margin-right: 90px; }

.u-mb-9 { margin-bottom: 90px; }

.u-ml-9 { margin-left: 90px; }

.u-mt-10 { margin-top: 100px; }

.u-mr-10 { margin-right: 100px; }

.u-mb-10 { margin-bottom: 100px; }

.u-ml-10 { margin-left: 100px; }

/* --- Font Size --- */
.fz-xs { font-size: 65%; }

.fz-s { font-size: 80%; }

.fz-1 { font-size: 10px; font-size: 1rem; }

.fz-2 { font-size: 20px; font-size: 2rem; }

.fz-3 { font-size: 30px; font-size: 3rem; }

.fz-4 { font-size: 40px; font-size: 4rem; }

.fz-5 { font-size: 50px; font-size: 5rem; }

.fz-6 { font-size: 60px; font-size: 6rem; }

.fz-7 { font-size: 70px; font-size: 7rem; }

.fz-8 { font-size: 80px; font-size: 8rem; }

.fz-9 { font-size: 90px; font-size: 9rem; }

.fz-10 { font-size: 100px; font-size: 10rem; }

.fz-11 { font-size: 110px; font-size: 11rem; }

.fz-12 { font-size: 120px; font-size: 12rem; }

.fz-13 { font-size: 130px; font-size: 13rem; }

.fz-14 { font-size: 140px; font-size: 14rem; }

.fz-15 { font-size: 150px; font-size: 15rem; }

.fz-16 { font-size: 160px; font-size: 16rem; }

.fz-17 { font-size: 170px; font-size: 17rem; }

.fz-18 { font-size: 180px; font-size: 18rem; }

.fz-19 { font-size: 190px; font-size: 19rem; }

.fz-20 { font-size: 200px; font-size: 20rem; }

/* --- Font Weight --- */
.fw-normal { font-weight: normal; }

.fw-bold { font-weight: bold; }

.fw-100 { font-weight: 100; }

.fw-300 { font-weight: 300; }

.fw-400 { font-weight: 400; }

.fw-500 { font-weight: 500; }

.fw-700 { font-weight: 700; }

.fw-900 { font-weight: 900; }

/* --- hr --- */
hr { margin: 3em 0; border: none; border-top: 1px solid #c9d1da; }

html { font-size: 62.5%; }

body { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.5; }

@media screen and (max-width: 999px) { body { font-size: 14px; font-size: 1.4rem; } }

img { max-width: 100%; height: auto; }

p { margin: 0 0 1em; line-height: 2; }

/* --- Layout --- */
.container { width: 1000px; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 999px) { .container { width: auto; } }

.row { width: 100%; margin-left: auto; margin-right: auto; display: table; }

.row > .col { display: table-cell; width: 50%; vertical-align: top; box-sizing: border-box; }

.row > .col img { max-width: 100%; height: auto; }

@media screen and (max-width: 767px) { .row { display: block; }
  .row > .col { width: auto; display: block; }
  .row > .col img { width: 100%; height: auto; } }

.row-img { display: block; }

@media screen and (max-width: 767px) { .row-img { display: table; }
  .row-img > .col { display: table-cell; } }

/* --- Button --- */
.btn, a.btn { display: inline-block; padding: .75em 1.5em; margin: 0 .75em .75em; background-color: #fff; border: 1px solid #000; line-height: 1.1; font-weight: bold; transition: 0.5s; }

.btn:hover, a.btn:hover { background-color: #efe6f1; color: #333333; border-color: gray; }

/* --- Title --- */
.title-img { text-align: center; margin-bottom: 40px; }

.title-section { margin: 1.5em 0 .25em; font-weight: bold; font-size: 36px; font-size: 3.6rem; text-align: center; }

.title-block { font-size: 22px; font-size: 2.2rem; margin: 0 0 1.5em; }

/* --- Hero --- */
.hero { background: url("../images/bg_hero.jpg") no-repeat center center; background-size: cover; }

.hero img { max-width: 100%; height: auto; }

.hero .counter { margin: 0 0 0 -.5em; position: absolute; top: 46%; left: 50%; font-size: 10rem; font-weight: bold; color: #fff; line-height: 1.1; }

@media screen and (max-width: 999px) { .hero .counter { font-size: 8.2vw; } }

.hero .link-top { position: absolute; top: 62%; left: 50%; margin-left: -15%; }

.hero .link-top .img { width: 100%; height: auto; }

.hero .link-top .blink { position: absolute; top: 77%; left: 50%; margin-left: -30%; -webkit-animation: blink 1.0s ease-in-out infinite alternate; -moz-animation: blink 1.0s ease-in-out infinite alternate; animation: blink 1.0s ease-in-out infinite alternate; }

@media screen and (max-width: 1199px) { .hero .link-top { width: 30%; }
  .hero .link-top .blink { width: 60%; } }

@-webkit-keyframes blink { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes blink { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes blink { 0% { opacity: 0; }
  100% { opacity: 1; } }

.inner-hero { width: 1200px; margin: 0 auto; position: relative; }

.inner-hero img { max-width: 100%; }

@media screen and (max-width: 1199px) { .inner-hero { width: auto; } }

.application { width: 100%; background-color: #fff100; overflow: hidden; }

.application p { margin: 0; padding: .5em 0; text-align: center; font-weight: bold; font-size: 26px; font-size: 2.6rem; }

.application p a { display: inline-block; margin-left: 1.5em; }

.application p span { display: inline-block; }

@media screen and (max-width: 1199px) { .application p { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .application p { font-size: 16px; font-size: 1.6rem; } }

.application-footer { position: fixed; bottom: 0; left: 0; z-index: 1000; }

/* --- Lecture --- */
.lecture { background-color: #e1ebed; overflow: hidden; position: relative; }

.lecture .bg { width: 100%; position: absolute; top: 0; left: 0; text-align: center; }

@media screen and (max-width: 1199px) { .lecture .bg { width: auto; } }

.lecture .text { padding: 60px 48% 60px 7%; position: relative; }

.lecture .text p { line-height: 1.7; }

@media screen and (max-width: 999px) { .lecture .text { padding-left: 20px; } }

@media screen and (max-width: 767px) { .lecture .text { padding: 60px 20px; } }

.contest { background: url("../images/bg_contest.jpg") no-repeat 50% 50%; background-size: cover; overflow: hidden; }

.contest img { max-width: 100%; height: auto; }

.award .text { padding: 30px 40px 30px 0; }

@media screen and (max-width: 999px) { .award .text { padding-left: 20px; } }

.award .info { list-style: none; padding: 1em 1.5em; margin: 0; border: 1px solid #000; font-size: 80%; }

.award .info li { margin-bottom: .25em; }

.award .info li:before { content: "■"; display: inline-block; color: #b88600; }

.award .info .attention { display: block; color: #e83828; padding-left: 1em; text-indent: -1em; }

.award_special { background: url("../images/bg_award_special.jpg") no-repeat center center; background-size: cover; overflow: hidden; }

.award_special .container { text-align: center; }

.award_special img { max-width: 100%; height: auto; }

.award_special_2 { padding: 50px 0; }

.award_special_2 .text { padding-left: 40px; }

@media screen and (max-width: 999px) { .award_special_2 .text { padding-right: 20px; } }

.award_2 { background: url("../images/bg_award_2.jpg") no-repeat center center; background-size: cover; overflow: hidden; }

.award_2 .container { text-align: center; }

.award_2 img { max-width: 100%; height: auto; }

.award_2_cont { padding: 50px 0; }

.award_2_cont .text { padding-right: 40px; }

@media screen and (max-width: 999px) { .award_2_cont .text { padding-left: 20px; } }

@media screen and (max-width: 767px) { .award_2_cont .text { padding: 0 20px; } }

.award_3 { padding: 60px 0; background-color: #1e1e32; color: #fff; }

.award_3 .title { font-size: 22px; font-size: 2.2rem; margin-top: 1.5em; margin-bottom: .5em; }

.award_3 .prof { font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 1.3; margin-bottom: 1.75em; }

.award_3 .row .col:first-child { padding-right: 2em; }

.award_3 .row .col:last-child { padding-left: 2em; }

@media screen and (max-width: 999px) { .award_3 .row .col:first-child { padding: 0 20px; }
  .award_3 .row .col:last-child { padding: 0 20px; } }

@media screen and (max-width: 767px) { .award_3 .row .col { padding-bottom: 20px !important; } }

.talk { padding: 60px 0; }

.talk .title { text-align: center; }

.talk .title img { max-width: 100%; height: auto; }

@media screen and (max-width: 999px) { .talk { padding: 30px 20px; } }

.list-talk { margin: 0; padding: 0; list-style: none; overflow: hidden; }

.list-talk li { width: 50%; margin-bottom: 30px; float: left; overflow: hidden; }

.list-talk li img { float: left; margin-right: 20px; border: 1px solid #000750; }

.list-talk li .prof { float: left; }

.list-talk li p { margin: 0; line-height: 1.25; }

.list-talk li .position { font-size: 125%; font-weight: bold; }

.list-talk li .name { font-size: 200%; font-weight: bold; margin-bottom: .5em; }

.list-talk li .name span { font-size: 70%; }

@media screen and (max-width: 999px) { .list-talk { font-size: 14px; font-size: 1.4rem; }
  .list-talk li { display: table; }
  .list-talk li .img, .list-talk li .prof { display: table-cell; margin: 0; float: none; vertical-align: top; }
  .list-talk li .img { width: 30%; }
  .list-talk li .prof { padding-left: 15px; } }

@media screen and (max-width: 767px) { .list-talk li { width: 100%; } }

.row-talk { width: 100%; display: table; }

.row-talk .col { display: table-cell; text-align: center; }

.row-talk .col:first-child { text-align: left; }

.row-talk .col:last-child { text-align: right; }

@media screen and (max-width: 767px) { .row-talk { display: block; }
  .row-talk .col { display: block; }
  .row-talk .col img { width: 100%; } }

/* --- Branding --- */
.branding { padding: 60px 0; background-color: #1e1e32; }

@media screen and (max-width: 999px) { .branding { padding: 40px 20px; } }

.list-branding { list-style: none; padding: 0; margin: 0; text-align: center; }

.list-branding li { display: inline-block; margin: 14px; }

/* --- Access --- */
.access { padding: 60px 0; }

.dl-access { display: inline-block; }

.dl-access dt { width: 4em; padding: .25em .5em; background-color: #7e318e; text-align: center; float: left; clear: left; color: #fff; border-radius: 4px; }

.dl-access dd { text-align: left; margin: 0 0 .5em; padding: .25em; padding-left: 6em; }

@media screen and (max-width: 767px) { .dl-access { padding: 0 20px; } }

#map { width: 100%; height: 427px; }

/* --- Footer --- */
.footer { padding-top: 116px; background-color: #1d1e32; text-align: center; position: relative; color: #fff; }

.footer .container { background: url("../images/footer.jpg") no-repeat center bottom; background-size: cover; padding-bottom: 400px; }

.footer a { color: #fff; }

.footer h2 { font-size: 40px; font-size: 4rem; color: #fff; }

.link-footer { display: inline-block; margin: 0 auto 50px; }

.link-footer img { width: 100%; height: auto; }

.footer-info { padding: 1.5em 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; overflow: hidden; font-size: 14px; font-size: 1.4rem; }

.footer-info p { margin: 0; text-align: left; }

.footer-brand { float: left; margin-top: 5px; margin-right: 30px; }

.footer-search { float: right; }

@media screen and (max-width: 999px) { .footer .container { padding: 0 20px 200px; }
  .footer-info { text-align: left; }
  .footer-info p { clear: left; }
  .footer-brand { float: left; clear: left; margin-bottom: 15px; }
  .footer-search { float: left; clear: left; margin-bottom: 15px; } }

/*# sourceMappingURL=style.css.map */