@charset "utf-8";

/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp.min.css');

/* var */
:root {
  --color_a: #8fcbc4;
  --color_b: #f9bc37;
  --color_c: #d6d6c1;
  --color_d: #97d5ee;
  --color_bg: #f7f3e9;
  --color_line: #06c755;
  --color_white: #ffffff;
  --color_black: #333333;

  --color_yellow:#fae900;
  --color_pink:#e84566;
  --color_lt_pink: #f3aecc;
  --color_orange:#f19500;
  --color_green:#92cc97;
  --color_lt_blue:#92cc97;
  --color_blue:#81a1d4;
  --color_gray: #666666;

  --color_math: #DBAA54;
  --color_chem: #EF8586;
  --color_phys: #0086D1;
  --color_biology: #6CBE85;
  --color_es: #DBE0E2;
  --color_gp: #9589C0;

  --color_math_bk: rgba(219, 170, 84, 0.3);
  --color_chem_bk: rgba(239, 133, 134, 0.3);
  --color_phys_bk: rgba(0, 134, 209, 0.3);
  --color_biology_bk: rgba(108, 190, 133, 0.3);
  --color_es_bk: rgba(219, 224, 226, 0.3);
  --color_gp_bk: rgba(149, 137, 192, 0.3);

  --color_yellow_bk: rgba(250, 233, 0, 0.3);
  --color_pink_bk: rgba(232, 69, 102, 0.3);
  --color_lt_pink_bk: rgba(243, 174, 204, 0.3);
  --color_orange_bk: rgba(241, 149, 0, 0.3);
  --color_green_bk: rgba(146, 204, 151, 0.3);
  --color_lt_blue_bk: rgba(110, 201, 226, 0.3);
  --color_blue_bk: rgba(59, 130, 197, 0.3);
  --color_gray_bk: rgba(102, 102, 102, 0.3);

  --line_base: solid 1px #333333;

  --line_math: solid 1px #DBAA54;
  --line_chem: solid 1px #EF8586;
  --line_phys: solid 1px #0086D1;
  --line_biology: solid 1px #6CBE85;
  --line_es: solid 1px #DBE0E2;
  --line_gp: solid 1px #9589C0;
}

/* reset */
* { padding: 0; margin: 0; box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: 500; }
ol, ul { list-style: none; }
caption, th { text-align: left; font-weight: 500; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
section, article { display: block; }

/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
  animation: fadeIn 1s ease 0s 1 normal; -webkit-animation: fadeIn 1s ease 0s 1 normal;
  -webkit-font-smoothing: auto; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt';
  word-wrap : break-word; overflow-wrap : break-word; font-kerning: normal; -webkit-font-kerning: normal;
  font-weight: 500;
  font-family: YakuHanJP, 'IBM Plex Sans','IBM Plex Sans JP',"Noto Sans JP",YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center; letter-spacing: 0.05em; margin: 0; padding: 0; box-sizing: border-box; color: var(--color_black); background-color: var(--color_bg); }
img { vertical-align: bottom; height: auto; width: 100%; }
::selection { background: var(--color_black); color: var(--color_white); }
::-moz-selection { background: var(--color_black); }

/* link */
a:link, a:visited, a:active { color: var(--color_pink); text-decoration: none; transition: 0.2s linear; }
a[href]:hover { color: var(--color_black); text-decoration: none; }
a:link img { transition: 0.2s linear; }
a[href]:hover img { opacity: 0.8; }

/* clear */
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }

/* options */
.r { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; }
.rl { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
.pc { display:block; }
.sp { display:none; }
.pcbr { display:block; }
.spbr { display:inline; }

/* flex */
.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.fill { object-fit: cover; }

/* fadein */
.fadein { opacity : 0; transform: translateY(0); transition: all 1s; }
@keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } }
@-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } }

/* wordpress */
#contents .wp-caption.alignleft { float: left;  }
#contents .wp-caption.alignleft img {  }
#contents .wp-caption.alignleft .wp-caption-text { font-size: 0.8em; }
#contents .wp-caption.alignright { float: right;  }
#contents .wp-caption.alignright img {  }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0px; margin: 0 0 20px 2%; display: inline; max-width: 47%; }
img.alignleft { padding: 0px; margin: 0 20px 2% 0; display: inline; max-width: 47%; }
.aligncenter { margin-top: 15px; margin-bottom: 15px; margin-right: auto; margin-left: auto; }
.alignright { float: right; margin-bottom: 20px; margin-left: 20px; }
.alignleft { float: left; margin-bottom: 20px; margin-right: 20px; }
img.aligncenter { display: block; }

/* youtube */
.youtube { position: relative; width: 100%; height:calc(100vh - 15rem); margin:0 0 2rem 0; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/* wrapper */
#wrapper { padding:0 6rem; margin: 2rem auto; width:100%; min-width:1200px; max-width: 1680px; }
#wrapper .box { position: relative; padding:0 0 0 0; }

/* header */
#header .tag_h { width:100%; margin:0 0 2.5rem 0; border-top:var(--line_base); border-bottom: var(--line_base); padding:1rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; font-size: 1.2em; background-color: var(--color_a); }
#header .tag_h a {color: var(--color_black);}
#header .tag_h--close { width:20%; text-align: left; }
#header .tag_h--close i { margin:0 1em 0 0; }
#header .tag_h--title { width: 60%; font-size: 1.1em; }
#header .tag_h--title .spbr:before { content:"/";  margin:0 0.5em;}
#header .tag_h--date { width: 20%; text-align: right; }
#header .logo { position: absolute; bottom:4em; right:4em; width:8%; }
#header .loading { width:10%; margin:5em auto 5em auto; }
#header .copy { width:50%; margin:auto; }
#header .title_top { position: absolute; top:5em; left:5%; width:35%; margin:0; z-index:10; }
#wrapper .copy_top { width:100%; margin:auto; border-bottom:var(--line_base); padding:0 0 2rem 0; }
#wrapper .copy_top img { width:70%; margin:auto;}

/* footer */
#footer { padding:1.5rem 0; border-top:var(--line_base); border-bottom: var(--line_base); }
#footer footer { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#footer .title a { padding:0 0 0 1rem; text-align: left; font-size: 1.2em; line-height: 1; letter-spacing: 0.05em; color:var(--color_black); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; color: var(--color_black); }
#footer .title a i { font-size: 0.5em; margin:0 1em 0 0; }
#footer .title a[href]:hover { color: var(--color_b); }
#footer .cp { text-align: right; font-size: 0.9em; line-height: 1; letter-spacing: 0.05em; }
#footer .close a { background-color: var(--color_b); color:var(--color_white); position: absolute; left:0; top:0; font-size: 1.5em; line-height: 1em; display:block; padding:1em; border-bottom:var(--line_base); border-right:var(--line_base); }
#footer .close a[href]:hover { background-color: var(--color_a); color:var(--color_white); }
.home #footer .close a { display:none; }
.footer_bottom { margin: 2.5rem auto; }

/* gnavi */
#wrapper .gnavi { position:absolute; left:0; right:0; bottom:-15rem; width:70%; margin:0 auto 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
#wrapper .gnavi .gnavi_box { width:30%; display: block; }
#wrapper .gnavi .gnavi_box div { width:100%; margin:0 0 1em 0; }
#wrapper .gnavi .gnavi_box.gnavi_d { width:100%; display: block; }

/* wrapper.other */
#wrapper.other .box { position: relative; padding:0; }

#wrapper.other .head { text-align: center; padding:4rem 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#wrapper.other .head h1 { width:100%; font-size: 3.8em; line-height: 1.4em; font-weight: 400; margin:0 auto 0.5em auto; letter-spacing: 0.2em; }
#wrapper.other .head h2 { width:100%; font-size: 2em; line-height: 1.4em; padding:0.75em 0; margin-bottom:1.5em; border-top:var(--line_base); border-bottom:var(--line_base); }
#wrapper.other .head p { width:100%; font-size: 1.3em; line-height: 2em;  }
#wrapper.other .head.head_other { margin:0 0 1em 0; padding:0; }
#wrapper.other .head.head_other h2 { background-color: var(--color_bg); }
#wrapper.other .head .bn { width:60%; }
#wrapper.other .head .bn a { width:100%; }

#wrapper.other .head_top { padding: 0 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: center; }
#wrapper.other .head_top .head_top--left { width: 35%; margin: 1em 0 1em 8em; }
#wrapper.other .head_top h1 { font-size: 4.3em; width: 55%; margin: 0 auto 0 auto; }
#wrapper.other .head_top .head_top--right { width: 35%; margin: 1em 8em 1em 0; }
#wrapper.other .head_top .head_top--lead { width:100%; border-top:var(--line_base); margin:2rem 0 0 0; padding:1rem 0; }
#wrapper.other .head_top .head_top--cap { width:100%; padding:2rem 0; }

#wrapper.other .dep_link { margin:0 auto 0 auto; }
#wrapper.other .dep_link ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:flex-start; align-items: center; }
#wrapper.other .dep_link ul li { width:33.333%; }
#wrapper.other .dep_link ul li a { border-top: var(--line_base); border-right:var(--line_base); padding:1em 0; display:block; text-align: center; font-size: 1.4em; line-height: 1em; color:var(--color_black); }
#wrapper.other .dep_link ul li:nth-child(3n) a { border-right:none; }
#wrapper.other .dep_link ul li a i { margin:0 0.5em 3rem 0; color: var(--color_b); }
#wrapper.other .dep_link ul li a[href]:hover { background-color: var(--color_b); color: var(--color_white); }
#wrapper.other .dep_link ul li a[href]:hover i { color: var(--color_white); }
#wrapper.other .dep_title { clear:both; margin:0 auto 2em auto; border-top:var(--line_base); border-bottom:var(--line_base); font-size: 1.6em; line-height: 1em; padding:1em; }
#wrapper.other .dep_link.dep_link_gp ul li { width:25%; }
#wrapper.other .dep_link.dep_link_es ul li { width:25%; }

#wrapper.other .dep_link_list { width: 90%; margin: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#wrapper.other .dep_link_list dl { width: 48%; margin-bottom: 3rem; }
#wrapper.other .dep_link_list dl dt { font-size: 1.4em; line-height: 1.4em; padding: 0.5em; margin-bottom: 1.5em; border-top: var(--line_math); border-bottom: var(--line_math); }
#wrapper.other .dep_link_list dl dd { font-size: 1.2em; line-height: 1.4em; text-align: left; width: 90%; margin: 0 auto 1em auto; }
#wrapper.other .dep_link_list dl dd a { color: var(--color_black); }
#wrapper.other .dep_link_list dl dd .dep_link_url { font-size: 0.8em; }

#wrapper.other .dep_program_box { padding:0 0 3em 0; width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: flex-start; }
#wrapper.other .dep_program_box .content_ex { width:48.5%; }
#wrapper.other .dep_program_box .content_ex .date { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items: center; background-color: var(--color_white); color:var(--color_black); padding:0.5em; }
#wrapper.other .dep_program_box .content_ex .date .day { font-size: 2em; line-height: 1.4em; font-weight: 400; }
#wrapper.other .dep_program_box .content_ex .date .week { font-size: 1.6em; }
#wrapper.other .dep_program_box .content_ex .time { font-size: 1.2em; line-height: 1.4em; padding:0.5em; background-color: var(--color_a); color:var(--color_black); border-top:solid 0.1rem var(--color_bg); }
#wrapper.other .dep_program_box .content_ex .cap { font-size: 1em; line-height: 1.2em; padding:0.5em; background-color: var(--color_a); color:var(--color_black); border-top:solid 0.1rem var(--color_bg); }
#wrapper.other .dep_program_box .content_ex table { width:100%; border-top:var(--line_base); }
#wrapper.other .dep_program_box .content_ex table th { width: 15%; font-size: 1em; line-height: 1.4em; color: var(--color_white); background-color: var(--color_black); border-right:solid 0.1rem var(--color_white); border-top:solid 0.1rem var(--color_white); padding:0.5em; text-align: center; }
#wrapper.other .dep_program_box .content_ex table th span { font-size: 1em; display:block; line-height: 1.2em; margin:0 0 1em 0; }
#wrapper.other .dep_program_box .content_ex table td.schedule--title { position:relative; width: 63%; font-size: 1.2em; line-height: 1.4em; background-color: var(--color_a); border-right:solid 0.1rem var(--color_bg); border-top:solid 0.1rem var(--color_bg); padding:1em; text-align: center; }
#wrapper.other .dep_program_box .content_ex table td.schedule--title a { color:var(--color_black); }
#wrapper.other .dep_program_box .content_ex .schedule--mogi table td.schedule--title { padding:1em 1em 1em 2.2em; }
#wrapper.other .dep_program_box .content_ex table td.schedule--title span { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position: absolute; top:0; left:0; font-size: 0.7em; line-height: 1em; height:100%; background-color: #666; color:#fff; display:inline-block; padding:0 0.5em; }
#wrapper.other .dep_program_box .content_ex table td.schedule--title.schedule--title--other { background-color: #eee; color:#aaa; }
#wrapper.other .dep_program_box .content_ex table td.schedule--title.schedule--title--other a { color:#aaa; }
#wrapper.other .dep_program_box .content_ex table td.schedule--place { width: 22%; font-size: 1em; line-height: 1.4em; background-color: var(--color_a); border-top:solid 0.1rem var(--color_bg); padding:0.5em; text-align: center; }
#wrapper.other .dep_program_box .content_ex table th.num { font-size: 1.8em; line-height: 1.4em; font-weight: 100; }
#wrapper.other .dep_program_box .content_ex table td.schedule--title small { font-size: 0.9em; line-height: 1.5em; text-align: left; display:block; letter-spacing:0; padding:1em; }
#wrapper.other .dep_program_box .att { margin:0 0 0 0; font-size: 1.2em; line-height: 2em; text-align: left; }
#wrapper.other .dep_program_box .att span.hanrei { display:inline-block; background-color: var(--color_a); border-radius: 2em; padding:0 1em; margin:0 0.5em; line-height: 1.6; }
#wrapper.other .dep_program_box .bn { width:100%; }
#wrapper.other .dep_program_box .bn a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items: center; font-size: 1.4em; line-height: 1em; margin:2em auto 1.5em auto; padding:1em 2em; width:100%; background-color: var(--color_b); color:var(--color_white); border-radius: 2em; }
#wrapper.other .dep_program_box .bn a[href]:hover { background-color: var(--color_a); color:var(--color_white); }
#wrapper.other .dep_program_box .bn a i { font-size: 0.6em; margin:0 0.5em 0 0; }

#wrapper.other .bn { clear:both; }
#wrapper.other .bn a { font-size: 1.4em; line-height: 1em; width:70%; margin:2em auto 2em auto; padding:1em 2em; background-color: var(--color_b); color:var(--color_black); border-radius: 2em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#wrapper.other .bn a[href]:hover { background-color: var(--color_a); color:var(--color_black); }
#wrapper.other .bn a.yet { background-color: var(--color_b); color:var(--color_black); }
#wrapper.other .bn a i { font-size: 0.7em; margin: 0 1em 0 0; }
#wrapper.other .bn.bn_dep a { font-size: 1.4em; line-height: 1em; width:90%; margin:3em auto 3em auto; padding:1em 2em; background-color: var(--color_b); color:var(--color_white); padding:1em 2em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#wrapper.other .bn.bn_dep a[href]:hover { background-color: var(--color_b); color:var(--color_white); }
#wrapper.other .bn.bn_dep a i { font-size: 0.7em; margin: 0 1em 0 0; }
#wrapper.other .bn span.nolink { font-size: 1.4em; line-height: 1em; width:70%; margin:2em auto 3em auto; padding:1em 2em; border:solid 1px var(--color_b); background-color: var(--color_white); color:var(--color_b); border-radius: 2em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#wrapper.other .bn span.nolink i { font-size: 0.7em; margin: 0 1em 0 0; }

/* main_top */
#contents .main_top { margin:0 0 2.5rem 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .main_top .main_slide { width:48.75%; position:relative; padding:0; }
#contents .main_top .main_slide .main_slide--logo { position:absolute; left:0; top:3rem; width:20%; }
#contents .main_top .dep_navi { width:48.75%; }
#contents .main_top .dep_navi .navi_fig { margin:0 0 0 0; height:30em; width: 100%; overflow: hidden; }
#contents .main_top .dep_navi .navi_fig img { margin:-12.5% 0 0 0; }
#contents .main_top .dep_navi .btn { width:100%; margin:2.5rem auto; }
#contents .main_top .dep_navi .btn a { font-size: 1.5em; line-height: 1em; width:100%; padding:1em 1em; background-color: var(--color_b); color:var(--color_black); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .main_top .dep_navi .btn a[href]:hover { background-color: var(--color_a); color:var(--color_black); }
#contents .main_top .dep_navi .btn a i { margin:0 0.5em 0 0; }
#contents .main_top .dep_navi .navi_head { padding:1.5em 0; }
#contents .main_top .dep_navi .navi_head h2 { font-size: 1.6em; line-height: 1.2em; }
#contents .main_top .dep_navi .dep_navi_list { width: 100%; }
#contents .main_top .dep_navi .dep_navi_list ul { width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .main_top .dep_navi .dep_navi_list ul li { font-size: 0.95em; width:50%; margin:0.35em 0; padding:0 0 0 1.5em; }
#contents .main_top .dep_navi .dep_navi_list ul li:nth-child(1),
#contents .main_top .dep_navi .dep_navi_list ul li:nth-child(2),
#contents .main_top .dep_navi .dep_navi_list ul li:nth-child(3),
#contents .main_top .dep_navi .dep_navi_list ul li:nth-child(4) { margin:1em 0; }
#contents .main_top .dep_navi .dep_navi_list ul li a img { margin:0 0.5em 0 0; }

#contents .main_lead {  }
#contents .main_lead h2 { display: block; margin:2.5rem 0 0 0; padding:1em; font-size: 1.6em; line-height: 1.5; border-top:var(--line_base); border-bottom: var(--line_base); }
#contents .main_lead p { display: block; padding:1.5em; font-size: 1.4em; line-height: 1.5; background-color: var(--color_bg); }
#contents .main_sub { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .main_sub .bn a { font-size: 1.2em; line-height: 1em; width:110%; margin:0 -5% 1.5em -5%; padding:1em 1em; background-color: var(--color_b); color:var(--color_white); border-radius: 2em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .main_sub .bn a[href]:hover { background-color: var(--color_a); color:var(--color_black); }
#contents .main_sub .bn a.yet { background-color: var(--color_bg); color:var(--color_black); }
#contents .main_sub .bn a i { font-size: 0.7em; margin: 0 1em 0 0; }
#contents .main_sub_ex { padding:0; text-align: justify; }
#contents .main_sub_ex.main_sub_ex_l { width:60.5%; border-right:var(--line_base); font-size: 1.3em; line-height: 1.8; padding:2.5em 4% 2.5em 0; }
#contents .main_sub_ex.main_sub_ex_r { width:39.5%; font-size: 1.4em; line-height: 1.8; padding: 2.5em 0 2.5em 4%; }
#contents .main_sub_ex h3 { font-size: 1.5em; line-height: 2; font-weight: 800 !important; margin:0.5em 0 0.75em 0; background-color:var(--color_a); color:var(--color_white); text-align: center; }

/* main_bottom */
#contents .main_bottom { margin:0 0 0 0; padding:2.5rem 0; }
#contents .main_bottom img { mix-blend-mode: multiply; }

/* tu_bn */
#contents .tu_bn { border-top: var(--line_base); margin:0; padding:2.5rem 0; }
#contents .tu_bn .tu_bn--box { background-color: #333267; padding: 2.5rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .tu_bn .tu_bn--box span { color: #ffffff; display:inline-block; width: 50%; font-size: 2em; font-weight: 300; line-height: 1.2em; }
#contents .tu_bn .tu_bn--box a { font-size: 1.4em; line-height: 1.2em; font-weight: 600; width:50%; margin:0 auto; padding:1em 1em; background-color: var(--color_white); color:#333267; border-radius: 2em;  }
#contents .tu_bn .tu_bn--box a i { margin:0 0.75em 0 0; }
#contents .tu_bn .tu_bn--box a[href]:hover { background-color: var(--color_a); color:var(--color_black); }

/* navi_head */
#contents .navi_head { padding:1.75em 0.2em; border-top: var(--line_base); border-bottom: var(--line_base); }
#contents .navi_head h2 { font-size: 1.6em; line-height: 1em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .navi_head h2 .cap { font-size: 0.7em; margin:0 0 0 0.75em; }
#contents .navi_head_sub { padding:1.5rem; border-top:var(--line_base); border-bottom: var(--line_base); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .navi_head_sub h2 { font-size: 2em; line-height: 1.5em; }
#contents .navi_head_sub a { background-color:var(--color_b); color:var(--color_white); font-size: 1.2em; line-height: 1em; padding:1em 2em; margin:0 0 0 2em; border-radius: 2em; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .navi_head_sub a[href]:hover { background-color: var(--color_a); color: var(--color_black); }
#contents .navi_head_sub a i { font-size: 0.7em; margin: 0 1em 0 0; }
#contents .navi_head_sub span.nolink { border:var(--line_base); background-color:var(--color_white); color:var(--color_b); font-size: 1.2em; line-height: 1em; padding:1em 2em; margin:0 0 0 2em; border-radius: 2em; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .navi_head_sub span.nolink i { font-size: 0.7em; margin: 0 1em 0 0; }
#contents .navi_head_sub_add { font-size: 1.1em; line-height: 2; padding:1.5em 0; border-bottom:var(--line_base); align-items: center; }

/* dep_navi */
#contents .dep_navi {  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .dep_navi .navi_head { width:100%; border-top:var(--line_base); }
#contents .dep_navi .dep_navi_list { width:88%; padding:1.5rem 0 1.5rem 0; margin:auto; text-align: left; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .dep_navi .dep_navi_list ul { width:auto; margin:0 0 0 0; }
#contents .dep_navi .dep_navi_list ul li { margin:1.5em 0; }
#contents .dep_navi .dep_navi_list ul li a { font-size: 1.8em; line-height: 1; color:var(--color_black); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
#contents .dep_navi .dep_navi_list ul li a[href]:hover { color:var(--color_b); color: var(--color_black); }
#contents .dep_navi .dep_navi_list ul li a span.nav_name_sub { font-size: 0.8em; display:block; line-height: 2; }
#contents .dep_navi .dep_navi_list ul li a img { width: 1em; margin:1rem 0.5em 1rem 0; }

/* sub_navi */
#contents .sub_navi { border-bottom: var(--line_base); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }

/* sub_navi_a */
#contents .sub_navi .sub_navi_a { width:30%; border-right:var(--line_base); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .sub_navi .sub_navi_a .navi_head { width:100%; }
#contents .sub_navi .sub_navi_a .sub_navi_a_list { width:100%; padding:2.5rem 0 2.5rem 3rem; }
#contents .sub_navi .sub_navi_a .sub_navi_a_list ul li { margin:1.5em 0; }
#contents .sub_navi .sub_navi_a .sub_navi_a_list ul li a { font-size: 1.6em; line-height: 1; letter-spacing: 0.05em; color:var(--color_black); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
#contents .sub_navi .sub_navi_a .sub_navi_a_list ul li a[href]:hover { color:var(--color_b); }
#contents .sub_navi .sub_navi_a .sub_navi_a_list ul li a img { width: 1em; margin: 0 0.5em 0 0; }

/* sub_navi_b */
#contents .sub_navi .sub_navi_b { position: relative; width:40%; border-right:var(--line_base); background-image: url(../images/map2024_bn.png?20240717); background-position: center center; background-size: cover; }
#contents .sub_navi .sub_navi_b .navi_head { width:100%; background-color: var(--color_bg); }
#contents .sub_navi .sub_navi_b .sub_navi_b_list { width:100%; }
#contents .sub_navi .sub_navi_b .sub_navi_b_list a { position: absolute; bottom:2em; left:0; right:0; width:70%; margin:auto; background-color:var(--color_b); color:var(--color_black); font-size: 1.2em; line-height: 1em; padding:1em 2em; border-radius: 2em; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .sub_navi .sub_navi_b .sub_navi_b_list a[href]:hover { background-color: var(--color_a); color:var(--color_black); }
#contents .sub_navi .sub_navi_b .sub_navi_b_list a i { font-size: 0.7em; margin: 0 1em 0 0; }

/* sub_navi_c */
#contents .sub_navi .sub_navi_c { width:30%; }
#contents .sub_navi .sub_navi_c .navi_head { width:100%; }
#contents .sub_navi .sub_navi_c .sub_navi_c_list { width:100%; text-align:left; }
#contents .sub_navi .sub_navi_c .sub_navi_c_list p { font-size: 1.2em; letter-spacing: 0.05em; line-height: 1.8; text-align: justify; }
#contents .sub_navi .sub_navi_c .sub_navi_c_list p span { display:inline; background-color: var(--color_a); }
#contents .sub_navi .sub_navi_c .sub_navi_c_list p.cap { font-size: 1em; letter-spacing: 0.05em; line-height: 1; margin:1em 0 1.5em 0; }
#contents .sub_navi .sub_navi_c .sub_navi_c_list .bn { width:100%; }
#contents .sub_navi .sub_navi_c .sub_navi_c_list .bn a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items: center; font-size: 1.2em; line-height: 1em; margin:1.5em auto 0 auto; padding:1em 2em; width:100%; background-color: var(--color_b); color:var(--color_black); border-radius: 2em; }
#contents .sub_navi .sub_navi_c .sub_navi_c_list .bn a[href]:hover { background-color: var(--color_a); color: var(--color_black); }
#contents .sub_navi .sub_navi_c .sub_navi_c_list .bn a i { font-size: 0.7em; margin:0 1em 0 0; }
#contents .sub_navi .sub_navi_c .sub_navi_c_list .sub_navi_c_list--ex { padding: 2rem 3rem 2.5rem 3rem; }

/* youtube_bn */
#contents .youtube_bn { background-color: var(--color_bg); padding:2rem 0; }
#contents .youtube_bn { background-color: var(--color_bg); padding:2rem 0; border-bottom:var(--line_base); }
#contents .youtube_bn a { width:80%; display: inline-block; background-color: var(--color_black); color:var(--color_white); padding:1em 0; font-size: 1.8em; letter-spacing: 0.05em; border-radius: 2em; }
#contents .youtube_bn a i { color:var(--color_white); margin:0 0.2em 0 0; }
#contents .youtube_bn a .ex { font-size: 0.7em; margin:0 0 0 1em; }
#contents .youtube_bn a[href]:hover { background-color: var(--color_a); color: var(--color_black); }
#contents .youtube_bn a[href]:hover i { color: var(--color_black); }

/* form_bn */
#contents .form_bn { margin:2.5rem 0; }
#contents .form_bn a { width:80%; display: inline-block; background-color: var(--color_b); color:var(--color_black); padding:1em 0; font-size: 1.8em; letter-spacing: 0.05em; border-radius: 2em; }
#contents .form_bn a i { color:var(--color_black); margin:0 0.2em 0 0; }
#contents .form_bn a .ex { font-size: 0.7em; margin:0 0 0 1em; }
#contents .form_bn a[href]:hover { background-color: var(--color_a); color: var(--color_black);}
#contents .form_bn a[href]:hover i { color: var(--color_black); }
.home #contents .form_bn { padding:0 0 2.5rem 0; margin:2.5rem 0 0 0; }

/* line_box */
#contents .line_box { padding:0 0 2.5rem 0; border-bottom:var(--line_base); margin:0 0 0 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .line_box .line_box_title { width:48.5%; display: flex; }
#contents .line_box .line_box_title img { margin:auto; }
#contents .line_box .line_box_ex { width:48.5%; border:solid 1rem var(--color_line); ext-align: justify; }
#contents .line_box .line_box_ex p { font-size: 1.2em; letter-spacing: 0.05em; line-height: 1.8; margin:0 0 1.5em 0; }
#contents .line_box .line_box_ex h3 { background-color:var(--color_line); color:var(--color_white); border-radius: 2em; text-align: center; font-size: 1.6em; letter-spacing: 0.05em; line-height: 1.8; margin:0 0 0.5em 0; }
#contents .line_box .line_box_ex .line_box_how { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
#contents .line_box .line_box_ex .line_box_how .line_box_how_ex { width:30%; }
#contents .line_box .line_box_ex .line_box_how .line_box_how_ex h4 { font-size: 1.1em; letter-spacing: 0.05em; line-height: 1.5; margin:0 0 0.5em 0; text-align: left; }
#contents .line_box .line_box_ex .line_box_how .line_box_how_ex h4 span { display:block; background-color:var(--color_line); color:var(--color_bg); border-radius: 2em; text-align: center; font-size: 1.2em; letter-spacing: 0.05em; line-height: 1.8; margin:0 0 1em 0; }
#contents .line_box .line_box_ex .line_box_how .line_box_how_ex p { font-size: 1em; letter-spacing: 0.05em; line-height: 1.5; margin:1.5em 0; text-align: justify; }
#contents .line_box .line_box_ex .line_box_how .line_box_how_ex .line_box_how_qr { border:solid 1px var(--color_bg); }
#contents .line_box .line_box_ex .line_box_bottom { padding:2rem; }

/* news_box */
#contents .news_box { margin:0 0 2.5rem 0; border-top:var(--line_base); border-bottom: var(--line_base); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .news_box h2 { width:30%; font-size: 1.8em; line-height: 1em; display: flex; align-items: center; justify-content: center; text-align: center; border-right:var(--line_base); }
#contents .news_box ul { width:70%; text-align: left; padding:0.5em 0 0.5em 3em; margin:auto; }
#contents .news_box ul li { border-bottom:var(--line_base); padding:1em 0; font-size: 1em; line-height: 1.5; letter-spacing: 0.1em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
#contents .news_box ul li:last-child { border-bottom:none; }
#contents .news_box ul li .date { font-size: 0.9em; line-height: 1.4em; width:15%; letter-spacing: 0.1em; }
#contents .news_box ul li .title { font-size: 1.2em; line-height: 1.4em; width:85%; letter-spacing: 0.1em; }
#contents .news_box .tohoku { width:10%; border-left:var(--line_base);  display: flex; align-items: center; justify-content: center; text-align: center; }
#contents .news_box .tohoku a { margin:25%; }

/* tab-area */
#contents .tab-area { margin:2.5rem 0 0 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: stretch; cursor: pointer; }
#contents .tab-area .tab { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items: center; padding:1em; font-size: 1.4em; line-height: 2.2em; background-color: var(--color_b); color:var(--color_black); border-right:solid 1px var(--color_bg); transition: 0.2s linear; }
#contents .tab-area .tab.tab_a { width:30%; line-height: 1.2em; }
#contents .tab-area .tab.tab_b { width:30%; }
#contents .tab-area .tab.tab_c { width:20%; line-height: 1.2em; }
#contents .tab-area .tab.tab_d { width:20%; border-right:none; }
#contents .tab-area .tab.active { background-color: var(--color_black); color: var(--color_white); border-bottom:none; }
#contents .tab-area .tab:hover { background-color: var(--color_black); color: var(--color_white); transition: 0.2s linear; }
#contents .tab-area .tab i { margin:0 0.75em 0 0; }
#contents .tab-area .tab span { display:inline-block; text-align: left; }
#contents .content-area { border-bottom:var(--line_base); padding:2.5rem 0; position: relative; }
#contents .content-area .content { opacity: 0; display: none; position: absolute; top:0; left:0; width:100%; visibility: hidden; }
#contents .content-area .content.active { opacity: 1; display: block; position: static; transition: 0.2s linear; visibility: visible; }
#contents .content-area #content_mogi.content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: flex-start; }
#contents .content-area .content .content_ex { width:48.5%; }
#contents .content-area .content .content_ex .date { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items: center; background-color: var(--color_white); color:var(--color_black); padding:0.5em; }
#contents .content-area .content .content_ex .date .day { font-size: 2.5em; line-height: 1.4em; }
#contents .content-area .content .content_ex .date .week { font-size: 1.8em; }
#contents .content-area .content .content_ex .time { font-size: 1.2em; line-height: 1.4em; padding:0.5em; background-color: var(--color_b); color:var(--color_white); border-top:solid 0.1rem var(--color_white); }
#contents .content-area .content .content_ex table { width:100%; border-top:var(--line_base); }
#contents .content-area .content .content_ex table th { font-size: 1.2em; line-height: 1.2em; background-color: var(--color_black); color:var(--color_white); border-right:solid 0.1rem var(--color_white); border-top:solid 0.1rem var(--color_white); padding:0.5em; text-align: center; }
#contents .content-area .content .content_ex table tr:first-child th { font-size: 1.1em; }
#contents .content-area .content .content_ex table tr th span { font-size: 0.9em; display:block; line-height: 1.2em; margin:0 0 1em 0; }
#contents .content-area .content .content_ex table td { font-size: 1.1em; line-height: 1.5em; background-color: var(--color_white); border-right:solid 0.1rem var(--color_white); border-top:solid 0.1rem var(--color_white); padding:1em; text-align: center; }
#contents .content-area .content .content_ex table tr th:last-child,
#contents .content-area .content .content_ex table tr td:last-child { border-right:none; }
#contents .content-area .content .content_ex table th.num { font-size: 1.8em; line-height: 1.4em; font-weight: 100; }
#contents .content-area .content .content_ex .schedule--title { width:45%; }
#contents .content-area .content .content_ex .schedule--title--bio { background-color: var(--color_biology_bk); }
#contents .content-area .content .content_ex .schedule--title--chem { background-color: var(--color_chem_bk); }
#contents .content-area .content .content_ex .schedule--title--es_a { background-color: var(--color_es_bk); }
#contents .content-area .content .content_ex .schedule--title--es_b { background-color: var(--color_es_bk); }
#contents .content-area .content .content_ex .schedule--title--gp_a { background-color: var(--color_gp_bk); }
#contents .content-area .content .content_ex .schedule--title--gp_b { background-color: var(--color_gp_bk); }
#contents .content-area .content .content_ex .schedule--title--math { background-color: var(--color_math_bk); }
#contents .content-area .content .content_ex .schedule--title--phys { background-color: var(--color_phys_bk); }
#contents .content-area .content .content_ex .schedule--title .dep_name { display: inline-block; font-size: 0.8em; line-height: 1.4em; margin-bottom: 0.8em; border-bottom: var(--line_base); }
#contents .content-area .content .content_ex--lead { width:100%; text-align: center; padding: 0 0 2em 0; font-size: 1.4em; line-height: 1.4em; }
#contents .content-area .content .content_ex--att { width:100%; text-align: left; padding:2em 0 0 0; }
#contents .content-area .content .content_ex--tour { width:100%; text-align: left; }
#contents .content-area .content .content_ex--tour--head { display: flex; align-items: center; justify-content:space-between; align-items: stretch; border-bottom: solid 1px var(--color_bg); }
#contents .content-area .content .content_ex--tour h3 { display: flex; align-items: center; justify-content: center; width:30%; font-size: 1.5em; line-height: 1.2em; background-color: var(--color_a); color:var(--color_black); text-align: center; padding:0.9em; }
#contents .content-area .content .content_ex--tour .content_ex--tour--time { display: flex; justify-content: center; align-items: center; width: 25%; font-size: 1.3em; line-height: 1.2em; background-color: var(--color_white); color:var(--color_black); text-align: center; padding:1em; border-right: solid 1px var(--color_bg); }
#contents .content-area .content .content_ex--tour .content_ex--tour--place { display: flex; align-items: center; flex-wrap: wrap; width: 45%; font-size: 1.2em; line-height: 1.8em; background-color: var(--color_white); padding:1em; text-align: left; }
#contents .content-area .content .content_ex--tour .content_ex--tour--place span { display:inline-block; padding:0.25em 1em; line-height: 1; margin:0 0.5em 0 0; background-color: var(--color_black); color:var(--color_white); }
#contents .content-area .content .content_ex--tour .content_ex--tour--place span.br { display:inline-block; padding: 0; line-height: 1; margin: 0; background-color: var(--color_white); color:var(--color_black); }
#contents .content-area .content .content_ex--tour .content_ex--tour--ex { font-size: 1.4em; line-height: 1.8em; margin: 1em auto 2em auto; text-align: justify; }
#contents .content-area .content .content_ex--tour--ex--table { overflow-x: auto; border-bottom: var(--line_base); }
#contents .content-area .content .content_ex--tour table { width:100%; border-left: var(--line_base); border-right: var(--line_base); }
#contents .content-area .content .content_ex--tour table th { background-color: var(--color_white); font-size: 1.6em; padding:0.5em; border-top: var(--line_base); }
#contents .content-area .content .content_ex--tour table td { background-color: var(--color_white); font-size: 1.3em; padding:0.5em; border-top: var(--line_base); }
#contents .content-area .content .content_ex--tour table td span { display:inline-block; padding:0.25em 1em; line-height: 1; margin:0 0.5em 0 0; background-color: var(--color_black); color:var(--color_white); }
#contents .content-area .content .content_ex--event { width:100%; text-align: left; }
#contents .content-area .content .content_ex--event h3 { font-size: 2em; line-height: 1.4em; margin:0 0 1em 0; background-color: var(--color_black); color:var(--color_white); text-align: center; padding:1.25em; }
#contents .content-area .content .content_ex--event h3 span.content_ex--event--subtitle { display:block; font-size: 0.7em; line-height: 2em; margin:0.5em auto 0 auto; }
#contents .content-area .content .content_ex--event h3 span.content_ex--event--place { display:inline-block; font-size: 1em; line-height: 1em; padding: 0.25em 1em; margin:0 0.5em; background-color: var(--color_white); color:var(--color_black); }
#contents .content-area .content .content_ex--event h4 { font-size: 1.8em; line-height: 1.4em; margin:2em auto 1em auto; background-color: var(--color_a); color:var(--color_black); text-align: center; padding:0.5em; }
#contents .content-area .content .content_ex--event h4 span.content_ex--event--subtitle { display:inline-block; font-size: 0.7em; line-height: 2em; }
#contents .content-area .content .content_ex--event h5 { font-size: 1.5em; line-height: 1.4em; margin: 0 auto 0.5em auto; background-color: var(--color_a); padding:0.5em; text-align: center; }
#contents .content-area .content .content_ex--event h6 { font-size: 1.4em; line-height: 1.4em; margin: 2em auto 0.5em auto; }
#contents .content-area .content .content_ex--event p { font-size: 1.3em; line-height: 1.8em; text-align: justify; }
#contents .content-area .content .content_ex--event p.att { margin:0 0 0 0; font-size: 1.2em; line-height: 2em; text-align: left; }
#contents .content-area .content .content_ex--event p.cap { margin:0 0 0 0; font-size: 1.2em; line-height: 2em; text-align: right; }
#contents .content-area .content .content_ex--event p.alert { color:var(--color_b); }
#contents .content-area .content .content_ex--event ul li { font-size: 1.3em; line-height: 1.8em; border-left:solid 0.5rem var(--color_a); padding:0.75em 0.75em 0.75em 1.25em; margin:1em 0; background-color: var(--color_white); }
#contents .content-area .content .content_ex--event--days { display: flex; justify-content:space-between; align-items: flex-start; }
#contents .content-area .content .content_ex--event--days--item { width:48%; }
#contents .content-area .content .content_ex--event--ex { font-size: 2em; line-height: 1.4em; text-align: left; margin:1.5em 0 1em 0; }
#contents .content-area .content .content_ex--event--fig { display: flex; justify-content:space-between; align-items: flex-start; margin: 2em 0; }
#contents .content-area .content .content_ex--event--fig div { width: 48.7%; }
#contents .content-area .content .content_ex--event--lead { margin-bottom: 4em; }

#contents .content-area .content .att { margin:0 0 0 0; font-size: 1.2em; line-height: 2em; text-align: left; }
#contents .content-area .content .att span.hanrei { display:inline-block; background-color: var(--color_a); border-radius: 2em; padding:0 1em; margin:0 0.5em; line-height: 1.6; }
#contents .content-area .content .bn { width:100%; }
#contents .content-area .content .bn a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items: center; font-size: 1.4em; line-height: 1em; margin:2em auto; padding:1em 2em; width:100%; background-color: var(--color_b); color:var(--color_black); border-radius: 2em; }
#contents .content-area .content .bn a[href]:hover { background-color: var(--color_a); color:var(--color_black); }
#contents .content-area .content .bn a i { font-size: 0.6em; margin:0 0.5em 0 0; }
#contents .content-area .content .pamph { font-size: 1.4em; margin:0 auto 0 auto; }
#contents .content-area .content .pamph img { margin:2em auto 0 auto; padding:2em; border: var(--line_base); }

/* ao */
#contents .ao_box .ao_ex { padding:2.5rem 0; margin:0 0 2.5rem 0; border-bottom: var(--line_base); }
#contents .ao_box .ao_ex dl { padding:3em 0 3em 1em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items: stretch; background-color: var(--color_a); border-radius: 1em; }
#contents .ao_box .ao_ex dl dt { border-left:solid 1px var(--color_white); border-right:solid 1px var(--color_white); font-size: 1.6em; line-height: 1.6em; width:20%; display: flex; justify-content:center; align-items: center; }
#contents .ao_box .ao_ex dl dt:first-child { border-left:none; }
#contents .ao_box .ao_ex dl dd { width:30%; padding:0 3em 0 3em; display: flex; justify-content:center; align-items: center; font-size: 1.2em; line-height: 2em; text-align: justify; }
#contents .ao_box .ao_ex a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items: center; font-size: 1.4em; line-height: 1em; margin:2em auto 0 auto; padding:1em 2em; width:100%; background-color: var(--color_b); color:var(--color_black); border-radius: 2em; }
#contents .ao_box .ao_ex a[href]:hover { background-color: var(--color_a); color:var(--color_black); }
#contents .ao_box .ao_ex a i { font-size: 0.6em; margin:0 0.75em 0 0; }

/* consul */
#contents .consul { max-width: 60%; margin:3em auto 1em auto; }
#contents .consul li { margin:0 0 1.8em 0; border-left:solid 0.3em var(--color_b); padding:0 0 0 1em; font-size: 1.3em; line-height: 1.5em; letter-spacing: 0.05em; font-weight: 500; text-align: left; }

/* download */
#contents .download { width:80%; margin:5em auto 5em auto; }
#contents .download ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
#contents .download li { width:48%; }
#contents .download li a { border:var(--line_base); display:block; }
#contents .download li .size { display:block; margin-top:1em; font-size: 1.2em; color:var(--color_a); }

/* lecture */
#contents .lecture { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .lecture .head { width:100%; margin:1.5em 0 0 0; padding:0; }
#contents .lecture .head h2 { margin:0; border-bottom:none; }
#contents .lecture .lecture_ex { width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .lecture .lecture_ex .lecture_date { font-size: 2.5em; line-height: 1em; width:100%; padding:0.5em; border-top:var(--line_base); border-bottom:var(--line_base); background-color: var(--color_bg); }
#contents .lecture .lecture_ex .lecture_ch { width:50%; text-align: justify; border-right:var(--line_base); }
#contents .lecture .lecture_ex .lecture_ch:last-child { border-right:none; }
#contents .lecture .lecture_ex .lecture_ch .lecture_ch_head { background-color: var(--color_a); text-align: center; padding:3em 4em; border-bottom:var(--line_base); }
#contents .lecture .lecture_ex .lecture_ch .lecture_ch_head a { background-color: var(--color_b); display: inline-block; font-size: 1.8em; line-height: 1em; padding:1em 1em; width:100%; background-color: var(--color_b); color:var(--color_white); border-radius: 2em; }
#contents .lecture .lecture_ex .lecture_ch .lecture_ch_head a i { margin:0 0.5em 0 0; }
#contents .lecture .lecture_ex .lecture_ch .lecture_ch_head a[href]:hover { background-color: var(--color_a); color:var(--color_white); }
#contents .lecture .lecture_ex .lecture_ch dl { padding:3em 5em 3em 5em; letter-spacing: 0; border-bottom:var(--line_base); }
#contents .lecture .lecture_ex .lecture_ch dl dt { font-size: 1.4em; line-height: 1.6em; margin:0 0 1em 0; }
#contents .lecture .lecture_ex .lecture_ch dl dd.title { font-size: 2em; line-height: 1.6em; border-left:solid 0.3rem var(--color_b); padding:0 0 0 1.1rem; margin:0 0 0.75em 0; }
#contents .lecture .lecture_ex .lecture_ch dl dd.speaker { font-size: 1.4em; line-height: 1.6em; margin:0 0 0.75em 0; padding:0 0 0 1.5rem; }
#contents .lecture .lecture_ex .lecture_ch dl dd.ex { font-size: 1.2em; line-height: 1.8em; padding:0 0 0 1.5rem; }
#contents .lecture .lecture_ex .lecture_ch dl dd.ex i { color:var(--color_b); }
#contents .lecture .lecture_ex .lecture_ch dl:last-child { padding:4em 5em 4em 5em; border-bottom:none; }

#contents .lecture .lecture_ex .lecture_ondemand {  }
#contents .lecture .lecture_ex .lecture_ondemand ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .lecture .lecture_ex .lecture_ondemand ul li { width:33.333%; padding:3em; text-align: left; border-right:solid 1px var(--color_bg); border-bottom:solid 1px var(--color_bg); }
#contents .lecture .lecture_ex .lecture_ondemand ul li:nth-child(3n) { border-right:none; }
#contents .lecture .lecture_ex .lecture_ondemand ul li:nth-child(13),
#contents .lecture .lecture_ex .lecture_ondemand ul li:nth-child(14),
#contents .lecture .lecture_ex .lecture_ondemand ul li:nth-child(15) { border-bottom:none; }
#contents .lecture .lecture_ex .lecture_ondemand ul li dl { width:100%; padding:0; }
#contents .lecture .lecture_ex .lecture_ondemand ul li dl dt { font-size: 1.4em; line-height: 1.6em; margin:0 0 1.4em 0; }
#contents .lecture .lecture_ex .lecture_ondemand ul li dl dd.theme { text-align: center; background-color:var(--color_b); color:var(--color_white); padding:0.75em 0; }
#contents .lecture .lecture_ex .lecture_ondemand ul li dl dd.title { font-size: 1.4em; line-height: 1.6em; border-left:solid 0.3rem var(--color_b); padding:0 0 0 1rem; margin:1.4em 0 0.75em 0; }
#contents .lecture .lecture_ex .lecture_ondemand ul li dl dd.speaker { font-size: 1.2em; line-height: 1.6em; margin:0 0 0.75em 0; padding:0 0 0 0; }
#contents .lecture .lecture_ex .lecture_ondemand ul li dl dd.ex { font-size: 1em; line-height: 2em; letter-spacing: 0; padding:0 0 0 0; text-align:justify; }
#contents .lecture .lecture_ex .lecture_ondemand ul li dl dd.ex i { color:var(--color_b); }

/* faq */
#contents .faq { margin:3em 0 3em 0; text-align: left; }
#contents .faq h2 { text-align: center; border-top:var(--line_base); border-bottom:var(--line_base); padding:1em 0; font-size: 1.5em; line-height: 1em; margin-bottom:1em; }
#contents .faq dl { padding:2rem 10% 6rem 10%; }
#contents .faq dt { margin:3em 0 1em 0; font-size: 1.8em; line-height: 1.8em; color:var(--color_a); }
#contents .faq dd { margin:0 0 0 0; font-size: 1.3em; line-height: 2.2em; text-align: justify; }
#contents .faq table { border-top:var(--line_base); border-left:var(--line_base); width:100%; }
#contents .faq table th { background-color: var(--color_bg); font-size: 1em; text-align: center; letter-spacing: 0; border-right:var(--line_base); border-bottom:var(--line_base); padding:1em; }
#contents .faq table td { font-size: 1em; letter-spacing: 0; border-right:var(--line_base); border-bottom:var(--line_base); padding:1em; }

/* topics */
#contents .topics { text-align: center; width:80%; font-size: 1.4em; line-height: 1em; margin:1em auto 2em auto; }
#contents .topics dl { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .topics dt { font-size: 1.2em; color:var(--color_b); margin-right:0.6em; }
#contents .topics dd.date { font-size: 0.7em; line-height:1.5em; margin-right:1em; }
#contents .topics dd.title { line-height:1.5em; }

/* enq */
#contents .enq { text-align: center; width:80%; font-size: 1.4em; line-height: 1em; margin:1em auto 7em auto; }
#contents .enq a { font-size: 1.2em; line-height: 1em; background-color: var(--color_b); color:var(--color_white); border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; padding:0.5em 2em; }
#contents .enq a[href]:hover { background-color: var(--color_a); color:var(--color_white); }

/* list */
#wrapper.other .list {  }
#wrapper.other .list h2 { text-align: center; background-color: var(--color_a); padding:1em 0; font-size: 1.5em; line-height: 1em; margin-bottom:1em; }
#wrapper.other .list ul { padding:1rem 2rem 0 2rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
#wrapper.other .list li { position: relative; width:28%; margin:0 2.5% 6em 2.5%; box-shadow:1.5em 1.5em 0 var(--color_a); }
#wrapper.other .list li .tag { position: absolute; right:0; bottom:0; display:block; text-align: right; font-size: 1.4em; line-height:1.4em; }
#wrapper.other .list li .tag span { background-color:var(--color_b); color:var(--color_black); letter-spacing: 0; }
#wrapper.other .list li .prepare { position:absolute; top:0; left:0; background-color:var(--color_white); color:var(--color_b); letter-spacing: 0; font-size: 1.4em; line-height:1.4em; }
#wrapper.other .list li .prepare.update { background-color:var(--color_a); }
#wrapper.other .list.list_dep li { margin-bottom:8em; }
#wrapper.other .list.list_dep li .tag { position: absolute; right:auto; bottom:auto; left:0; top:0; display:block; text-align: left; font-size: 1.4em; line-height: 1.4em; }
#wrapper.other .list.list_dep li .tag span { background-color:var(--color_b); color:var(--color_white); letter-spacing: 0; }
#wrapper.other .list.list_dep li .prepare { top:auto; left:auto; right:0; bottom:0; }
#wrapper.other .list.list_dep .list_dep--lead { width:100%; text-align: center; padding: 0 0 2em 0; font-size: 1.4em; line-height: 1.4em; }
#wrapper.other .list li .hp { position: absolute; right:0; bottom:-3em; display:block; text-align: right; font-size: 1.4em; line-height: 1em; }
#wrapper.other .list li .hp a { color:var(--color_black); letter-spacing: 0; }
#wrapper.other .list li .hp a[href]:hover { color:var(--color_b) ; letter-spacing: 0; }
#wrapper.other .list li .pre { position: absolute; right:0; bottom:0; display:block; text-align: right; font-size: 1.2em; line-height: 1em; }
#wrapper.other .list li .pre span { background-color: var(--color_a); color:var(--color_white); letter-spacing: 0; }
#wrapper.other .list li .new { background-color: var(--color_b); color:var(--color_black); position: absolute; right:0; bottom:0; display:block; text-align: right; font-size: 1.4em; line-height: 1em; }
#wrapper.other .list li .att { position: absolute; right:0; bottom:-3em; display:block; text-align: right; font-size: 1.1em; line-height: 1em; }
#wrapper.other .list.list_vr_tour li { position: relative; width:70%; margin:0 2.5% 6em 2.5%; }
#wrapper.other .list.list_dep li.pickup { width:40%; margin:0 2.5% 6em 2.5%; }
#wrapper.other .list.list_dep .group { width:100%; margin:4em auto 3em auto; border:solid 1px var(--color_a); }
#wrapper.other .list.list_dep .group .group_title { width:100%; font-size: 1.4em; line-height: 1em; padding:1em; margin:0 0 2em 0; background-color: var(--color_a); display:flex; justify-content: center; }
#wrapper.other .list.list_dep .group .group_title .hp { margin:0 0 0 1em; }
#wrapper.other .list.list_dep .group ul { padding:0 0 0 0; }
#wrapper.other .list.list_dep .group ul li { margin-bottom:6em; }

#wrapper.other .dep_biology .dep_link ul li a i { margin:0 0.5em 0 0; color: var(--color_biology); }
#wrapper.other .dep_biology .dep_link ul li a[href]:hover { background-color: var(--color_biology); color: var(--color_white); }
#wrapper.other .dep_biology .dep_link ul li a[href]:hover i { color: var(--color_white); }
#wrapper.other .dep_biology .bn a { background-color: var(--color_biology); color:var(--color_white); }
#wrapper.other .dep_biology .bn a[href]:hover { background-color: var(--color_black); color:var(--color_biology); }
#wrapper.other .dep_biology .dep_program_box .content_ex .time { background-color: var(--color_biology); color: var(--color_white); }
#wrapper.other .dep_biology .list li .tag span { background-color:var(--color_biology); color:var(--color_white); }
#wrapper.other .dep_biology .list.list_dep li .tag span { background-color:var(--color_biology); color:var(--color_white); }
#wrapper.other .dep_biology .list li .hp a[href]:hover { color:var(--color_biology); }
#wrapper.other .dep_biology .list li .pre span { background-color: var(--color_biology); color:var(--color_white); }
#wrapper.other .dep_biology .dep_link_list dl dt { border-top: var(--line_biology); border-bottom: var(--line_biology); }
#wrapper.other .dep_biology .dep_link_list dl dd a[href]:hover { color: var(--color_biology); }

#wrapper.other .dep_chem .dep_link ul li a i { margin:0 0.5em 0 0; color: var(--color_chem); }
#wrapper.other .dep_chem .dep_link ul li a[href]:hover { background-color: var(--color_chem); color: var(--color_white); }
#wrapper.other .dep_chem .dep_link ul li a[href]:hover i { color: var(--color_white); }
#wrapper.other .dep_chem .bn a { background-color: var(--color_chem); color:var(--color_white); }
#wrapper.other .dep_chem .bn a[href]:hover { background-color: var(--color_black); color:var(--color_chem); }
#wrapper.other .dep_chem .dep_program_box .content_ex .time { background-color: var(--color_chem); color: var(--color_white); }
#wrapper.other .dep_chem .list li .tag span { background-color:var(--color_chem); color:var(--color_white); }
#wrapper.other .dep_chem .list.list_dep li .tag span { background-color:var(--color_chem); color:var(--color_white); }
#wrapper.other .dep_chem .list li .hp a[href]:hover { color:var(--color_chem); }
#wrapper.other .dep_chem .list li .pre span { background-color: var(--color_chem); color:var(--color_white); }
#wrapper.other .dep_chem .dep_link_list dl dt { border-top: var(--line_chem); border-bottom: var(--line_chem); }
#wrapper.other .dep_chem .dep_link_list dl dd a[href]:hover { color: var(--color_chem); }

#wrapper.other .dep_es_a .dep_link ul li a i { margin:0 0.5em 0 0; color: var(--color_es); }
#wrapper.other .dep_es_a .dep_link ul li a[href]:hover { background-color: var(--color_es); color: var(--color_black); }
#wrapper.other .dep_es_a .dep_link ul li a[href]:hover i { color: var(--color_black); }
#wrapper.other .dep_es_a .bn a { background-color: var(--color_es); color:var(--color_black); }
#wrapper.other .dep_es_a .bn a[href]:hover { background-color: var(--color_black); color:var(--color_es); }
#wrapper.other .dep_es_a .dep_program_box .content_ex .time { background-color: var(--color_es); color: var(--color_black); }
#wrapper.other .dep_es_a .list li .tag span { background-color:var(--color_es); color:var(--color_black); }
#wrapper.other .dep_es_a .list.list_dep li .tag span { background-color:var(--color_es); color:var(--color_black); }
#wrapper.other .dep_es_a .list li .hp a[href]:hover { color:var(--color_es); }
#wrapper.other .dep_es_a .list li .pre span { background-color: var(--color_es); color:var(--color_black); }
#wrapper.other .dep_es_a .dep_link_list dl dt { border-top: var(--line_es); border-bottom: var(--line_es); }
#wrapper.other .dep_es_a .dep_link_list dl dd a[href]:hover { color: var(--color_es); }

#wrapper.other .dep_es_b .dep_link ul li a i { margin:0 0.5em 0 0; color: var(--color_es); }
#wrapper.other .dep_es_b .dep_link ul li a[href]:hover { background-color: var(--color_es); color: var(--color_black); }
#wrapper.other .dep_es_b .dep_link ul li a[href]:hover i { color: var(--color_black); }
#wrapper.other .dep_es_b .bn a { background-color: var(--color_es); color:var(--color_black); }
#wrapper.other .dep_es_b .bn a[href]:hover { background-color: var(--color_black); color:var(--color_es); }
#wrapper.other .dep_es_b .dep_program_box .content_ex .time { background-color: var(--color_es); color: var(--color_black); }
#wrapper.other .dep_es_b .list li .tag span { background-color:var(--color_es); color:var(--color_black); }
#wrapper.other .dep_es_b .list.list_dep li .tag span { background-color:var(--color_es); color:var(--color_black); }
#wrapper.other .dep_es_b .list li .hp a[href]:hover { color:var(--color_es); }
#wrapper.other .dep_es_b .list li .pre span { background-color: var(--color_es); color:var(--color_black); }
#wrapper.other .dep_es_b .dep_link_list dl dt { border-top: var(--line_es); border-bottom: var(--line_es); }
#wrapper.other .dep_es_b .dep_link_list dl dd a[href]:hover { color: var(--color_es); }

#wrapper.other .dep_gb_a .dep_link ul li a i { margin:0 0.5em 0 0; color: var(--color_gp); }
#wrapper.other .dep_gb_a .dep_link ul li a[href]:hover { background-color: var(--color_gp); color: var(--color_white); }
#wrapper.other .dep_gb_a .dep_link ul li a[href]:hover i { color: var(--color_white); }
#wrapper.other .dep_gb_a .bn a { background-color: var(--color_gp); color:var(--color_white); }
#wrapper.other .dep_gb_a .bn a[href]:hover { background-color: var(--color_black); color:var(--color_gp); }
#wrapper.other .dep_gb_a .dep_program_box .content_ex .time { background-color: var(--color_gp); color: var(--color_white); }
#wrapper.other .dep_gb_a .list li .tag span { background-color:var(--color_gp); color:var(--color_white); }
#wrapper.other .dep_gb_a .list.list_dep li .tag span { background-color:var(--color_gp); color:var(--color_white); }
#wrapper.other .dep_gb_a .list li .hp a[href]:hover { color:var(--color_gp); }
#wrapper.other .dep_gb_a .list li .pre span { background-color: var(--color_gp); color:var(--color_white); }
#wrapper.other .dep_gb_a .dep_link_list dl dt { border-top: var(--line_gp); border-bottom: var(--line_gp); }
#wrapper.other .dep_gb_a .dep_link_list dl dd a[href]:hover { color: var(--color_gp); }

#wrapper.other .dep_gb_b .dep_link ul li a i { margin:0 0.5em 0 0; color: var(--color_gp); }
#wrapper.other .dep_gb_b .dep_link ul li a[href]:hover { background-color: var(--color_gp); color: var(--color_white); }
#wrapper.other .dep_gb_b .dep_link ul li a[href]:hover i { color: var(--color_white); }
#wrapper.other .dep_gb_b .bn a { background-color: var(--color_gp); color:var(--color_white); }
#wrapper.other .dep_gb_b .bn a[href]:hover { background-color: var(--color_black); color:var(--color_gp); }
#wrapper.other .dep_gb_b .dep_program_box .content_ex .time { background-color: var(--color_gp); color: var(--color_white); }
#wrapper.other .dep_gb_b .list li .tag span { background-color:var(--color_gp); color:var(--color_white); }
#wrapper.other .dep_gb_b .list.list_dep li .tag span { background-color:var(--color_gp); color:var(--color_white); }
#wrapper.other .dep_gb_b .list li .hp a[href]:hover { color:var(--color_gp); }
#wrapper.other .dep_gb_b .list li .pre span { background-color: var(--color_gp); color:var(--color_white); }
#wrapper.other .dep_gb_b .dep_link_list dl dt { border-top: var(--line_gp); border-bottom: var(--line_gp); }
#wrapper.other .dep_gb_b .dep_link_list dl dd a[href]:hover { color: var(--color_gp); }

#wrapper.other .dep_math .dep_link ul li a i { margin:0 0.5em 0 0; color: var(--color_math); }
#wrapper.other .dep_math .dep_link ul li a[href]:hover { background-color: var(--color_math); color: var(--color_white); }
#wrapper.other .dep_math .dep_link ul li a[href]:hover i { color: var(--color_white); }
#wrapper.other .dep_math .bn a { background-color: var(--color_math); color:var(--color_white); }
#wrapper.other .dep_math .bn a[href]:hover { background-color: var(--color_black); color:var(--color_math); }
#wrapper.other .dep_math .dep_program_box .content_ex .time { background-color: var(--color_math); color: var(--color_white); }
#wrapper.other .dep_math .list li .tag span { background-color:var(--color_math); color:var(--color_white); }
#wrapper.other .dep_math .list.list_dep li .tag span { background-color:var(--color_math); color:var(--color_white); }
#wrapper.other .dep_math .list li .hp a[href]:hover { color:var(--color_math); }
#wrapper.other .dep_math .list li .pre span { background-color: var(--color_math); color:var(--color_white); }
#wrapper.other .dep_math .dep_link_list dl dt { border-top: var(--line_math); border-bottom: var(--line_math); }
#wrapper.other .dep_math .dep_link_list dl dd a[href]:hover { color: var(--color_math); }

#wrapper.other .dep_phys .dep_link ul li a i { margin:0 0.5em 0 0; color: var(--color_phys); }
#wrapper.other .dep_phys .dep_link ul li a[href]:hover { background-color: var(--color_phys); color: var(--color_white); }
#wrapper.other .dep_phys .dep_link ul li a[href]:hover i { color: var(--color_white); }
#wrapper.other .dep_phys .bn a { background-color: var(--color_phys); color:var(--color_white); }
#wrapper.other .dep_phys .bn a[href]:hover { background-color: var(--color_black); color:var(--color_phys); }
#wrapper.other .dep_phys .dep_program_box .content_ex .time { background-color: var(--color_phys); color: var(--color_white); }
#wrapper.other .dep_phys .list li .tag span { background-color:var(--color_phys); color:var(--color_white); }
#wrapper.other .dep_phys .list.list_dep li .tag span { background-color:var(--color_phys); color:var(--color_white); }
#wrapper.other .dep_phys .list li .hp a[href]:hover { color:var(--color_phys); }
#wrapper.other .dep_phys .list li .pre span { background-color: var(--color_phys); color:var(--color_white); }
#wrapper.other .dep_phys .list.list_dep li.pickup { width:40%; margin:0 2.5% 8em 2.5%; }
#wrapper.other .dep_phys .list li .att { position: absolute; right:0; bottom:-4.5em; display:block; text-align: right; font-size: 1.1em; line-height: 1.2em; }
#wrapper.other .dep_phys .dep_link_list dl dt { border-top: var(--line_phys); border-bottom: var(--line_phys); }
#wrapper.other .dep_phys .dep_link_list dl dd a[href]:hover { color: var(--color_phys); }

/* vr_sec */
#wrapper.other .vr_sec { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; }
#wrapper.other .vr_sec .vr_tour { width:50%; border-right:var(--line_base); }
#wrapper.other .vr_sec .vr_map { width:50%; }
#wrapper.other .vr_sec .vr_map ul { margin:4em auto 0 auto; display: flex; flex-direction: column; align-items: center; }
#wrapper.other .vr_sec .vr_map li { font-size:1.5em; line-height:2em; }

/* vr_box */
#wrapper.other.vr_box { min-width:0; }
#wrapper.other.vr_box .box { padding:0; }
#wrapper.other.vr_box #contents { position: relative; }
#vr_title { background-color: var(--color_bg); color:var(--color_black); position: absolute; left:-1px; bottom:-1px; font-size: 1.3em; line-height: 1em; display:block; padding:0.75em; z-index: 999; }

/* map */
#map { position:relative; padding:0 0 0 0; margin:0 0 3rem 0; }
#map .campus_map { position: relative; margin-bottom: 18rem; }
#map .map_pre { font-size: 2.5em; text-align: center; margin: 5rem auto; }
#map .navi { border:solid 5px var(--color_b); z-index:999; padding:0; position:absolute; background-color: var(--color_white); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; overflow: hidden; }
#map .navi h2 { background-color: var(--color_b); display:block; color:var(--color_white); width:100%; margin:0; font-size: 1.3em; line-height: 1em; padding:0.5em; }
#map .navi ul { padding:1em 0 1em 7%; }
#map .navi li { position: relative; font-size: 1.2em; line-height: 1em; padding:0.4em 0 0.4em 1.25em; text-align: left; letter-spacing: 0em; }
#map .navi li i { margin-right:0.4em; color:var(--color_b); position: absolute; top:0.3em; left:0; }
#map .navi li a { color:var(--color_black); }
#map .navi li a[href]:hover { color:var(--color_b); }
#map .navi li a.pre,#map .navi li a.pre i { color:var(--color_bg); }
#map .navi.navi_1 { width:20%; left:5%; top:12%; }
#map .navi.navi_2 { width:28%; left:31%; top:0; }
#map .navi.navi_2 .navi_box { padding:0 0 0 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
#map .navi.navi_2 .navi_box ul:nth-child(1) { width:35%; }
#map .navi.navi_2 .navi_box ul:nth-child(2) { width:65%; }
#map .navi.navi_2 p { font-size: 0.9em; line-height:1.8em; padding:1.25em 1.25em 0 1.25em; text-align: justify; letter-spacing: 0; }
#map .navi.navi_3 { width:18%; right:5%; top:5%; }
#map .navi.navi_3 p { font-size: 0.9em; line-height:1.8em; padding:1.25em 1.25em 0 1.25em; text-align: justify; letter-spacing: 0; }
#map .campus_map_pin div { position:absolute; }
#map .campus_map_pin label { cursor: pointer; color:#cb3b05; font-size: 1.5em; line-height: 1em; }
#map .campus_map_pin label:hover { color:var(--color_black); }
#map .campus_map_pin .map_green label { color: #18A21C; }
#map .campus_map_pin .map_green label:hover { color:var(--color_black); }
#map .campus_map_pin .map_H-02 { left:20.2%; top:46.7%; z-index:10; }
#map .campus_map_pin .map_H-03 { left:17.8%; top:53%; z-index:10; }
#map .campus_map_pin .map_H-04_1 { left:11.7%; top:60.4%; z-index:10; }
#map .campus_map_pin .map_H-04_2 { left:13.8%; top:60.4%; z-index:10; }
#map .campus_map_pin .map_H-12 { left:31.8%; top:44.4%; z-index:10; }
#map .campus_map_pin .map_H-13 { left:26.7%; top:50.8%; z-index:10; }
#map .campus_map_pin .map_H-17 { left:34%; top:32%; z-index:10; }
#map .campus_map_pin .map_H-22 { left:53%; top:31.2%; z-index:10; }
#map .campus_map_pin .map_H-26 { left:62.3%; top:17.1%; z-index:10; }
#map .campus_map_pin .map_H-31 { left:64.8%; top:41.3%; z-index:10; }
#map .campus_map_pin .map_H-32 { left:66.3%; top:35.2%; z-index:10; }
#map .campus_map_pin .map_I-02 { left:76.5%; top:58.8%; z-index:10; }
#map .campus_map_pin .map_I-04 { left:91%; top:65.8%; z-index:10; }
#map .campus_map_pin .map_street { left:6.2%; top:66.5%; z-index:10; cursor: pointer; color:var(--color_orange); font-size: 2.8em; line-height: 1em; }
#map .campus_map_pin .map_street a[href]:hover { color: var(--color_black); }

/* modal */
.modal_wrap .modal_overlay { display: flex; justify-content: center; position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s, transform 0s 0.5s; transform: scale(0); }
.modal_wrap .modal_overlay .modal_trigger { background: var(--color_bg); opacity: 0.9; z-index: -1; position: absolute; width: 100%; height: 100%; }
.modal_wrap .modal_overlay .modal_content { position: relative; background: var(--color_bg); width:calc(100% - 5rem ); max-width: 1280px; height: auto; max-height: 90dvh; margin:auto; overflow: auto; border:solid 1px #000000; }
.modal_wrap .modal_overlay .modal_content .modal_content_wrap { position: relative; margin: 0 5em 3em 5em; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.modal_wrap .modal_overlay .modal_content .close_button { display:block; background-color: var(--color_black); width: 4rem; height: 0; position: sticky; top: 0; right: -1px; cursor: pointer; margin:0 0 0 auto; }
.modal_wrap .modal_overlay .modal_content .close_button::before { content:""; width:4rem; height:4rem; background-color: var(--color_black); position: absolute; top:0; right:0; }
.modal_wrap .modal_overlay .modal_content .close_button:hover::before { background-color: var(--color_white);}
.modal_wrap .modal_overlay .modal_content .close_button .close_button_parts { background-color: var(--color_bg); display: block; height: 2px; left: 50%; position: absolute; top: 2rem; width: 1.8rem; }
.modal_wrap .modal_overlay .modal_content .close_button:hover .close_button_parts { background-color: var(--color_black); }
.modal_wrap .modal_overlay .modal_content .close_button .close_button_parts:first-child { transform: translate(-50%, -50%) rotate(45deg); }
.modal_wrap .modal_overlay .modal_content .close_button .close_button_parts:nth-child(2) { transform: translate(-50%, -50%) rotate(-45deg); }
.modal_wrap .modal_overlay .modal_content .modal_title { width: 100%; padding: 3rem 0; position: sticky; top: 0; background-color: var(--color_bg); font-size: 1.8em; line-height: 1em; text-align: left; }
.modal_wrap .modal_overlay .modal_content .modal_content_wrap .modal_content--left { width: 48%; position: sticky; top: 8rem; }
.modal_wrap .modal_overlay .modal_content .modal_content_wrap .modal_content--right { width: 48%; }
.modal_wrap .modal_overlay .modal_content .modal_thumb { position: relative; margin-bottom: 2em; }
.modal_wrap .modal_overlay .modal_content .modal_link a { display: block; font-size: 1.3em; line-height: 1.4em; color: #000; background-color: var(--color_b); border-radius: 2em; padding: 0.75em; margin-bottom: 1em; }
.modal_wrap .modal_overlay .modal_content .modal_link a[href]:hover { color: #000; background-color: #fff; }
.modal_wrap .modal_overlay .modal_content .modal_link a span { display: inline-block; margin-right:0.5em; }
.modal_wrap .modal_overlay .modal_content .modal_dep_event { display: flex; flex-direction: column; }
.modal_wrap .modal_overlay .modal_content .modal_dep_event .modal_dep { font-size: 1.6em; line-height: 1.4em; text-align: left; border-top: var(--line_base); border-bottom: var(--line_base); margin: 1em 0; }
.modal_wrap .modal_overlay .modal_content .modal_dep_event .modal_dep.modal_dep_nolink { padding: 0.5em 0; text-align: center; }
.modal_wrap .modal_overlay .modal_content .modal_dep_event .modal_dep:first-child { margin: 0 0 1em 0; }
.modal_wrap .modal_overlay .modal_content .modal_dep_event .modal_dep a { color: #000; display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; padding: 0.5em 0; }
.modal_wrap .modal_overlay .modal_content .modal_dep_event .modal_dep a[href]:hover { color: var(--color_b); }
.modal_wrap .modal_overlay .modal_content .modal_dep_event .modal_dep a img { width: 1em; margin-right: 0.5em; }
.modal_wrap .modal_overlay .modal_content .modal_dep_event .modal_dep a span { display: inline-block; margin-right:0.5em; }
.modal_wrap .modal_overlay .modal_content .modal_dep_event .modal_dep_event_category { font-size: 1.3em; text-align: left; display: inline-block; color: var(--color_b); margin-bottom: 0.5em; }
.modal_wrap .modal_overlay .modal_content .modal_dep_event .modal_dep_event_list { display: flex; flex-direction: column; margin-bottom: 2em; }
.modal_wrap .modal_overlay .modal_content .modal_dep_event .modal_dep_event_list .modal_dep_event_item { margin: 0 auto 1.5em 0.5em; padding: 0 0 0 1.5em; border-left: solid 3px var(--color_b); font-size: 1em; line-height: 1.6em; text-align: justify; }
.modal_wrap .modal_overlay .modal_content .modal_dep_event .modal_dep_event_list .modal_dep_event_item:last-child { margin-bottom: 0; }
.modal_wrap .modal_overlay .modal_content .modal_dep_event .modal_dep_event_list .modal_dep_event_item a { color: #000; }
.modal_wrap .modal_overlay .modal_content .modal_dep_event .modal_dep_event_list .modal_dep_event_title { display: inline-block; font-size: 1.4em; line-height: 1.4em; margin:0 0 0.25em 0; }
.modal_wrap input { display: none; }
.modal_wrap input:checked~.modal_overlay { opacity: 1; transform: scale(1); transition: opacity 0.5s; }


/* sp */
@media screen and (max-width: 600px) {
body { font-size: 12px; background-image: none; }

/* options */
.pc { display:none; }
.sp { display:block; }
.pcbr { display:inline; }
.spbr { display:block; }

/* youtube */
.youtube { position: relative; width: 100%; height:80vh; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/* wrapper */
#wrapper { padding:1rem; margin: 0 auto; width:100%; min-width: 0; border-left:none; border-right: none; }

/* header */
#header .tag_h { width:100%; padding: 0; margin:0 0 0 0; border-top:var(--line_base); border-bottom: var(--line_base); display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; font-size: 1.2em; }
#header .tag_h a {color: var(--color_black);}
#header .tag_h--close { width:100%; padding:0.25em 0; line-height: 1.2em; text-align: center; border-bottom: var(--line_base); }
#header .tag_h--close i { margin:0 1em 0 0; }
#header .tag_h--title { padding: 0.25em 0; width: 100%; font-size: 1em; line-height: 1.2em; border-bottom: var(--line_base); }
#header .tag_h--title .spbr:before { content:none; margin:0; }
#header .tag_h--date { padding: 0.25em 0; line-height: 1.2em; width: 100%; text-align: center; }
#header .logo { position: absolute; bottom:4em; right:4em; width:8%; }
#header .loading { width:10%; margin:5em auto 5em auto; }
#header .copy { width:50%; margin:auto; }
#header .title_top { position: absolute; top:5em; left:5%; width:35%; margin:0; z-index:10; }

#wrapper .copy_top { width:100%; margin:0 0 0 0; border-bottom:var(--line_base); padding:0 0 2rem 0; }
#wrapper .copy_top img { width:90%; margin:auto;}

/* footer */
#footer { padding:1.5em 0; border-top:solid 1px var(--color_black); }
#footer footer { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
#footer .title a { text-align: center; font-size: 1.3em; line-height: 1; letter-spacing: 0.05em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#footer .title a i { font-size: 0.5em; margin:0 1em 0 0; }
#footer .cp { text-align: center; font-size: 0.75em; line-height: 1; letter-spacing: 0.05em; margin:1.5em auto 0 auto; }
#footer .close a { position: absolute; left:0; top:0; font-size: 1.3em; line-height: 1em; display:block; padding:0.5em; border-bottom:solid 1px var(--color_bg); border-right:solid 1px var(--color_bg); }
.home #footer .close a { display:none; }
.footer_bottom { margin: 1rem auto; }

/* gnavi */
#wrapper .gnavi { position:static; z-index: 999; left:0; right:0; bottom:0; width:80%; margin:0 auto 0 auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
#wrapper .gnavi .gnavi_box { width:100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#wrapper .gnavi .gnavi_box div { width:100%; margin-bottom:1.5em; }

/* wrapper.other */
#wrapper.other { padding:1.25rem 5%; }
#wrapper.other .box { position: relative; padding:0; }

#wrapper.other .head { text-align: center; padding:rem 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#wrapper.other .head h1 { width:100%; font-size: 3.8em; line-height: 1.4em; font-weight: 400; margin:0 auto 0.5em auto; letter-spacing: 0.2em; }
#wrapper.other .head h2 { width:100%; font-size: 1.6em; line-height: 1.4em; padding:0.75em 0; margin-bottom:1.5em; border-top:var(--line_base); border-bottom:var(--line_base); }
#wrapper.other .head p { width:100%; font-size: 1.3em; line-height: 1.8em;  }
#wrapper.other .head.head_other { margin:0 0 1em 0; padding:0; }
#wrapper.other .head p.left { text-align: justify; }
#wrapper.other .head .bn { width:100%; }
#wrapper.other .head .bn a { width:100%; }

#wrapper.other .head_top { padding: 0 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content:space-between; align-items: center; }
#wrapper.other .head_top .head_top--left { width: 100%; margin: 2rem auto 1rem auto; order: 2; }
#wrapper.other .head_top h1 { font-size: 2.5em; width: 100%; margin: 1rem auto 1rem auto; order: 3; }
#wrapper.other .head_top .head_top--right { width: 100%; margin: 2rem auto 1rem auto; order: 1; }
#wrapper.other .head_top .head_top--lead { width:100%; border-top:var(--line_base); margin:0 0 0 0; padding:2rem 0; order: 4; }
#wrapper.other .head_top .head_top--cap { width:100%; padding:2rem 0; }
#wrapper.other .head_top p.left { text-align: justify; }

#wrapper.other .dep_link { margin:0 auto 0 auto; }
#wrapper.other .dep_link ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:flex-start; align-items: center; }
#wrapper.other .dep_link ul li { width:48%; }
#wrapper.other .dep_link ul li:nth-child(2n) { width:52%; }
#wrapper.other .dep_link ul li a,
#wrapper.other .dep_link ul li:nth-child(3n) a { border-top: var(--line_base); border-right:var(--line_base); padding:1em 0 1em 0.75em; display:block; text-align: left; font-size: 1.15em; line-height: 1em; }
#wrapper.other .dep_link ul li:nth-child(2n) a { border-right:none; }
#wrapper.other .dep_link ul li a i { margin:0 0 3rem 0; }
#wrapper.other .dep_title { clear:both; margin:0 auto 1.5rem auto; border-top:var(--line_base); border-bottom:var(--line_base); font-size: 1.6em; line-height: 1em; padding:1em; }
#wrapper.other .dep_link.dep_link_gp ul li { width:25%; }
#wrapper.other .dep_link.dep_link_es ul li { width:25%; }

#wrapper.other .dep_link_list { width: 90%; margin: auto; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
#wrapper.other .dep_link_list dl { width: 100%; margin-bottom: 3rem; }

#wrapper.other .dep_program_box { padding:0 0 3em 0; width:100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content:space-between; align-items: flex-start; }
#wrapper.other .dep_program_box .content_ex { width:100%; margin:0 0 2rem 0; }
#wrapper.other .dep_program_box .content_ex .date { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items: center; padding:0.5em; }
#wrapper.other .dep_program_box .content_ex .date .day { font-size: 2.5em; line-height: 1.4em; font-weight: 400; }
#wrapper.other .dep_program_box .content_ex .date .week { font-size: 1.8em; }
#wrapper.other .dep_program_box .content_ex .time { font-size: 1em; line-height: 1.4em; padding:0.5em; border-top:solid 0.1rem var(--color_bg); }
#wrapper.other .dep_program_box .content_ex .cap { font-size: 1em; line-height: 1.4em; padding:0.5em; border-top:solid 0.1rem var(--color_bg); }
#wrapper.other .dep_program_box .content_ex table { width:100%; border-top:var(--line_base); }
#wrapper.other .dep_program_box .content_ex table th { width: 10%; font-size: 0.8em; letter-spacing: 0; line-height: 1.2em; border-right:solid 0.1rem var(--color_white); border-top:solid 0.1rem var(--color_white); padding:0.5em; text-align: center; }
#wrapper.other .dep_program_box .content_ex table td.schedule--title { position:relative; width: 62%; font-size: 1em; line-height: 1.6em; background-color: var(--color_a); border-right:solid 0.1rem var(--color_bg); border-top:solid 0.1rem var(--color_bg); padding:1em 0.5em; text-align: center; }
#wrapper.other .dep_program_box .content_ex .schedule--mogi table td.schedule--title { padding:1em 0.5em 1em 2em; }
#wrapper.other .dep_program_box .content_ex table td.schedule--title span { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position: absolute; top:0; left:0; font-size: 0.65em; line-height: 1em; height:100%; display:inline-block; padding:0.2em 0.5em;}
#wrapper.other .dep_program_box .content_ex table td.schedule--place { width: 28%; font-size: 0.7em; line-height: 1.4em; border-top:solid 0.1rem var(--color_bg); padding:0.5em; text-align: center; }
#wrapper.other .dep_program_box .content_ex table th.num { font-size: 1.8em; line-height: 1.4em; font-weight: 100; }
#wrapper.other .dep_program_box .content_ex table td.schedule--title small { font-size: 0.9em; line-height: 1.5em; text-align: left; display:block; letter-spacing:0; padding:1em; }
#wrapper.other .dep_program_box .att { margin:0 0 0 0; font-size: 1.2em; line-height: 2em; text-align: left; }
#wrapper.other .dep_program_box .att span.hanrei { display:inline-block; border-radius: 2em; padding:0 1em; margin:0 0.5em; line-height: 1.6; }
#wrapper.other .dep_program_box .bn { width:100%; }
#wrapper.other .dep_program_box .bn a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items: center; font-size: 1.4em; line-height: 1em; margin:2em auto 1.5em auto; padding:1em 2em; width:100%; border-radius: 2em; }
#wrapper.other .dep_program_box .bn a i { font-size: 0.6em; margin:0 0.5em 0 0; }

#wrapper.other .bn { clear:both; }
#wrapper.other .bn a { font-size: 1.4em; line-height: 1.2em; width:90%; margin:2em auto 2em auto; padding:1em 2em; border-radius: 2em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#wrapper.other .bn a i { font-size: 0.7em; margin: 0 1em 0 0; }
#wrapper.other .bn.bn_dep a { font-size: 1.4em; line-height: 1em; width:90%; margin:2em auto 2em auto; padding:1em 2em; padding:1em 2em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#wrapper.other .bn.bn_dep a i { font-size: 0.7em; margin: 0 1em 0 0; }
#wrapper.other .bn.bn_dep a span { text-align: left; }
#wrapper.other .bn span.nolink { font-size: 1.1em; line-height: 1em; width:100%; margin:1em auto 2em auto; padding:1em 0.5em; border:solid 1px var(--color_b); border-radius: 2em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#wrapper.other .bn span.nolink i { font-size: 0.7em; margin: 0 1em 0 0; }

/* main_top */
#contents .main_top { margin:0 0 0 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .main_top .main_slide { width:100%; position:relative; padding:0; margin:1rem 0; }
#contents .main_top .main_slide .main_slide--logo { position:absolute; left:0; top:1.5rem; width:20%; }
#contents .main_top .dep_navi { width:100%; display: flex; flex-direction: column; }
#contents .main_top .dep_navi .navi_fig { order: 2; margin:1rem 0; height:30em; width: 100%; }
#contents .main_top .dep_navi .navi_fig img { margin:-5% 0 0 0; }
#contents .main_top .dep_navi .navi_head h2 { line-height: 1.5em; }
#contents .main_top .dep_navi .dep_navi_list { order: 1; width: 100%; padding:1rem 5%; border-bottom:var(--line_base); }
#contents .main_top .dep_navi .dep_navi_list ul { width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .main_top .dep_navi .dep_navi_list ul li { font-size: 1em; width: 100%; margin:0.5em 0; padding:0 0 0 0; }
#contents .main_top .dep_navi .dep_navi_list ul li:nth-child(1),
#contents .main_top .dep_navi .dep_navi_list ul li:nth-child(2),
#contents .main_top .dep_navi .dep_navi_list ul li:nth-child(3),
#contents .main_top .dep_navi .dep_navi_list ul li:nth-child(4) { width: 50%; margin:0.75em 0; }
#contents .main_top .dep_navi .dep_navi_list ul li a i { margin:0 0.5em 0 0; }
#contents .main_top .dep_navi .btn a { font-size: 1.5em; line-height: 1.2em; padding:1em 1em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; text-align: left; }

#contents .main_lead {  }
#contents .main_lead h2 { font-size: 1.4em; line-height: 1.8; padding:2rem 0; }
#contents .main_lead p { font-size: 1.3em; line-height: 1.5; }
#contents .main_sub { border-top:var(--line_base); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .main_sub .bn a { font-size: 1em; line-height: 1em; width:110%; margin:0 -5% 1.5em -5%; padding:1.5em 1em; border-radius: 2em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .main_sub .bn a i { font-size: 0.7em; margin: 0 1em 0 0; }
#contents .main_sub { border-top:var(--line_base); display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .main_sub_ex { padding:2.5rem 12%; text-align: justify; }
#contents .main_sub_ex.main_sub_ex_l { width:100%; border-right:none; border-bottom:var(--line_base); font-size: 1.2em; line-height: 1.8; }
#contents .main_sub_ex.main_sub_ex_r { width:100%; font-size: 1.1em; line-height: 1.8; }
#contents .main_sub_ex h3 { font-size: 1.1em; line-height: 3; letter-spacing: 0; font-weight: 800 !important; margin:0.5em 0 0.75em 0; text-align: center; }

#contents .main_alart { font-size: 1.6em; line-height: 2em; padding:1em 0; border-top:var(--line_base); }
#contents .main_alart ul { margin:0.4em auto 0 auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .main_alart ul li { margin:0.5em 0; }
#contents .main_alart ul li a { font-size: 0.8em; line-height: 1em; padding:0.75em 2em; border-radius: 2em; }
#contents .main_alart ul li.ch a { border-radius: 2em; }
#contents .main_alart ul li a i { margin:0 0.5em 0 0; }

/* main_bottom */
#contents .main_bottom { padding:1rem 0; }
#contents .main_bottom img { mix-blend-mode: multiply; }

/* tu_bn */
#contents .tu_bn { border-top: var(--line_base); margin:0; padding:1rem 0; }
#contents .tu_bn .tu_bn--box { background-color: #333267; padding: 2rem; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .tu_bn .tu_bn--box span { color: #ffffff; display:block; width: 100%; font-size: 1.5em; font-weight: 300; line-height: 1.2em; }
#contents .tu_bn .tu_bn--box a { font-size: 1.2em; line-height: 1.2em; font-weight: 600; width:100%; margin:1.5em auto 0 auto; padding:1em 1em; background-color: var(--color_white); color:#333267; border-radius: 2em;  }
#contents .tu_bn .tu_bn--box a i { margin:0 0.75em 0 0; }
#contents .tu_bn .tu_bn--box a[href]:hover { background-color: var(--color_a); color:var(--color_black); }

/* navi_head */
#contents .navi_head { padding:1em; }
#contents .navi_head h2 { font-size: 1.4em; line-height: 1.4em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .navi_head h2 .cap { font-size: 0.8em; margin:0 0 0 0.75em; }
#contents .navi_head_sub { padding:1em 0 1em 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .navi_head_sub h2 { font-size: 1.6em; line-height: 2em; text-align:center; }
#contents .navi_head_sub a { font-size: 1.2em; line-height: 1em; padding:1em 2em; margin:0.4em 0 0 0; border-radius: 2em; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .navi_head_sub a i { font-size: 0.7em; margin: 0 1em 0 0; }
#contents .navi_head_sub span.nolink { border:solid 1px var(--color_b); font-size: 0.9em; line-height: 1em; padding:1em 2em; margin:0.4em 0 0 0; border-radius: 2em; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#contents .navi_head_sub span.nolink i { font-size: 0.7em; margin: 0 1em 0 0; }
#contents .navi_head_sub_add { font-size: 0.9em; line-height: 2; letter-spacing: 0.05em; padding:1.5em 0; border-bottom:solid 1px var(--color_bg); align-items: center; }

/* dep_navi */
#contents .dep_navi { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .dep_navi .navi_head { width:100%; }
#contents .dep_navi .dep_navi_lead { width:100%; padding:2.5rem 0 0 3rem; text-align: left; font-size: 1.3em; letter-spacing:0.1em; line-height: 1.8; }
#contents .dep_navi .dep_navi_list { width:100%; padding:2rem; text-align: left; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
#contents .dep_navi .dep_navi_list ul { width:auto; margin:0 0 0 0; padding:0; }
#contents .dep_navi .dep_navi_list ul:last-child { width:auto; margin:0 0 0 0; }
#contents .dep_navi .dep_navi_list ul li { margin:0 0 1.5em 0; }
#contents .dep_navi .dep_navi_list ul li a { font-size: 1.6em; line-height: 1; letter-spacing: 0.15em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
#contents .dep_navi .dep_navi_list ul li a span.nav_name_sub { font-size: 0.7em; display:block; line-height: 1.6; }
#contents .dep_navi .dep_navi_list ul li a img { width: 1em; margin:0 0.5em 0 0; }

/* sub_navi */
#contents .sub_navi { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }

/* sub_navi_a */
#contents .sub_navi .sub_navi_a { width:100%; border-right:none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .sub_navi .sub_navi_a .navi_head { width:100%; }
#contents .sub_navi .sub_navi_a .sub_navi_a_list { width:100%; padding:2rem; }
#contents .sub_navi .sub_navi_a .sub_navi_a_list ul li { margin:0 0; }
#contents .sub_navi .sub_navi_a .sub_navi_a_list ul li a { font-size: 1.5em; line-height: 2; letter-spacing: 0.05em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
#contents .sub_navi .sub_navi_a .sub_navi_a_list ul li a i { margin:0 0.5em 0 0; }

/* sub_navi_b */
#contents .sub_navi .sub_navi_b { position: relative; width:100%; height:40em; border-right:none; background-image: url(../images/map2024_bn.png?20240717); background-position: center center; background-size: cover; }
#contents .sub_navi .sub_navi_b .navi_head { width:100%; }
#contents .sub_navi .sub_navi_b .sub_navi_b_list { width:100%; }
#contents .sub_navi .sub_navi_b .sub_navi_b_list a { position: absolute; bottom:2em; left:0; right:0; width:90%; margin:auto; font-size: 1.3em; line-height: 1em; padding:1em 2em; border-radius: 2em; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .sub_navi .sub_navi_b .sub_navi_b_list a i { font-size: 0.7em; margin: 0 1em 0 0; }

/* sub_navi_c */
#contents .sub_navi .sub_navi_c { width:100%; }
#contents .sub_navi .sub_navi_c .navi_head { width:100%; }
#contents .sub_navi .sub_navi_c .sub_navi_c_list { width:100%; text-align:left; }
#contents .sub_navi .sub_navi_c .sub_navi_c_list p { font-size: 1.2em; letter-spacing: 0.05em; line-height: 1.8; text-align: justify; }
#contents .sub_navi .sub_navi_c .sub_navi_c_list p.cap { font-size: 1.2em; letter-spacing: 0.05em; line-height: 1; margin:1em 0 3em 0; }
#contents .sub_navi .sub_navi_c .sub_navi_c_list .sub_navi_c_list--ex { padding: 2rem 2rem 2rem 2rem; }

/* youtube_bn */
#contents .youtube_bn { padding:1.5rem 0; }
#contents .youtube_bn { padding:1.5rem 0; border-bottom:var(--line_base); }
#contents .youtube_bn a { width:100%; display: inline-block; padding:1em 0; font-size: 1.6em; letter-spacing: 0.05em; border-radius: 1em; }
#contents .youtube_bn a i { margin:0 0.2em 0 0; }
#contents .youtube_bn a .ex { font-size: 0.7em; margin:0 0 0 1em; }

/* form_bn */
#contents .form_bn { margin:0 0 1.5rem 0; padding:1.5rem 0 0 0; }
#contents .form_bn a { width:100%; display: inline-block; padding:0.75em 0; font-size: 1.6em; letter-spacing: 0.05em; border-radius: 1em; }
#contents .form_bn a i { margin:0 0.2em 0 0; }
#contents .form_bn a .ex { display: block; font-size: 0.7em; margin:0 0 0 1em; }

/* line_box */
#contents .line_box { padding:0 0 1rem 0; border-bottom:var(--line_base); margin:0 0 0 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .line_box .line_box_title { width:100%; display: flex; margin:0 0 1rem 0; }
#contents .line_box .line_box_title img { margin:auto; }
#contents .line_box .line_box_ex { width:100%; border:solid 0.5rem var(--color_line); ext-align: justify; }
#contents .line_box .line_box_ex p { font-size: 1.2em; letter-spacing: 0.05em; line-height: 1.8; margin:0 0 1.5em 0; }
#contents .line_box .line_box_ex h3 { border-radius: 2em; text-align: center; font-size: 1.6em; letter-spacing: 0.05em; line-height: 1.8; margin:0 0 0.35em 0; }
#contents .line_box .line_box_ex .line_box_how { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
#contents .line_box .line_box_ex .line_box_how .line_box_how_ex { width:100%; }
#contents .line_box .line_box_ex .line_box_how .line_box_how_ex h4 { font-size: 1.4em; letter-spacing: 0.05em; line-height: 1.5; margin:0 0 0.5em 0; text-align: center; }
#contents .line_box .line_box_ex .line_box_how .line_box_how_ex h4 span { display:block; border-radius: 2em; text-align: center; font-size: 1.2em; letter-spacing: 0.05em; line-height: 1.8; margin:0 0 1em 0; }
#contents .line_box .line_box_ex .line_box_how .line_box_how_ex p { font-size: 1em; letter-spacing: 0.05em; line-height: 1.5; margin:1.5em 0; text-align: justify; }
#contents .line_box .line_box_ex .line_box_how .line_box_how_ex .line_box_how_qr { border:solid 1px var(--color_bg); }
#contents .line_box .line_box_ex .line_box_bottom { border-top:solid 1rem var(--color_line); padding:1rem; }
#contents .line_box .line_box_ex .line_box_how .line_box_how_add { width:50%; margin:1rem auto 2rem auto; }
#contents .line_box .line_box_ex .line_box_how .line_box_how_qr { width:50%; margin:1rem auto 2rem auto; }

/* news_box */
#contents .news_box { border-top:var(--line_base); border-bottom: var(--line_base); display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .news_box h2 { width:100%; font-size: 1.4em; line-height: 1em; padding:0.75em; display: flex; align-items: center; justify-content: center; text-align: center; border-right:none; border-bottom: var(--line_base); }
#contents .news_box ul { width:100%; text-align: left; padding:0.5em 0 0.5em 0; margin:auto; }
#contents .news_box ul li { border-bottom:var(--line_base); padding:1em 0; font-size: 1em; line-height: 1.5; letter-spacing: 0.1em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: flex-start; }
#contents .news_box ul li:last-child { border-bottom:none; }
#contents .news_box ul li .date { font-size: 0.9em; line-height: 2em; width:25%; letter-spacing: 0.05em; }
#contents .news_box ul li .title { font-size: 1.25em; line-height: 1.4em; width:70%; letter-spacing: 0.05em; }
#contents .news_box .tohoku { width:10%; border-left:var(--line_base);  display: flex; align-items: center; justify-content: center; text-align: center; }
#contents .news_box .tohoku a { margin:25%; }

/* program */
#contents .program_box .program_ex {  }

/* tab-area */
#contents .tab-area { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: stretch; cursor: pointer; }
#contents .tab-area .tab { padding:1em; font-size: 1em; line-height: 2.2em; border-right:solid 1px var(--color_bg); border-bottom:solid 1px var(--color_bg); transition: 0.2s linear; }
#contents .tab-area .tab.tab_a { width:50%; line-height: 1.2em; }
#contents .tab-area .tab.tab_b { width:50%; border-right: none; }
#contents .tab-area .tab.tab_c { width:50%; line-height: 1.2em; }
#contents .tab-area .tab.tab_d { width:50%; border-right: none; }
#contents .tab-area .tab.active { border-bottom:none; }
#contents .tab-area .tab:hover { transition: 0.2s linear; }
#contents .tab-area .tab i { margin:0 0.5em 0 0; }
#contents .tab-area .tab span { display:inline-block; text-align: left; }

#contents .content-area { border-bottom:var(--line_base); padding:1.5rem 0; position: relative; }
#contents .content-area .content { opacity: 0; display: none; position: absolute; top:0; left:0; width:100%; visibility: hidden; }
#contents .content-area .content.active { opacity: 1; display: block; position: static; transition: 0.2s linear; visibility: visible; }
#contents .content-area #content_mogi.content { display: flex; flex-direction: column; flex-wrap: wrap; justify-content:space-between; align-items: flex-start; }
#contents .content-area .content .content_ex { width:100%; }
#contents .content-area .content .content_ex .date { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items: center; padding:0.5em; }
#contents .content-area .content .content_ex .date .day { font-size: 2.5em; line-height: 1.4em; }
#contents .content-area .content .content_ex .date .week { font-size: 1.8em; }
#contents .content-area .content .content_ex .time { font-size: 1.2em; line-height: 1.4em; padding:0.5em; border-top:solid 0.1rem var(--color_white); }
#contents .content-area .content .content_ex table { width:100%; border-top:var(--line_base); }
#contents .content-area .content .content_ex table th { font-size: 1.2em; line-height: 1.2em; border-right:solid 0.1rem var(--color_white); border-top:solid 0.1rem var(--color_white); padding:0.5em; text-align: center; }
#contents .content-area .content .content_ex table tr:first-child th { font-size: 1.1em; }
#contents .content-area .content .content_ex table tr th span { font-size: 0.9em; display:block; line-height: 1.2em; margin:0 0 1em 0; }
#contents .content-area .content .content_ex table td { font-size: 1.1em; line-height: 1.5em; border-right:solid 0.1rem var(--color_white); border-top:solid 0.1rem var(--color_white); padding:1em; text-align: center; }
#contents .content-area .content .content_ex table tr th:last-child,
#contents .content-area .content .content_ex table tr td:last-child { border-right:none; }
#contents .content-area .content .content_ex table th.num { font-size: 1.8em; line-height: 1.4em; font-weight: 100; }
#contents .content-area .content .content_ex .schedule--title { width:45%; }
#contents .content-area .content .content_ex--lead { width:100%; text-align: center; padding: 0 0 2em 0; font-size: 1.4em; line-height: 1.4em; }
#contents .content-area .content .content_ex--inner { text-align: center; }
#contents .content-area .content .content_ex--att { width:100%; text-align: left; padding:2em 0 0 0; }

#contents .content-area .content .content_ex--tour { width:100%; text-align: left; }
#contents .content-area .content .content_ex--tour--head { display: flex; flex-direction: column; align-items: center; justify-content:space-between; align-items: flex-start; }
#contents .content-area .content .content_ex--tour h3 { display: flex; justify-content: center; width:100%; font-size: 1.4em; line-height: 1.2em; margin:auto; text-align: center; padding:0.75em; }
#contents .content-area .content .content_ex--tour .content_ex--tour--time { display: flex; justify-content: center; align-items: center; width: 100%; font-size: 1.2em; line-height: 1.2em; text-align: center; padding:0.75em 0 0 0; border-right: none; }
#contents .content-area .content .content_ex--tour .content_ex--tour--place { display: flex; flex-direction: column; align-items: center; width: 100%; font-size: 1.1em; line-height: 1em; margin: auto; padding:0 0 1rem 0; text-align: left; }
#contents .content-area .content .content_ex--tour .content_ex--tour--place span { white-space: nowrap; display:inline-block; padding:0.25em 1em; line-height: 1; margin:0.75em 0 0.5em 0; }
#contents .content-area .content .content_ex--tour .content_ex--tour--ex { font-size: 1.2em; line-height: 1.6em; margin: 0.75em auto 2em auto; text-align: justify; }
#contents .content-area .content .content_ex--tour--ex--table { overflow-x: auto; border-bottom: var(--line_base); }
#contents .content-area .content .content_ex--tour table { width:100%; border-left: var(--line_base); border-right: var(--line_base); }
#contents .content-area .content .content_ex--tour table th { white-space: nowrap; font-size: 1.4em; padding: 0.5em 1em; border-top:var(--line_base); }
#contents .content-area .content .content_ex--tour table td { white-space: nowrap; font-size: 1.2em; padding: 0.5em 1em; border-top: var(--line_base); }
#contents .content-area .content .content_ex--tour table td span { display:inline-block; padding:0.25em 1em; line-height: 1; margin:0 0.5em 0 0; }

#contents .content-area .content .content_ex--event { width:100%; text-align: left; }
#contents .content-area .content .content_ex--event h3 { font-size: 1.6em; line-height: 1.4em; margin:0 0 1em 0; text-align: center; padding:1.25em; }
#contents .content-area .content .content_ex--event h3 span { display:block; font-size: 0.7em; line-height: 1.6em; margin:0.5em auto 0 auto; }
#contents .content-area .content .content_ex--event h4 { font-size: 1.4em; line-height: 1.4em; margin:2em auto 1em auto; text-align: center; padding:0.5em; }
#contents .content-area .content .content_ex--event h4 span.content_ex--event--subtitle { font-size: 0.7em; line-height: 1.4em; }
#contents .content-area .content .content_ex--event h5 { font-size: 1.4em; line-height: 1.4em; margin: 2em auto 0.5em auto; padding:0.5em; text-align: center; }
#contents .content-area .content .content_ex--event h6 { font-size: 1.2em; line-height: 1.4em; margin: 2em auto 0.5em auto; }
#contents .content-area .content .content_ex--event p { font-size: 1.2em; line-height: 1.6em; text-align: justify; }
#contents .content-area .content .content_ex--event p.att { margin:0 0 0 0; font-size: 1em; line-height: 1.6em; text-align: left; }
#contents .content-area .content .content_ex--event p.cap { margin:0 0 0 0; font-size: 1em; line-height: 1.6em; text-align: right; }
#contents .content-area .content .content_ex--event ul li { font-size: 1.2em; line-height: 1.6em; border-left:solid 0.5rem var(--color_a); padding:0.75em 0.75em 0.75em 1.25em; margin:1em 0; }
#contents .content-area .content .content_ex--event--days { display: flex; flex-direction: column; justify-content:space-between; align-items: flex-start; }
#contents .content-area .content .content_ex--event--days--item { width:100%; margin:0 0 0 0; }
#contents .content-area .content .content_ex--event--ex { font-size: 1.6em; line-height: 1.4em; text-align: center; margin:1em 0; }
#contents .content-area .content .content_ex--event--fig div { width: 47.6%; }
#contents .content-area .content .att { margin:0 0 0 0; font-size: 1.2em; line-height: 1.6em; text-align: left; }
#contents .content-area .content .att span.hanrei { display:inline-block; border-radius: 2em; padding:0 1em; margin:0 0.5em; line-height: 1.6; }
#contents .content-area .content .bn { width:100%; }
#contents .content-area .content .bn a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items: center; font-size: 1.4em; line-height: 1.2em; margin:2em auto; padding:1em 2em; width:100%; border-radius: 2em; }
#contents .content-area .content .bn a i { font-size: 0.6em; margin:0 0.5em 0 0; }
#contents .content-area .content .pamph { font-size: 1.4em; margin:0 auto 0 auto; }
#contents .content-area .content .pamph img { margin: 1em auto 0 auto; padding:1em; }

/* ao */
#contents .ao_box .ao_ex { padding:1rem 0; margin:0 0 1rem 0; }
#contents .ao_box .ao_ex dl { padding:1em 3em 1em 3em; display: flex; flex-direction: column; flex-wrap: wrap; justify-content:center; align-items: stretch; border-radius: 1em; }
#contents .ao_box .ao_ex dl dt { border-left:none; border-right:none; border-top:solid 1px var(--color_bg); border-bottom:solid 1px var(--color_bg); font-size: 1.6em; line-height: 1.4em; width:100%; display: flex; justify-content:center; align-items: center; padding:1rem 0; }
#contents .ao_box .ao_ex dl dt:first-child { border-left:none; border-top:none; }
#contents .ao_box .ao_ex dl dd { width:100%; padding:1rem 0; display: flex; justify-content:center; align-items: center; font-size: 1.2em; line-height: 1.8em; text-align: justify; }
#contents .ao_box .ao_ex a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items: center; font-size: 1.2em; line-height: 1em; margin:1rem auto 0 auto; padding:1em 2em; width:100%; border-radius: 2em; }
#contents .ao_box .ao_ex a i { font-size: 0.6em; margin:0 0.75em 0 0; }

/* consul */
#contents .consul { max-width:100%; margin:3em auto 0 auto; }
#contents .consul li { margin:0 0 1.5em 0; border-left:solid 0.3em var(--color_b); padding:0 0 0 1.25em; font-size: 1.2em; line-height: 1.8em; letter-spacing: 0; font-weight: 500; text-align: justify; }

/* download */
#contents .download { width:80%; margin:5em auto 0 auto; }
#contents .download ul { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .download li { width:100%; margin:0 0 4em 0; }
#contents .download li a { border:solid 1px var(--color_bg); display:block; }
#contents .download li .size { display:block; margin-top:1em; font-size: 1.2em; }

/* lecture */
#contents .lecture { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#contents .lecture .head { width:100%; margin:1.5em 0 0 0; padding:0; }
#contents .lecture .head h2 { margin:0; border-bottom:none; }
#contents .lecture .lecture_ex { width:100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .lecture .lecture_ex .lecture_date { font-size: 2.5em; line-height: 1em; width:100%; padding:0.5em; border-top:solid 1px var(--color_bg); border-bottom:solid 1px var(--color_bg); }
#contents .lecture .lecture_ex .lecture_ch { width:100%; text-align: justify; border-right:none; }
#contents .lecture .lecture_ex .lecture_ch:last-child { border-right:none; }
#contents .lecture .lecture_ex .lecture_ch .lecture_ch_head { text-align: center; padding:2em 1em; border-top:solid 1px var(--color_bg); border-bottom:solid 1px var(--color_bg); }
#contents .lecture .lecture_ex .lecture_ch .lecture_ch_head a { display: inline-block; font-size: 1.3em; line-height: 1em; padding:1em 1.5em; width:100%; border-radius: 2em; }
#contents .lecture .lecture_ex .lecture_ch .lecture_ch_head a i { margin:0 0.5em 0 0; }
#contents .lecture .lecture_ex .lecture_ch dl { padding:2em 2em 2em 2em; letter-spacing: 0; border-bottom:var(--line_base); }
#contents .lecture .lecture_ex .lecture_ch dl dt { font-size: 1.3em; line-height: 1.6em; margin:0 0 1em 0; }
#contents .lecture .lecture_ex .lecture_ch dl dd.title { font-size: 1.5em; line-height: 1.6em; border-left:solid 0.3rem var(--color_b); padding:0 0 0 1.1rem; margin:0 0 0.75em 0; }
#contents .lecture .lecture_ex .lecture_ch dl dd.speaker { font-size: 1.2em; line-height: 1.6em; margin:0 0 0.75em 0; padding:0 0 0 1.5rem; }
#contents .lecture .lecture_ex .lecture_ch dl dd.ex { font-size: 1em; line-height: 1.8em; padding:0 0 0 1.5rem; }
#contents .lecture .lecture_ex .lecture_ch dl:last-child { padding:2em 2em 2em 2em; border-bottom:none; }

#contents .lecture .lecture_ex .lecture_ondemand {  }
#contents .lecture .lecture_ex .lecture_ondemand ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#contents .lecture .lecture_ex .lecture_ondemand ul li { width:100%; padding:3em; text-align: left; border-right:none; border-bottom:solid 1px var(--color_bg); }
#contents .lecture .lecture_ex .lecture_ondemand ul li:nth-child(3n) { border-right:none; }
#contents .lecture .lecture_ex .lecture_ondemand ul li:nth-child(13),
#contents .lecture .lecture_ex .lecture_ondemand ul li:nth-child(14) { border-bottom:solid 1px var(--color_bg); }
#contents .lecture .lecture_ex .lecture_ondemand ul li:nth-child(15) { border-bottom:none; }
#contents .lecture .lecture_ex .lecture_ondemand ul li dl { width:100%; padding:0; }
#contents .lecture .lecture_ex .lecture_ondemand ul li dl dt { font-size: 1.4em; line-height: 1.6em; margin:0 0 1.4em 0; }
#contents .lecture .lecture_ex .lecture_ondemand ul li dl dd.theme { text-align: center; padding:0.75em 0; }
#contents .lecture .lecture_ex .lecture_ondemand ul li dl dd.title { font-size: 1.4em; line-height: 1.6em; border-left:solid 0.3rem var(--color_b); padding:0 0 0 1rem; margin:1.4em 0 0.75em 0; }
#contents .lecture .lecture_ex .lecture_ondemand ul li dl dd.speaker { font-size: 1.2em; line-height: 1.6em; margin:0 0 0.75em 0; padding:0 0 0 0; }
#contents .lecture .lecture_ex .lecture_ondemand ul li dl dd.ex { font-size: 1em; line-height: 2em; letter-spacing: 0; padding:0 0 0 0; text-align:justify; }

/* faq */
#contents .faq { margin:0 0 2em 0; text-align: left; }
#contents .faq h2 { text-align: center; border-top:var(--line_base); border-bottom:var(--line_base); padding:1em 0; font-size: 1.5em; line-height: 1em; margin-bottom:1em; }
#contents .faq dl { padding:0 5% 3rem 5%; }
#contents .faq dt { margin:2em 0 1em 0; font-size: 1.4em; line-height: 1.8em; }
#contents .faq dd { margin:0 0 0 0; font-size: 1.1em; line-height: 2em; text-align: justify; }
#contents .faq .faq_table { overflow: scroll; }
#contents .faq table { border-top:var(--line_base); border-left:var(--line_base); width:100%; }
#contents .faq table th { font-size: 1em; text-align: center; letter-spacing: 0; border-right:var(--line_base); border-bottom:var(--line_base); padding:1em; white-space: nowrap; }
#contents .faq table td { font-size: 1em; letter-spacing: 0; border-right:var(--line_base); border-bottom:var(--line_base); padding:1em; white-space: nowrap; }

/* topics */
#contents .topics { text-align: center; width:80%; font-size: 1.4em; line-height: 1em; margin:1em auto 2em auto; }
#contents .topics dl { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#contents .topics dt { font-size: 1.2em; margin-right:0.6em; }
#contents .topics dd.date { font-size: 0.7em; line-height:1.5em; margin-right:1em; }
#contents .topics dd.title { line-height:1.5em; }

/* enq */
#contents .enq { text-align: center; width:80%; font-size: 1.4em; line-height: 1em; margin:1em auto 7em auto; }
#contents .enq a { font-size: 1.2em; line-height: 1em; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; padding:0.5em 2em; }

/* list */
#wrapper.other .list {  }
#wrapper.other .list h2 { text-align: center; border-top:solid 1px var(--color_bg); border-bottom:solid 1px var(--color_bg); padding:0.75em 0; font-size: 1.2em; line-height: 1em; margin-bottom:2em; }
#wrapper.other .list ul { padding:1rem 3rem 1rem 2rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
#wrapper.other .list li { position: relative; width:90%; margin:0 auto 4em auto; box-shadow:1.5em 1.5em 0 var(--color_a); }
#wrapper.other .list li .tag { position: absolute; right:0; bottom:0; display:block; text-align: right; font-size: 1.2em; line-height:1.3em; }
#wrapper.other .list li .tag span { letter-spacing: 0; }
#wrapper.other .list.list_dep li { margin-bottom:6em; }
#wrapper.other .list.list_dep li .tag { position: absolute; right:auto; bottom:auto; left:0; top:0; display:block; text-align: left; font-size: 1.2em; line-height: 1.5em; }
#wrapper.other .list.list_dep li .tag span { letter-spacing: 0; }
#wrapper.other .list li .hp { position: absolute; right:0; bottom:-3em; display:block; text-align: right; font-size: 1.2em; line-height: 1em; }
#wrapper.other .list li .hp a { letter-spacing: 0; }
#wrapper.other .list li .hp a[href]:hover { letter-spacing: 0; }
#wrapper.other .list li .pre { position: absolute; right:0; bottom:0; display:block; text-align: right; font-size: 1.2em; line-height: 1em; }
#wrapper.other .list li .pre span { letter-spacing: 0; }
#wrapper.other .list.list_vr_tour li { position: relative; width:90%; margin:0 2.5% 6em 2.5%; }
#wrapper.other .list.list_dep li.pickup { position: relative; width:90%; margin:0 auto 4em auto; }
#wrapper.other  .dep_phys .list.list_dep li.pickup { position: relative; width:90%; margin:0 auto 8em auto; }
#wrapper.other .dep_phys .list li .att { position: absolute; right:0; bottom:-5.5em; display:block; text-align: right; font-size: 1.1em; line-height: 1.2em; }
#wrapper.other .list.list_dep .group { width:100%; margin:4em auto 3em auto; border:solid 1px var(--color_a); }
#wrapper.other .list.list_dep .group .group_title { width:100%; font-size: 1.2em; line-height: 1em; padding:1em; margin:0 0 2em 0; display:flex; flex-direction: column; justify-content: center; }
#wrapper.other .list.list_dep .group .group_title .hp { margin:1em 0 0 0; }
#wrapper.other .list.list_dep .group ul li { width:80%; margin:0 5% 6em 0; }
#wrapper.other .list.list_dep .group ul li:last-child { width:80%; margin-bottom:4em; }

/* vr_sec */
#wrapper.other .vr_sec { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: stretch; }
#wrapper.other .vr_sec .vr_tour { width:100%; border-right:none; }
#wrapper.other .vr_sec .vr_map { width:100%; padding:0 0 1.5em 0; }
#wrapper.other .vr_sec .vr_map ul { margin:2rem auto; display: flex; flex-direction: column; align-items: center; }
#wrapper.other .vr_sec .vr_map li { font-size:1.5em; line-height:2em; }

/* vr_box */
#wrapper.other.vr_box { min-width:0; }
#wrapper.other.vr_box .box { padding:0; }
#wrapper.other.vr_box #contents { position: relative; }
#vr_title { position: absolute; left:-1px; bottom:-1px; font-size: 1.1em; line-height: 1em; display:block; padding:0.75em; z-index: 999; }

/* youtube */
.youtube { position: relative; width: 100%; height:calc(100vh - 15rem); margin:1rem 0; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/* map */
.map_box { overflow:scroll; }
#map { position:relative; padding:2rem 0 2rem 0; }
#map .campus_map { position: relative; height:auto; width:1400px; margin-bottom: 0; }
#map .map_pre { margin: 5rem auto 0 auto; }
#map .navi { border:solid 1px var(--color_b); position:absolute; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; }
#map .navi h2 { width:100%; margin:0; font-size: 1.3em; line-height: 1em; padding:0.5em; }
#map .navi ul { padding:2em 0 2em 2em; }
#map .navi li { position: relative; font-size: 1.4em; line-height: 1em; padding:0.5em 1.5em; text-align: left; letter-spacing: 0em; }
#map .navi li i { margin-right:0.4em; position: absolute; top:0.3em; left:0; }
#map .navi.navi_1 { position:static; width:80%; margin-left:10%; margin-bottom:2em; }
#map .navi.navi_2 { width:80%; position:static; margin-left:10%; margin-bottom:2em; }
#map .navi.navi_2 p { font-size: 1.3em; line-height:1.8em; padding:1.5em 1.5em 0 1.5em; text-align: justify; letter-spacing: 0; }
#map .navi.navi_2 .navi_box { padding:0 0 0 0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
#map .navi.navi_2 .navi_box ul:nth-child(1) { width:100%; padding:2em 0 0 2em; }
#map .navi.navi_2 .navi_box ul:nth-child(2) { width:100%; padding:0 0 2em 2em; }
#map .navi.navi_3 { width:80%; position:static; margin-left:10%; }
#map .navi.navi_3 p { font-size: 1.3em; line-height:1.8em; padding:1.5em 1.5em 0 1.5em; text-align: justify; letter-spacing: 0; }

#map .vr li { position:absolute; }
#map .vr li a { font-size: 1.5em; line-height: 1em; }
#map .vr li.vr_70901 { left:54%; top:30.8%; z-index:10; }
#map .vr li.vr_70902 { left:54%; top:28.8%; z-index:10; }
#map .vr li.vr_70903 { left:32%; top:48.3%; z-index:10; }
#map .vr li.vr_70904 { left:10%; top:36.8%; z-index:10; }
#map .vr li.vr_70905 { left:10%; top:56.8%; z-index:10; }
#map .vr li.vr_71001 { left:31%; top:46.2%; z-index:10; }
#map .vr li.vr_71002 { left:34%; top:47%; z-index:10; }
#map .vr li.vr_71003 { left:24%; top:42.5%; z-index:10; }
#map .vr li.vr_71004 { left:15%; top:66.7%; z-index:10; }
#map .vr li.vr_71005 { left:13%; top:66.7%; z-index:10; }
#map .vr li.vr_71006 { left:19%; top:62.3%; z-index:10; }
#map .vr li.vr_71007 { left:16%; top:62.8%; z-index:10; }
#map .vr li.vr_71008 { left:9%; top:58%; z-index:10; }
#map .vr li.vr_71009 { left:17.5%; top:46.8%; z-index:10; }
#map .vr li.vr_71010 { left:19%; top:46.3%; z-index:10; }
#map .vr li.vr_71011 { left:43.5%; top:45.3%; z-index:10; }
#map .vr li.vr_71012 { left:28.8%; top:46.3%; z-index:10; }
#map .vr li.vr_71013 { left:62.5%; top:18.8%; z-index:10; }
#map .vr li.vr_71014 { left:61%; top:18%; z-index:10; }
#map .vr li.vr_71015 { left:9%; top:60.8%; z-index:10; }
#map .vr li.vr_71401 { left:29%; top:43.5%; z-index:10; }
#map .vr li.vr_71402 { left:51.5%; top:24%; z-index:10; }
#map .vr li.vr_71403 { left:52.8%; top:24.4%; z-index:10; }
#map .vr li.vr_71404 { left:33.5%; top:48.7%; z-index:10; }
#map .vr li.vr_71405 { left:64%; top:43.3%; z-index:10; }
#map .vr li.vr_71406 { left:65.5%; top:42.8%; z-index:10; }
#map .vr li.vr_71407 { left:64%; top:41.8%; z-index:10; }
#map .vr li.vr_71408 { left:4.8%; top:77.4%; z-index:10; }
#map .vr li.vr_71409 { left:54.1%; top:24.8%; z-index:10; }
#map .vr li.vr_71410 { left:51%; top:22.2%; z-index:10; }
#map .vr li.vr_71411 { left:67%; top:30%; z-index:10; }
#map .vr li.vr_71412 { left:50.2%; top:23.6%; z-index:10; }
#map .vr li.vr_71901 { left:23%; top:45.3%; z-index:10; }
#map .vr li.vr_71902 { left:10.5%; top:65.5%; z-index:10; }
#map .vr li.vr_71903 { left:64%; top:34.5%; z-index:10; }
#map .vr li.vr_71904 { left:51.4%; top:44.4%; z-index:10; }
#map .vr li.vr_71905 { left:60%; top:14.4%; z-index:10; }
#map .vr li.vr_71906 { left:21%; top:43.2%; z-index:10; }
#map .vr li.vr_71907 { left:41%; top:57%; z-index:10; }
#map .vr li.vr_01 { left:8%; top:68.5%; z-index:10; }

/* modal */
.modal_wrap .modal_overlay .modal_content { width:90%; height: auto; max-height: 90dvh; }
.modal_wrap .modal_overlay .modal_content .modal_content_wrap { display: flex; flex-wrap: nowrap; flex-direction: column; padding: 2em 1.5em 0 1.5em; }
.modal_wrap .modal_overlay .modal_content .modal_title { padding: 0 0 2rem 0; position: static; }
.modal_wrap .modal_overlay .modal_content .modal_content_wrap .modal_content--left { width: 100%; margin-bottom: 2em; position: static; }
.modal_wrap .modal_overlay .modal_content .modal_content_wrap .modal_content--right { width: 100%; }
.modal_wrap .modal_overlay .modal_content .close_button { width: 3rem; }
.modal_wrap .modal_overlay .modal_content .close_button::before { content:""; width:3rem; height:3rem; }
.modal_wrap .modal_overlay .modal_content .close_button .close_button_parts { top: 1.5rem; width: 1.5rem; }

}

/* size */
html {
  font-size: clamp(12px, 0.9vw, 15px);
}

@media screen and (max-width: 600px) {
  html {
    font-size: clamp(12px, 3.6vw, 21px);
  }
}