@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/* -----reset--------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:block;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
	letter-spacing:-0.5em;
}
li {
	letter-spacing:normal;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
input, select {
  border:1px solid #aaa;
  border-radius:5px;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius:0;
  -webkit-box-sizing:content-box;
  -webkit-appearance:button;
  appearance:button;
  border:none;
  box-sizing:border-box;
  cursor:pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display:none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset:-2px;
}

/* ------------------------------------------------------ */
*,
*:before,
*:after {
  -webkit-box-sizing:inherit;
  box-sizing:inherit;
}

html {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

* { font-style:normal;
	font-weight:normal;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
	}

html {
  font-size:62.5%; /*font-size:10px;*/
  -webkit-text-size-adjust:100%;
	scroll-behavior:smooth;
  }

body{ background:#f7f7f7; font-family:"Noto Sans JP", sans-serif;　font-weight:400; font-style:normal; color:#333; font-size:1.6rem; line-height:1.75; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:100%; word-wrap:break-word; }
@media (max-width:480px){
body{ font-size:1.5rem; line-height:1.75; }
}

a { color:#004896; text-decoration:none; }
a:hover { color:#004896; text-decoration:none; }

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




header { width:97%; z-index:10; background-color:rgba(255,255,255,0.75); border-radius:10px; position:absolute; top:20px; left:1.5%;  }
header .header_inner { width:100%; height:80px; display:flex; justify-content:space-between; align-items:center; position:relative; }
header h1 { padding:0 0 0 25px; z-index:12; }
header h1 a { display:flex; align-items:center; color:#004896; }
header h1 a img { width:90px; margin-right:15px; }
header h1 a span { font-size:1.2rem; font-weight:600; line-height:1.25; }
header nav { margin-right:10px; }
header nav ul { display:flex; align-items:center; }
header nav li { padding:0 15px; font-size:1.3rem; font-weight:600; }
header nav li a { display:flex; align-items:center; color:#333; }
header nav li a img { width:25px; margin-right:7px; }
@media screen and (max-width:1195px){
header h1 a span { font-size:1.1rem; }
header nav li { padding:0 9px; font-size:1.2rem; }
}
@media screen and (max-width:1075px){ 
header nav {position:absolute; top:-100vh; left:-1.5%; width:103%; height:100vh; background-color:#fff; overflow:auto; z-index:11; opacity:0; pointer-events:none; transition:all 0.3s; }
header nav.is-show { opacity:1; pointer-events:auto; top:-20px; }
header nav { padding:120px 40px 0; }
header nav ul { display:inherit; }
header nav ul li { display:block; width:100%; font-size:1.5rem; padding:20px; border-bottom:1px dotted #004896; text-align:left; }
}
@media screen and (max-width:425px){ 
header { top:10px;  }
header h1 { padding:0 0 0 15px; }
header h1 a img { width:65px; margin-right:10px; }
header h1 a span { font-size:1.0rem; }
}

.menubtn { position:relative; padding:10px; z-index:12; } 
@media screen and (min-width:1076px){ .menubtn { display:none; } }
header .menubtn { margin-right:20px; }
.openbtn{ position:relative; background:#004896; cursor:pointer; width:50px; height:50px; border-radius:2px; }
.openbtn span{ display:inline-block; transition:all .4s; position:absolute; left:12px; height:3px; border-radius:5px; background:#fff; width:52%; }
.openbtn span:nth-of-type(1) { top:10px; }
.openbtn span:nth-of-type(2) { top:18px; }
.openbtn span:nth-of-type(3) { top:26px; }
.openbtn span:nth-of-type(3)::after { content:"Menu"; position:absolute; top:5px; left:0px; color:#fff; font-size:1.0rem; }
.openbtn.active span:nth-of-type(1) { top:13px; left:13px; width:45%; transform:translateY(6px) rotate(-45deg); }
.openbtn.active span:nth-of-type(2) { opacity:0; }
.openbtn.active span:nth-of-type(3) { top:25px; left:13px; width:45%; transform:translateY(-6px) rotate(45deg); }
.openbtn.active span:nth-of-type(3)::after { content:"Close"; top:6px; left:12px; transform:translateY(0) rotate(-45deg); }
@media screen and (max-width:425px){ 
header .menubtn { margin-right:10px; }
}

footer { background-color:#3d3d3d; padding:40px 20px; color:#9a9a9a; text-align:center; font-size:1.0rem; }




#top-mv { height:85vh; min-height:600px; background-image:url(/assets2026/img/top/mv.jpg); background-size:cover; background-position:center center; position:relative; display:flex; justify-content:center; align-items:center; }
#top-mv .catch { line-height:1.2; text-align:center;}
#top-mv .catch h2 { font-size:min(8.4vw,6rem); font-weight:600; color:#004896; }
#top-mv .catch h3 { font-size:min(4.2vw,3rem); font-weight:600; padding-top:10px;}


.news { width:90%; max-width:1250px; margin:auto; padding:80px 0; }
.news h2 { text-align:center; font-size:3.2rem; font-weight:600; color:#004896; letter-spacing:0.15em; padding-bottom:30px; }
.news__list .news__item { margin-bottom:20px; }
.news__list .news__item a {display:flex; flex-wrap:wrap; padding:10px; background-color:rgba(200,200,200,0.3); -webkit-transition:all .5s ease; transition:all .5s ease; text-decoration:none; border-radius:5px;  }
.news__list .news__item a{ display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap; }
.news__list .news__item a:hover { background-color:#006bcf; }
.news__list .news__item a:hover .news__date { color:#fff; }
.news__list .news__item a:hover .news__title { color:#fff; }
.news__list .news__item a .news__date { width:100px;display:block;margin-bottom:5px;color:#222; }
.news__list .news__item a .news__cate { width:100px;display:block;text-align:center;color:#fff; background-color:#2a3f89; margin:2px 0 5px;padding:2px;font-size:1.0rem;}
.news__list .news__item a .news__cate.alumni { background-color:#673399; }
.news__list .news__item a .news__title{ display:block; line-height:1.4;width:calc( 100% - 240px); }
.news__list .news__item a .news__date{margin-bottom:0;width:135px;}
.news__list .news__item a .news__cate{margin-right:20px;}
@media screen and (max-width:500px){ 
.news__list .news__item a {flex-wrap:wrap;}
.news__list .news__item a .news__title{ width:100%; }
}

.top-vision { margin:60px 0 30px; position:relative; }
.top-vision-heading { background:linear-gradient(270deg, rgb(0, 176, 235) 0%, rgb(0, 72, 150) 100%); transform:skew(0deg, -6deg); width:100%; height:250px; display:flex; align-items:center; justify-content:center; z-index:-1; }
.top-vision-heading .vision-heading { transform:skew(0deg, 6deg); color:#fff; width:90%; max-width:1250px; line-height:1.5; display:flex; justify-content:space-between; align-items:center; }
.top-vision-heading h2 { width:35%; }
.top-vision-heading h2 span { display:block; }
.top-vision-heading h2 span:nth-child(1) { font-size:6.0rem; font-weight:600; letter-spacing:0.05em; padding-top:80px; }
.top-vision-heading h2 span:nth-child(2) { font-size:1.8rem; font-weight:500; padding:5px;  }
.top-vision .vision-img { width:65%; z-index:5; padding-top:180px;}
.top-vision .vision-img img { border:20px solid #fff; border-radius:10px; }
.top-vision .vision-content { margin:120px auto 50px; width:90%; max-width:1250px; display:flex; justify-content:space-between; }
.top-vision .vision-content .txt-block { width:63%; line-height:2.2; }
.top-vision .vision-content .img-block { width:30%; }
.top-vision .vision-content .img-block li { height:70px; line-height:1.5; display:flex; align-items:center; justify-content:center; background:linear-gradient(0deg, rgb(0, 176, 235) 0%, rgb(0, 72, 150) 100%); margin-bottom:15px; border-radius:10px; color:#fff; font-size:1.6rem; font-weight:600; }
@media screen and (max-width:1075px){ 
.top-vision-heading h2 span:nth-child(1) { font-size:5.0rem; padding-top:60px; }
.top-vision-heading h2 span:nth-child(2) { font-size:1.6rem; }
.top-vision .vision-img { padding-top:120px;}
.top-vision .vision-img img { border:10px solid #fff; }
.top-vision .vision-content { margin:80px auto; }
}
@media screen and (max-width:800px){ 
.top-vision-heading .vision-heading { display:block; align-items:flex-start; }
.top-vision-heading h2 { display:block; width:100%; }
.top-vision-heading h2 span:nth-child(1) { padding-top:120px; }
.top-vision-heading h2 span:nth-child(2) br { display:none;}
.top-vision .vision-img { width:100%; padding-top:20px;}
.top-vision .vision-content { margin:100px auto 0; }
}
@media screen and (max-width:600px){ 
.top-vision .vision-content { display:block; }
.top-vision .vision-content .txt-block { width:100%; line-height:1.7; }
.top-vision .vision-content .img-block { width:80%; margin:20px auto 0;}
}
@media screen and (max-width:500px){ 
.top-vision-heading h2 span:nth-child(1) { padding-top:80px; }
}
@media screen and (max-width:420px){ 
.top-vision-heading h2 span:nth-child(2) br { display:block; }
}

.top-business { background:#fff; padding:50px 0 0; }
.top-business ul { display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; width:90%; max-width:1250px; margin:auto; }
.top-business li { width:47.5%; margin:30px 0; background:#fafafa; border-radius:10px; border:1px solid #f3f3f3; }
.top-business li:hover { display:block; border-radius:10px; box-shadow:0 2px 5px 2px #eee; }
.top-business li img { border-radius:10px 10px 0 0; }
.top-business li div { padding:5px 20px; }
.top-business li h3 { font-size:1.7rem;  font-weight:600; padding:5px 0; }
.top-business li div p { font-size:1.4rem; line-height:1.5; color:#333; padding-bottom:15px; }
@media screen and (max-width:600px){ 
.top-business ul { display:block; }
.top-business li { width:90%; margin:20px auto 0; }
}

#contact { background:#fff; }
.contact { position:relative; overflow:hidden; }
.contact:before{ content:''; position:absolute; top:0; left:-10%; width:200%; height:300%; margin:20% -50% 0; background:rgba(222,222,222,0.4); -webkit-transform-origin:left center; -ms-transform-origin:left center; transform-origin:left center; -webkit-transform:rotate(-6deg); -ms-transform:rotate(-6deg); transform:rotate(-6deg); }
.contact__inner{ padding:250px 0 100px; color:#222; text-align:center; position:relative; }
.contact__inner h2 { color:#006bcf; font-size:2.5rem; font-weight:700; letter-spacing:.1em;margin-bottom:30px; }
.contact__address img { width:80%; max-width:350px; margin-bottom:10px; }
.contact__address { font-size:1.5rem; line-height:1.8; }
@media screen and (max-width:600px){ 
.contact__inner{ padding:20% 0; }
.contact__address { font-size:1.4rem; }
}



.content-header { position:relative; background-position:center; background-size:cover; height:350px; }
.content-header:after{content:"";width:100%; height:100%; display:flex; position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.5); }
.content-header div { padding:0; margin:0; color:#fff; display:flex; justify-content:center; align-items:center; position:relative; z-index:1; height:calc( 100% + 80px ); }
.content-header h1 { font-size:3.2rem; color:#fff; font-weight:600; }
.content-header h1 span { display:block; line-height:1.0; margin-bottom:5px; }
.content-header h1 span.sub { display:block; font-size:60%; }
@media screen and (max-width:600px){ 
.content-header { height:220px; }
.content-header div { height:calc( 100% + 100px ); }
.content-header h1 { font-size:2.2rem; }
}

.newspage .content-header { background-image:url(/assets2026/img/news/h1.jpg);}
.about .content-header { background-image:url(/assets2026/img/about/h1.jpg);}
.business .content-header { background-image:url(/assets2026/img/business/h1.jpg);}
.program .content-header { background-image:url(/assets2026/img/program/h1.jpg);}
.consortium .content-header{background-image:url(/assets2026/img/consortium/h1.jpg);}
.consortium .content-header span.font-s { font-size:80%;}
.alumni .content-header{background-image:url(/assets2026/img/alumni/h1.jpg);}
.teacher .content-header{background-image:url(/assets2026/img/teacher/h1.jpg);}


.content-body { width:90%; max-width:1250px; margin:auto; padding-bottom:80px; }
.content-body section { margin:80px 0; }
.content-body section p { margin:10px 0; }

.headline01 { padding:0 0 15px 10px; margin-bottom:25px; color:#23408e; font-size:2.4rem; line-height:1; font-weight:600; border-bottom:3px solid #23408e } 
.headline02{padding:15px 0 15px 20px;margin-bottom:20px;color:#23408e;font-size:2.0rem;line-height:1;font-weight:bold;border-left:4px solid #23408e;background-color:#e6e6e6}
.headline03 {padding:15px 0 0; margin-bottom:25px; color:#23408e;font-size:2.2rem;line-height:1.5;font-weight:bold;}

.btn-secondary { display:flex; align-items:center; justify-content:center; line-height:1; text-decoration:none; color:#fff; font-size:1.6rem; border-radius:5px; width:90%; max-width:350px; height:60px; font-weight:600; border:2px solid #fff; transition:0.3s; box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.3); background-image:linear-gradient(90deg, rgba(0, 175, 236, 1), rgba(0, 72, 150, 1)); }
.btn-secondary:hover { color:#fff; box-shadow:0px 4px 1px -2px rgba(0, 0, 0, .1); }

ul.disc { margin:5px 0 5px 25px; list-style-type:disc; }
ol { margin:5px 0 5px 25px; list-style-type:decimal;}

.table01 th,.table01 td{ padding:2rem 0.75rem; border-width:0 0 6px; border-style:solid; }
@media (max-width:991.98px){.table01.table-flexible th,.table01.table03 th,.table01.table-flexible td,.table01.table03 td{padding:0.75rem}
}
.table01 th{vertical-align:top;border-color:#abb7d6;white-space:nowrap}
@media (min-width:992px){.table01 th{min-width:200px}
}
.table01 td{border-color:#dcdcdc}

p.overview { text-align:center; }
@media (max-width:750px){
p.overview { text-align:left; }
p.overview br { display:none; }
}

.greeting { display:flex; justify-content:space-between; align-items:flex-start; }
.greeting img { max-width:250px; height:auto; margin-right:50px; border-radius:5px; }
.greeting h3 { font-size:2.0rem; font-weight:500; color:#23408e; }
.greeting p { padding:8px 0; }
.greeting p.director { display:flex; justify-content:flex-end; align-items:center; padding:0 10px; margin:0; line-height:1.0; }
.greeting p.director span:nth-child(1) { font-size:1.3rem; margin-right:10px; white-space:nowrap; }
.greeting p.professor { display:flex; justify-content:flex-end; font-size:1.2rem; padding:0 10px 20px; line-height:1.0; }
@media (max-width:600px){
.greeting { display:block; }
.greeting img { display:block; width:40%; height:auto; margin:auto; }
.greeting div { margin:15px 0; }
.greeting h3 { font-size:1.7rem; }
}

.relationship h3 { font-size:2.0rem; font-weight:500; color:#23408e; }
.relationship-img { width:100%; max-width:800px; margin:15px auto; background-color:#fff; padding:20px; border-radius:5px; }
.relationship-img p { font-size:1.3rem; display:flex; padding-top:15px; }

span.director { display:block; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; }
span.director span:nth-child(1) { width:70px; text-align:right; margin-right:1em; white-space:nowrap; }
span.director span:nth-child(2) { width:75px; }
@media (max-width:600px){
span.director span:nth-child(1), span.director span:nth-child(2), span.director span:nth-child(3) { width:100%; text-align:left; }
span.director span:nth-child(3) { padding-bottom:10px; }
}

section#about-logo { padding-top:50px;}
#about-logo div { display:flex; }
#about-logo div img { max-width:200px; padding:0 30px; }
@media (max-width:450px){
#about-logo div { display:inherit; }
#about-logo div img { max-width:40%; padding:10px; }
}

.relationship-catch { margin:30px 0; text-align:center; font-size:3.0rem;; font-weight:bold; color:#004896; }
.relationship-catch span { font-size:1.6rem; color:#222; }
@media (max-width:600px){
.relationship-catch { font-size:1.8rem;; font-weight:bold; color:#004896; }
.relationship-catch span { font-size:1.0rem; }
}

.cts-business ul { display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; margin:auto; }
.cts-business li { width:47.5%; margin:30px 0; background:#fff; border-radius:10px; }
.cts-business li:hover { display:block; border-radius:10px; box-shadow:0 2px 5px 2px #eee; }
.cts-business li img { border-radius:10px 10px 0 0; }
.cts-business li div { padding:5px 20px; }
.cts-business li h3 { font-size:1.7rem;  font-weight:600; padding:5px 0; }
.cts-business li div p { font-size:1.4rem; line-height:1.5; color:#333; padding-bottom:15px; }
@media screen and (max-width:600px){ 
.cts-business ul { display:block; }
.cts-business li { width:90%; margin:20px auto 0; }
}

.program-list { display:flex; justify-content:space-between; align-items:stretch; margin:20px auto 80px; }
.program-list li { width:32%; background:#fff; padding:10px; border-radius:10px; box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.3); position:relative; }
.program-list li h3 { background-image:linear-gradient(90deg, rgba(0, 72, 150, 1), rgba(0, 175, 236, 1)); color:#fff; border-radius:10px; height:100px; display:flex; justify-content:center; align-items:center; font-size:1.8rem; font-weight:600; }
.program-list li p { padding:10px 10px 0 10px; }
.program-list li ul.series { width:100%; display:inherit; padding:10px 10px 0 10px; line-height:1.5; }
.program-list li ul.series li { width:100%; padding:10px 10px 0 10px; line-height:1.5; padding:0; box-shadow:none; margin-bottom:20px; }
.program-list li ul.series li:last-child { margin-bottom:0; }
.program-list li p.btn { position:absolute; bottom:10px; right:20px; width:calc( 100% - 40px); }
.program-list li a.block { background:#eee; border-radius:3px; position:relative; display:flex; justify-content:center; align-items:center; margin:0 auto; width:100%; padding:10px 25px; color:#004896; line-height:1.8; text-decoration:none; transition:0.3s ease-in-out; font-weight:600; }
.program-list li a.block:hover { background:#ddd; }
.program-list li a.block:after { content:''; width:7px; height:7px; border-top:2px solid #004896; border-right:2px solid #004896; transform:rotate(45deg) translateY(-50%); position:absolute; top:50%; right:20px; border-radius:1px; transition:0.3s ease-in-out; }
.program-list li a.each-btn { background:#eee; border-radius:3px; position:relative; display:flex; justify-content:center; align-items:center; margin:10px auto; width:100%; padding:10px 25px; color:#004896; line-height:1.8; text-decoration:none; transition:0.3s ease-in-out; font-weight:600; }
.program-list li a.each-btn:hover { background:#ddd; }
.program-list li a.each-btn:after { content:''; width:7px; height:7px; border-top:2px solid #004896; border-right:2px solid #004896; transform:rotate(45deg) translateY(-50%); position:absolute; top:50%; right:20px; border-radius:1px; transition:0.3s ease-in-out; }
@media screen and (max-width:900px){
.program-list { flex-wrap:wrap; }
.program-list li { width:48%; margin-bottom:20px; }
.program-list li:nth-child(1), .program-list li:nth-child(2) { padding-bottom:80px; }
}
@media screen and (max-width:600px){ 
.program-list { display:inherit; }
.program-list li { width:100%; }
}

.ds-ai-planning h3 { font-size:2.0rem; font-weight:600; color:#004896; }
.ds-ai-planning h4 { font-size:1.8rem; font-weight:600;  color:#00afec; }
.ds-ai-planning .with-images { display:flex; justify-content:space-between; align-items:center; }
.ds-ai-planning .with-images img { width:40%; max-width:280px; padding-left:30px; }
@media screen and (max-width:600px){ 
.ds-ai-planning h3 { font-size:1.7rem; }
.ds-ai-planning h4 { font-size:1.6rem; }
.ds-ai-planning .with-images { display:inherit; }
.ds-ai-planning .with-images img { width:80%; max-width:220px; padding-left:0; margin:10px auto; display:block; }
}

.ds-ai-system { background-color:#eff8fe; padding:20px; border:5px solid #fff; }
.ds-ai-system h3 { font-size:2.0rem; font-weight:600; color:#00afec; }
.ds-ai-system .with-images { display:flex; justify-content:space-between; align-items:center; }
.ds-ai-system .with-images img { width:50%; max-width:450px; padding-left:30px; }
@media screen and (max-width:600px){ 
.ds-ai-system h3 { font-size:1.7rem; }
.ds-ai-system .with-images { display:inherit; }
.ds-ai-system .with-images img { width:100%; max-width:100%; padding-left:0; margin:10px auto; display:block; }
}

.ds-ai-training h2 { font-size:2.6rem; font-weight:600; color:#004896; }
.ds-ai-training h2 span { font-size:1.6rem; padding-left:30px; color:#222; }
.ds-ai-training h3 { font-size:2.0rem; color:#004896; font-weight:600; }
.ds-ai-training .training { display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; }
.ds-ai-training .training .trainng-block { width:48%; margin:25px 0; background-color:#fff; padding:25px; border-radius:5px; }
.ds-ai-training .training .trainng-block h4 { font-size:1.8rem; position:relative; padding-left:50px; margin-bottom:10px; }
.ds-ai-training .training .trainng-block h4 span { display:block; position:absolute; top:0; left:0; font-size:1.1rem; color:#fff; width:40px; height:40px; background-color:#004896; border-radius:50%; text-align:center; line-height:40px;}
@media screen and (max-width:600px){ 
.ds-ai-training h2 { font-size:2.0rem; }
.ds-ai-training h2 span { display:block; font-size:1.4rem; padding-left:0; }
.ds-ai-training h3 { font-size:1.7rem; }
.ds-ai-training .training { display:inherit; }
.ds-ai-training .training .trainng-block { width:100%; margin:20px auto; padding:15px; }
.ds-ai-training .training .trainng-block h4 { font-size:1.5rem; line-height:1.3; }
}

.future-planning h3 { font-size:2.0rem; font-weight:600; color:#004896; }
.future-planning h4 { font-size:1.8rem; font-weight:600; color:#00afec; }
.future-planning .future-img { width:100%; max-width:700px; margin:auto; }
@media screen and (max-width:600px){ 
.future-planning h3 { font-size:1.7rem; }
.future-planning h4 { font-size:1.6rem; }
}

.future-system { background-color:#fff; padding:20px; border-radius:5px; }
.future-system h3 { font-size:2.0rem; font-weight:600; color:#004896; }
.future-system h4 { font-size:1.8rem; font-weight:600; color:#00afec; }
.future-system .with-images { display:flex; justify-content:space-between; align-items:flex-start; }
.future-system .with-images .txt-block { width:65%; padding-top:10px; }
.future-system .with-images figure { width:30%; }
.future-system .with-images figure figcaption { padding:5px 1px; font-size:80%; }
@media screen and (max-width:600px){ 
.future-system h3 { font-size:1.7rem; }
.future-system h4 { font-size:1.6rem; }
.future-system .with-images { display:inherit; }
.future-system .with-images .txt-block { width:100%; }
.future-system .with-images figure { width:90%; margin:15px auto;}
}

.mooc-img { background-color:#fff; text-align:center; padding:15px; margin-bottom:30px; }
.mooc-img figure { width:80%; max-width:600px; margin:auto; }
.mooc-descpriton { font-size:min(4vw,1.7rem); font-weight:700; position:relative; padding:50px 0 30px; }
.mooc-descpriton::before { content:'▼'; position:absolute; top:-15px; left:0; right:0; margin:auto; font-size:3.0rem; }
.mooc-table { overflow-x:auto; }
.mooc-table th { border:1px solid #ccc; padding:15px; background-color:#ddd; text-align:center; }
.mooc-table td { border:1px solid #ccc; padding:10px 20px; background-color:#fff; vertical-align:middle; }
.mooc-table td:nth-child(1) { white-space:nowrap; }
.mooc-table td:nth-child(2) { min-width:300px; }
.mooc-table td:nth-child(3) { min-width:250px; max-width:300px; }

.company-list span { display:inline-block; padding-right:4px; }
.company-list span::after { content:'/'; padding-left:4px; }
.company-list span:last-of-type::after { content:none; }
.company-list span a { color:#333; padding-bottom:2px; }
.company-list span a:hover { border-bottom:1px solid #333; }


table.achievement { width:auto; font-size:90%; border-collapse:separate; margin:20px 0; }
.achievement caption { text-align:left; padding:5px 0; font-weight:700; caption-side:top;}
.achievement th { background-color:#23408e; color:#fff; padding:10px 20px; text-align:center; }
.achievement td { background-color:#fff; padding:10px; white-space:nowrap; text-align:center; }
.achievement td.url { text-align:left; white-space:normal; }

.consortium main .list-program{padding:0;margin:0;list-style:none}
.consortium main .list-program>li{margin-bottom:60px}
.consortium main .list-program>li h3{margin-bottom:30px;display:flex;color:#23408e;font-size:1.5rem;font-weight:bold;background-color:#e6e6e6}
.consortium main .list-program>li h3 i{padding:15px;color:#fff;font-style:normal;background-color:#23408e;display:flex;align-items:center}
.consortium main .list-program>li h3 span{padding:15px}
.consortium main .list-program>li>div{line-height:2}
.consortium main .list-program>li>div ul{list-style-type:disc}
.consortium main .list-program>li>div .table.table-bordered thead th,.consortium main .list-program>li>div .table-bordered.table01 thead th{color:#fff;background-color:#23408e;border-bottom:2px solid #fff}
.consortium main .list-program>li>div .table.table-bordered tbody td,.consortium main .list-program>li>div .table-bordered.table01 tbody td{background-color:#dee6ec}
.consortium main .list-program>li>div .table.table-bordered th,.consortium main .list-program>li>div .table-bordered.table01 th,.consortium main .list-program>li>div .table.table-bordered td,.consortium main .list-program>li>div .table-bordered.table01 td{border:1px solid #fff}

.consortium-system { background-color:#fff; padding:20px; border-radius:5px; }
.consortium-system h3 { font-size:2.0rem; color:#004896; font-weight:600; }
.consortium-system h4 { font-size:1.6rem; color:#222; font-weight:600; }
.consortium-system h4 span { font-size:80%; font-weight:400; }
.consortium-system .with-images { display:flex; justify-content:space-between; align-items:flex-start; }
.consortium-system .with-images .txt-block { width:65%; padding-top:10px; }
.consortium-system .with-images figure { width:30%; }
.consortium-system .with-images figure figcaption { padding:5px 1px; font-size:80%; }
.consortium-system .member { padding:10px 15px; position:relative; margin:10px 0; }
.consortium-system .member::before, .consortium-system .member::after { position:absolute; top:0; content:''; width:10px; height:100%; display:inline-block; box-sizing:border-box; }
.consortium-system .member::before { border-left:solid 1px #23408e; border-top:solid 1px #23408e; border-bottom:solid 1px #23408e; left:0; }
.consortium-system .member::after { border-top:solid 1px #23408e; border-right:solid 1px #23408e; border-bottom:solid 1px #23408e; right:0; }
.consortium-system .member ul { display:flex; flex-wrap:wrap; margin:0; padding:0; }
.consortium-system .member li { display:block; font-size:85%; }
.consortium-system .member li::after { content:"、"; }
.consortium-system .member li:last-child::after { content:none; }
@media screen and (max-width:750px){ 
.consortium-system .with-images { display:inherit; }
.consortium-system .with-images .txt-block { width:100%; }
.consortium-system .with-images figure { width:80%; max-width:450px; margin:10px auto; }
}

.microsoft-forms { width:100%; max-width:650px; height:1000px; margin:10px auto; }


.alumni-event h3 { font-size:1.5rem; font-weight:700; color:#23408e; margin:15px 0; }
.alumni-event table { width:100%; margin:5px 0 80px; border:5px solid #ddd; }
.alumni-event th { border-bottom:1px solid #ccc; padding:15px 0 15px 20px; font-size:80%; font-weight:normal; letter-spacing:0.2em; color:#888; width:55px; }
.alumni-event td { border-bottom:1px solid #ccc; padding:15px 20px; }
.alumni-event td ul.photo { display:flex; width:100%; justify-content:center; align-items:center; margin:0; padding:0; }
.alumni-event td ul.photo li { width:33.333%; height:auto; list-style:none; padding:0 15px; }
@media (max-width: 900px){
.alumni-event td ul.photo li { width:50%; height:auto; list-style:none; padding:0 15px; }
}
@media (max-width: 600px){
.alumni-event td ul.photo { flex-wrap:wrap; }
.alumni-event td ul.photo li:nth-child(3) { margin-top:15px; }
}
@media (max-width: 400px){
.alumni-event td ul.photo li { width:80%; }
.alumni-event td ul.photo li:nth-child(2) { margin-top:15px; }
}

.alumni-btn { display:flex; justify-content:center; }
.alumni-btn a { width:30%; color:#23408e; font-weight:700; text-decoration:none; padding:20px 0 20px 80px; border:2px solid #23408e; border-radius:5px; display:flex; align-items:center; background-repeat:no-repeat; background-position:center left 20px; margin:20px; }
.alumni-btn a:nth-child(1) { background-image:url(/assets2026/img/alumni/icon01.svg); background-size:40px; }
.alumni-btn a:nth-child(2) { background-image:url(/assets2026/img/alumni/icon02.svg); background-size:50px; }
.alumni-btn a:nth-child(3) { background-image:url(/assets2026/img/alumni/icon03.svg); background-size:50px; }
.alumni-btn a:hover { background-color:#23408e; color:#fff; }
.alumni-btn a:nth-child(1):hover { background-image:url(/assets2026/img/alumni/icon01on.svg); }
.alumni-btn a:nth-child(2):hover { background-image:url(/assets2026/img/alumni/icon02on.svg); }
.alumni-btn a:nth-child(3):hover { background-image:url(/assets2026/img/alumni/icon03on.svg); }
@media (max-width: 992px){
.alumni-btn { flex-wrap:wrap; }
.alumni-btn a { width:47%; margin:15px 1.5%; }
}
@media (max-width: 575px){
.alumni-btn a { width:97%; margin:15px 1.5%; }
}

.members-btn { display:flex; justify-content:center; }
.members-btn a { width:30%; color:#23408e; font-weight:700; text-decoration:none; padding:20px 0 20px 80px; border:2px solid #23408e; border-radius:5px; display:flex; align-items:center; background-repeat:no-repeat; background-position:center left 20px; margin:20px; }
.members-btn a:nth-child(1) { background-image:url(/assets2026/img/alumni/icon05.svg); background-size:40px; }
.members-btn a:nth-child(2) { background-image:url(/assets2026/img/alumni/icon04.svg); background-size:30px; }
.members-btn a:nth-child(3) { background-image:url(/assets2026/img/alumni/icon06.svg); background-size:50px; }
.members-btn a:hover { background-color:#23408e; color:#fff; }
.members-btn a:nth-child(1):hover { background-image:url(/assets2026/img/alumni/icon05on.svg); }
.members-btn a:nth-child(2):hover { background-image:url(/assets2026/img/alumni/icon04on.svg); }
.members-btn a:nth-child(3):hover { background-image:url(/assets2026/img/alumni/icon06on.svg); }
@media (max-width: 992px){
.members-btn { flex-wrap:wrap; }
.members-btn a { width:47%; margin:15px 1.5%; }
}
@media (max-width: 575px){
.members-btn a { width:97%; margin:15px 1.5%; }
}




.bgextend{ animation-name:bgextendAnimeBase; animation-duration:1s; animation-fill-mode:forwards; position:relative; overflow:hidden; opacity:0; }
@keyframes bgextendAnimeBase{
  from { opacity:0; }
  to { opacity:1; }
}
.bgappear{ animation-name:bgextendAnimeSecond; animation-duration:1s; animation-delay:0.6s; animation-fill-mode:forwards; opacity:0; }
@keyframes bgextendAnimeSecond{
	0% { opacity:0; }
	100% { opacity:1; }
}
.bgLRextend::before{ animation-name:bgLRextendAnime; animation-duration:1s; animation-fill-mode:forwards; content:""; position:absolute; width:100%; height:100%; background-color:#fff; }
@keyframes bgLRextendAnime{
	0% {
		transform-origin:left;
		transform:scaleX(0);
	}
	50% {
		transform-origin:left;
		transform:scaleX(1);
	}
	50.001% {
		transform-origin:right;
	}
	100% {
		transform-origin:right;
		transform:scaleX(0);
	}
}
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.bgappearTrigger,
.bgLRextendTrigger{
    opacity:0;
}