@charset "UTF-8";


/*--------------------------------------------------------------------
初期設定
--------------------------------------------------------------------*/


/* =============== 標準化 */

/* ------ framework */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, i, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,time, mark, audio, video
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;}
html {overflow-y:scroll;}
body {-webkit-text-size-adjust:100%;}

/* ------ block elements */
ul {margin:0; padding:0; list-style-type:none;}
ol {margin:0; padding:0 0 0 2em;}
p {margin:0 0 .6em;}

/* ------ inline elements */
a {outline:none; background:transparent;}
a:focus, a:active, a:hover {outline:none;}
small {font-size:80%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-.5em;}
sub {bottom:-.25em;}

/* ------ form */
button, input, select, textarea {font-family:inherit; font-size:100%; margin:0;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top;}

/* ------ table */
table {border-collapse:collapse; border-spacing:0;}
caption {text-align:left;}

/* ------ img */
img {border:0; vertical-align:bottom;}

/* ------ box-sizing 
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} */



/* =============== 共通利用 */

/* ------ 配置 */
.ctr {text-align:center!important;}
.inBlk, 
.IB,
.spanIB > span {display:inline-block;}

/* ------ テキスト装飾 */
a {color:#1a1a1a;}
.lg2 {font-size:116%;}
.lg3 {font-size:123.1%;}
.sm3 {font-size:77%;}
.lg4 {font-size:150%;}



/*--------------------------------------------------------------------
基本レイアウト
--------------------------------------------------------------------*/


body {font:14px/1.5 "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; color:#1a1a1a;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .yuGo {font-family:'游ゴシック体','Yu Gothic',YuGothic,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;}
.content {margin:0 auto; position:relative;}
.content:after {content:""; display:block; clear:both;}

header {position:relative; z-index:10001; margin-bottom:80px; padding:60px; background:#0076BA url("../img/title_bg_2025science.jpg") no-repeat 50% 50%; background-size:cover; text-align:center; box-sizing:border-box;}

h2 {margin:0 0 2em; padding:0 0 1em; border-bottom:1px #007AB5 solid; text-align:center; font-size:180%; color:#007AB5;}

.outline {overflow:hidden;}
.outline dt {clear:both; float:left; width:10em; margin-bottom:1.5em; background:#333; text-align:center; font-weight:bold; color:#fff;}
.outline dd {float:right; width:calc(100% - 11em); margin-bottom:1.5em;}
.outline iframe {margin:10px 0;}

.program {margin-top:60px; padding:60px 0; background:#F0F6FA;}
.program dl {overflow:hidden;}
.program dt {clear:both; width:8em; float:left; padding:.6em 0;}
.program dd {width:calc(100% - 8em); float:right; padding:.6em 0;}
.program b.lg2 {display:inline-block; text-indent:-.3em;}

.btn1 {position:relative; padding:60px 0; background:#0076BA url(../img/footer_bg_2025science.png) no-repeat 50% 50%; background-size:cover; text-align:center;}
.btn1 a {position:relative; z-index:10; display:block; padding:.8em .4em; border-radius:6px; background:#318ece; box-shadow:0 -2px 0 rgba(0,0,0,.2) inset; text-decoration:none; font-size:150%; font-weight:bold; color:#fff;}
.btn1 a:before {content:""; display:inline-block; height:8px; width:8px; margin-right:.8em; border:#fff solid; border-width:2px 2px 0 0; transform:rotate(45deg);}

footer {background:#000521; color:#fff;}
footer .content {padding:25px 0 10px; text-align:center;}
footer a {text-decoration:none; color:#fff;}
footer ul {overflow:hidden; padding:40px 0;}
footer .content > p:last-child {margin-bottom:0; text-align:center;}

img.poster { border: 1px #2C4082 solid; }

@media screen and (min-width:601px) {
  body {font-size:16px;}
  header, footer {min-width:980px;}
  #main {min-width:980px;}
  .content {width:860px;}
  footer li {width:50%; float:left;}
}

@media screen and (max-width:600px) {
  header, footer {min-width:320px;}
  #main {min-width:320px;}
  .content {width:auto; margin:0 20px;}
  
  header {height:58.333vw; margin-bottom:40px; background:url("../img/title_sp_2025science.jpg") no-repeat 50% 50%; background-size:cover;}
  header img {display:none;}
  
  h2 {margin:0 0 1.5em; padding:0 0 .4em; font-size:150%;}
  .outline dt {float:none; margin-bottom:.8em;}
  .outline dd {float:none; width:auto;}
  .program {margin-top:30px; padding-top:40px;}
  footer li + li {margin-top:1em;}
}