/*px;
Theme Name:AIDC v0.3.0
Author:aidl
Author URI:https:
Description:AI-One Theme
*/
@charset "UTF-8";
html::after{
	display:none;
}
nav.newnav{
	background-color:rgba(52,58,64,.9);
}
body > #content.toppageview{
	background-color:#fff;
	overflow:hidden;
}
#content h2[id], #content h3[id], #content h4[id],#Aboutus{
    margin-top:-5rem !important;
    padding-top:7rem;
}
#content .content h2[id]{
    margin-top:-3rem !important;
    padding:7rem 0 0.5rem;
}
#content .content h2[id]:first-child{
    margin-top:-6rem !important;
    padding:7rem 0 0.5rem;
}
#content .content h2[id]:first-child + h3[id]{
    margin-top:-6rem !important;
    padding:7rem 0 0.5rem;
}
/* -----NewTop----- */
/* Header */
#TopPage{
	background:#fff;
}
#TopPage .svg-symbol{
	display:none;
}
#TopPage nav.newnav{
	background-color:rgba(0,0,0,.7);
	transition:all .2s linear 0s;
	z-index:980;
}
#TopPage .onTitle nav.newnav{
	height:70px;
	background-color:rgba(0,0,0,0);
}
#TopPage nav.newnav .AIST_Logo{
	width:28px;
	transition:all .2s linear 0s;
}
#TopPage .onTitle nav.newnav .AIST_Logo{
	width:50px;
}
#TopPage .navbar-dark .navbar-nav .nav-link,
#TopPage #Navbar .navbar-nav li ul li a,
#Navbar .navbar-nav li ul li a{
  color:rgba(255,255,255,.8);
}
.navbar-dark .navbar-toggler-icon{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-toggler{
	border-color:#fff;
}
#TopPage nav#bs-navbar{
	padding:5px 0;
}
#TopPage .onTitle nav#bs-navbar{
	padding:10px 0;
}
#Navbar.show{
	margin:9.5px 10px 0;
	width:100vw;
	background-color:rgba(0,0,0,.8);
}
#TopPage nav#bs-navbar .navbar-toggler{
	margin:0 1rem 0 0;
	padding:0;
}
#TopPage .navbar-dark .navbar-toggler{
	border:none;
}
#TopPage button:focus {
  outline:none;
}
/* jumbotron */
#TopPage #PageTitle{
	position:relative;
	height:100vh;
	height:calc(var(--vh, 1vh) * 100);
	min-height:640px;
	background:#000;
	text-align:center;
	overflow:visible;
}
#TopPage .jumbotron{
	position:relative;
	margin:0 !important;
	padding:0 !important;
	height:calc(100vh - 100px);
	height:calc(var(--vh, 1vh) * 100 - 100px);
	min-height:540px;
	background:#000;
	text-align:center;
	overflow:hidden;
}
#TopPage .jumbotron::after{
	content:"";
	position:absolute;
	top:calc(50% - 100px);
	right:10px;
	display:block;
	width:4px;
	height:200px;
	background-image:linear-gradient(180deg, transparent 0%, rgba(255,255,255,1) 100%);
	background-repeat:no-repeat;
	background-position:0 -200px;
	z-index:4;
	animation:Arrow 2s linear 0s infinite normal forwards;
}
#TopPage #PageTitle #More{
	display:none;
}
#TopPage #PageTitle.Opening #More{
	content:"";
	position:absolute;
	bottom:0;
	right:4px;
	display:block;
	margin:0;
	width:20px;
	height:20px;
	transform:translate(0,0) rotate(90deg);
	cursor:pointer;
	opacity:0;
	z-index:2;
	animation:DownArrow 4s ease 0s infinite normal forwards;
}
#TopPage #carousel{
	height:calc(100vh - 150px);
	height:calc(var(--vh, 1vh) * 100 - 150px);
	min-height:490px;
	background:#000;
}
#TopPage .carousel-inner{
	height:calc(100vh - 180px);
	height:calc(var(--vh, 1vh) * 100 - 180px);
	max-width:100%;
	min-height:460px;
	overflow:hidden;
}
#TopPage .carousel-item{
	position:relative;
	width:100%;
	height:calc(100vh - 180px);
	height:calc(var(--vh, 1vh) * 100 - 180px);
	min-height:460px;
	background:#000;
}
#TopPage .carousel-item.linkBox:hover{
	opacity:.6;
}
#TopPage .carousel-item .carousel-body{
	position:absolute;
	bottom:0;
	left:50%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
	margin:0;
	width:76vw;
	max-width:380px;
	height:18vh;
	min-height:140px;
	transform:translate(-50%, 0);
	z-index:2;
}
#TopPage .carousel-item .carousel-body::after{
	content:"";
	position:absolute;
	right:8px;
	bottom:8px;
	display:block;
	width:12px;
	height:12px;
}
#TopPage .carousel-item .carousel-body h3{
	position:static;
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	text-align:center;
	text-shadow:1px 1px 3px rgba(0,0,0,.2);
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:calc(10px + 2.4vw + 1.2vh);
	font-weight:600;
	line-height:130%;
	color:#fff;
}
#TopPage .carousel-item .carousel-body p{
	margin:0;
	padding:.5em 0 0 .125em;
	text-shadow:1px 1px 3px rgba(0,0,0,.2);
	font-size:calc(8px + .8vw + .6vh);
	font-weight:400;
	line-height:130%;
	color:#fff;
}
#TopPage .carousel-item picture img{
	margin:0 0 0 calc(var(--vh, 1vh) * -91.8367 + 220.4081px + 20vw);
	width:auto;
	height:calc(100vh - 240px);
	height:calc(var(--vh, 1vh) * 100 - 240px);
	min-height:400px;
}
#TopPage .carousel-item:nth-child(2) picture img{
	margin:0 0 0 calc(var(--vh, 1vh) * -91.8367 + 220.4081px + 34vw);
}
#TopPage .carousel-item:nth-child(3) picture img{
	margin:0 0 0 calc(var(--vh, 1vh) * -91.8367 + 220.4081px + 10vw);
}
#TopPage .carousel-item:nth-child(1) .carousel-body,
#TopPage .carousel-indicators li:nth-child(1){
	background:#47e;
}
#TopPage .carousel-item:nth-child(2) .carousel-body,
#TopPage .carousel-indicators li:nth-child(2){
	background:#1ad;
}
#TopPage .carousel-item:nth-child(3) .carousel-body,
#TopPage .carousel-indicators li:nth-child(3){
	background:#4b6;
}
#TopPage .carousel-item:nth-child(4) .carousel-body,
#TopPage .carousel-indicators li:nth-child(4){
	background:#e90;
}
#TopPage .carousel-item:nth-child(5) .carousel-body,
#TopPage .carousel-indicators li:nth-child(5){
	background:#e62;
}

#TopPage .carousel-indicators{
	position:absolute;
	left:8px !important;
	bottom:0 !important;
	display:flex;
	justify-content:center;
	flex-wrap:nowrap;
	margin:0;
	padding:0;
	height:8px;
	list-style:none;
	z-index:15;
}
#TopPage .carousel-indicators li{
	border:none;
	box-sizing:border-box;
	margin:0 2px;
	padding:0;
	width:12vw;
	height:10px;
	max-width:50px;
	opacity:1;
}
#TopPage .carousel-indicators li.active{
	border:1px solid #fff;
	background-color:transparent;
	opacity:.5;
}

/* topics */
#TopPage #PageTitle .topicsCell{
	position:absolute;
	bottom:0;
	margin:0 4vw;
	padding:0 .75em;
	width:92vw;
	min-height:100px;
	text-align:left;
	background:#fff;
}
#TopPage #PageTitle.Short .topicsCell{
	position:static;
	height:auto;
}
#TopPage #PageTitle.Opening .topicsCell{
	height:100px;
	overflow:hidden;
}
#TopPage #PageTitle .topicsCell .topicsDisplay{
	margin:0;
	padding:0;
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-content:center;
	margin:0;
	padding:.75em 0;
	height:auto;
	list-style:none;
}
/*#TopPage #PageTitle.Opening .topicsCell .topicsDisplay:first-child{
	display:none;
}*/
#TopPage #PageTitle.Opening .topicsCell li.topics_accordion{
	height:100px;
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion.open{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	height:calc(var(--vh, 1vh) * 100);
	background-color:rgba(0,0,0,.8);
	overflow:scroll;
	z-index:998;
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion.open .Modal{
	position:fixed;
	top:50%;
	left:50%;
	padding:1em;
	width:90vw;
	height:auto;
	max-height:calc(100vh - 120px);
	max-height:calc(var(--vh, 1vh) * 100 - 120px);
	background-color:#fff;
	box-shadow:0 0 20px 0 rgba(0,0,0,.4);
	transform:translate(-50%, -48%);
	overflow:scroll;
	z-index:999;
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion.open::after{
	content:"\02715";
	position:fixed;
	top:4vw;
	left:auto;
	right:4vw;
	display:block;
	padding:0;
	width:24px;
	text-align:center;
	font-size:24px;
	font-weight:600;
	line-height:28px;
	color:#fff;
	z-index:998;
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion > p,
#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p{
	display:flex;
	flex-wrap:wrap;
	margin:0;
	width:100%;
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span,
#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p span{
	font-size:calc(6px + .8vw + .6vh);
	line-height:130%;
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:nth-child(2),
#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p span:nth-child(2){
	width:calc(100% - 6px - .8vw - .6vh);
	font-size:calc(4px + .8vw + .6vh);
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:nth-child(3),
#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p span:nth-child(3){
	width:100%;
	margin:.25em 0 0;
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:first-child,
#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p span:first-child{
	width:calc(6px + .8vw + .6vh);
	transform:translate(0,calc(.4vw + .3vh));
	text-align:left;
	font-size:calc(4px + .6vw + .4vh);
	font-family:'ewd-toggle-icon';
	font-weight:400;
	line-height:1;
	color:indigo;
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span.event,
#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p span.event{
	color:#09f;
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span.faq,
#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p span.faq{
	color:#f60;
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span strong,
#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p span strong{
	font-weight:400;
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion.open > p,
#TopPage #PageTitle .topicsDisplay li.topics_accordion.open .Modal > p{
	margin:0 0 1rem;
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion.open > p span:nth-child(3),
#TopPage #PageTitle .topicsDisplay li.topics_accordion.open .Modal > p span:nth-child(3){
	margin:.5em 0 0;
	font-size:calc(10px + .8vw + .6vh);
	line-height:130%;
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion.open > p span:nth-child(3) strong,
#TopPage #PageTitle .topicsDisplay li.topics_accordion.open .Modal > p span:nth-child(3) strong{
	font-weight:600;
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion > p + div,
#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p + div{
	margin:0;
	padding:0;
	height:0;
	transition:all .2s;
	overflow:hidden;
}
#TopPage #PageTitle .topicsDisplay li.topics_accordion.open .Modal > p + div{
	height:auto;
	font-size:calc(6px + .8vw + .6vh);
	line-height:150%;
}
/* MainCard */
#TopPage .container .MainCard{
	padding:40px 0 0;
}
#TopPage .container .MainCard > div{
	padding:10px 0 0;
}
#TopPage .container .MainCard > div a{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-content:center;
	margin:0 auto;
	padding:16px;
	width:100%;
	height:calc(42.3076vw - 12.6923px);
	max-width:520px;
	max-height:220px;
	background:url(/aidc2020/img.php?img=card_view101-61d677dc46.jpg) no-repeat center center #000;
	background-size:cover;
	text-decoration:none;
}
#TopPage .container .MainCard > div.EDA a{
	background:url(/aidc2020/img.php?img=card_view102-347ae4e6ef.jpg) no-repeat center center #000;
	background-size:cover;
}
#TopPage .container .MainCard > div.Emulator a{
	background:url(/aidc2020/img.php?img=card_view103-a596f5e474.jpg) no-repeat center center #000;
	background-size:cover;
}
#TopPage .container .MainCard > div a::after{
	content:"";
	position:absolute;
	right:8px;
	bottom:8px;
	display:block;
	width:12px;
	height:12px;
}
#TopPage .container .MainCard > div a strong{
	width:100%;
	text-shadow:1px 1px 3px rgba(0,0,0,.6);
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:calc(10px + 1.2vw + 1vh);
	font-weight:600;
	line-height:130%;
	color:#fff;
}
#TopPage .container .MainCard > div a span{
	margin:.5em 0 0;
	text-shadow:1px 1px 3px rgba(0,0,0,.6);
	font-size:calc(4px + .8vw + .6vh);
	line-height:130%;
	color:#fff;
}
/* SubCard */
#TopPage .container .SubCard{
	padding:30px 0 0;
}
#TopPage .container .SubCard > div{
	border:1px solid #ddd;
	margin:10px 0 0;
	
}
#TopPage .container .SubCard > div a{
	position:relative;
	display:block;
	padding:12px 12px 12px 142px;
	width:100%;
	min-height:104px;
	text-decoration:none;
}
#TopPage .container .SubCard > div a > span:first-child{
	position:absolute;
	top:12px;
	left:12px;
}
#TopPage .container .SubCard > div a span + strong span{
	position:relative;
	display:inline-block;
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:calc(8px + 1vw + .8vh);
	font-weight:600;
	line-height:130%;
	color:#212529;
}
#TopPage .container .SubCard > div a span + strong span::after{
	content:"";
	position:absolute;
	top:calc(1.2px + .65vw + .52vh);
	right:-16px;
	display:block;
	width:8px;
	height:8px;
}
#TopPage .container .SubCard > div a strong + span{
	display:block;
	margin:.25em 0 0;
	font-size:calc(4px + .8vw + .6vh);
	line-height:130%;
	color:#212529;
}

/* Aboutus */
#TopPage #Aboutus .AboutusHead{
	padding:3em 0 0;
}
#TopPage #Aboutus .AboutusHead h3{
	text-align:center;
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:calc(12px + 1.4vw + 1.2vh);
	font-weight:600;
	line-height:130%;
}
#TopPage #Aboutus .AboutusHead h3::before{
	content:"";
	display:inline-block;
	border:3px solid #f90;
	margin:0 4px 0 0;
	width:calc(6px + 1.2vw + .8vh);
	height:calc(6px + 1.2vw + .8vh);
	transform:translate(0, calc(-1.5px - .05vw - .1vh));
}
#TopPage #Aboutus .AboutusHead p{
	margin:.75em 0 0;
	text-align:center;
}
#TopPage #Aboutus .AboutusHead p a{
	position:relative;
	display:inline-block;
	padding:.25em calc(2em + 12px) .25em 2em;
	border:1px solid #ddd;
	text-decoration:none;
	font-size:calc(6px + .8vw + .6vh);
	line-height:120%;
}
#TopPage #Aboutus .AboutusHead p a:hover{
	border:1px solid #0f83ff;
	background:#def;
}
#TopPage #Aboutus .AboutusHead p a::after{
	content:"";
	position:absolute;
	top:calc(-.4px + .48vw + .36vh + .25em);
	left:calc(50% + 4em + 4px);
	display:inline-block;
	width:8px;
	height:8px;
}
#TopPage #Aboutus .AboutusBody{
	padding:1.5em 10px 0;
}
#TopPage #Aboutus .AboutusBody p{
	margin:1em 0 0;
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:calc(6px + 1vw + .8vh);
	line-height:160%;
}
#TopPage #Aboutus .AboutusBody p.Notice{
	margin:1.5em 0 0;
	padding:0 0 0 1.3em;
	text-indent:-1.3em;
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:calc(6px + .8vw + .6vh);
	line-height:140%;
}
#TopPage #Aboutus .AboutusBody p.Notice + p.Notice{
	margin:.75em 0 0;
}
#TopPage .page_link{
	padding:0 10px;
}
/* Footer */
#TopPage footer.footer{
	margin:2em 0 0;
	padding:.25em 0 0;
	background:#f1f3f5;
}
#TopPage footer.footer div.Logo{
	display:none;
}
#TopPage footer.footer ul.FooterNavi{
	padding:.75em 0 0;
}
#TopPage footer.footer ul.FooterNavi li{
	padding:.375em 0 .125em 0;
	list-style:none;
}
#TopPage footer.footer ul.FooterNavi li a{
	position:relative;
	font-size:calc(4px + .8vw + .6vh);
	line-height:120%;
	color:#212529;
}
#TopPage footer.footer ul.FooterNavi li a::after{
	content:"";
	position:absolute;
	top:calc(-2.8px + .6vw + .6vh);
	right:-14px;
	display:inline-block;
	width:8px;
	height:8px;
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzIxMjUyOSIgZD0iTTAsMHY4aDhWMEgweiBNNCwzSDJWMWgyVjNoMnYySDR2MkgyVjVoMlYzeiIvPgo8L3N2Zz4=");
	background-size:cover;
}
#TopPage footer.footer p.Copyrigh{
	margin:3em 0 .25em;
	text-align:left;
	font-size:calc(4px + .8vw + .6vh);
}
#TopPage footer.footer p.Copyrigh a{
	color:#212529;
}	

/* common */
#TopPage .container .MainCard > div a:hover,
#TopPage .container .SubCard > div a:hover,
#TopPage #Aboutus .AboutusHead p a:hover{
	opacity:.6;
}
#TopPage .container .MainCard > div a::after,
#TopPage .carousel-item .carousel-body::after,
#TopPage #PageTitle #More{
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTAsMHY4aDhWMEgweiBNNCwzSDJWMWgyVjNoMnYySDR2MkgyVjVoMlYzeiIvPgo8L3N2Zz4=");
	background-size:cover;

}
#TopPage .container .SubCard > div a span + strong span::after,
#TopPage #Aboutus .AboutusHead p a::after,
	.navbar-expand-md .navbar-nav .nav-link[href="https://ai-chip-design-center.org/aidc2020/aidc2020_common/Login.php"]::after{
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzBGODNGRiIgZD0iTTAsMHY4aDhWMEgweiBNNCwzSDJWMWgyVjNoMnYySDR2MkgyVjVoMlYzeiIvPgo8L3N2Zz4=");
	background-size:cover;
}

/* PageTitleAnimation */
/* --opening-- */
#TopPage #PageTitle.reDisp{
	animation:PageTitleOn .４s linear forwards;
}
#TopPage #PageTitle.reDisp .jumbotron{
	animation:JumbotronOn .4s linear forwards;
}	
#TopPage #PageTitle.Opening #Opening{
	position:fixed;
	top:0;
	left:0;
	z-index:992;
}
#TopPage #PageTitle.Opening #Opening div{
	display:flex;
	justify-content:center;
	align-content:center;
	width:100vw;
	height:100vh;
	height:calc(var(--vh, 1vh) * 100);
	min-height:640px;
	background:rgba(0,0,0,1);
	animation:openingWindow .4s linear 2.6s 1 normal forwards;
}
#TopPage #PageTitle.Opening #Opening svg{
	width:32vw;
}
.LogoBlue{
	fill:#00a1e9;
}
.LogoWhite{
	fill:#fff;
}
.OpeningLogo .LogoBlue,
.OpeningLogo .LogoWhite{
	fill:#000;
	stroke:rgba(255,255,255,0);
	stroke-width:.4;
	stroke-linejoin:round;
	stroke-dasharray:500px;
	stroke-dashoffset:500px;
	animation:line_animation01 2s linear .2s forwards;
}
.OpeningLogo .LogoWhite{
	animation:line_animation02 2s linear .2s forwards;
}

.SectionHide{
	display:none !important;
}

/* --BodyOpen-- */
#TopPage #PageTitle.Short{
	height:auto;
	min-height:0;
	animation:PageTitleClose .4s linear forwards;
}
#TopPage #PageTitle.Short .jumbotron{
	animation:JumbotronClose .4s linear forwards;
}
#TopPage #PageTitle.Short .topicsCell{
	padding:.25em .75em;
	animation:topicsDisplayOpen .4s linear forwards;
}
#TopPage #PageTitle.Short .topicsDisplay li.topics_accordion p span:nth-child(2){
	width:auto;
	min-width:7em;
}
#TopPage #PageTitle.Short .topicsDisplay li.topics_accordion p span strong{
	font-weight:600;
}
@keyframes PageTitleOn{
	0%{
		height:0;
		min-height:0;
		background:#fff;
	}
	100%{
		height:0;
		min-height:100vh;
		min-height:calc(var(--vh, 1vh) * 100);
	}
}
@keyframes Arrow{
	0%{
		background-position:0 -200px;
	}
	100%{
		background-position:0 200px;
	}
}
@keyframes DownArrow{
	0%{
		transform:translate(0,0) rotate(90deg);
		opacity:.2;
	}
	90%{
		transform:translate(0,0px) rotate(90deg);
		opacity:.2;
	}
	98%{
		transform:translate(0,4px) rotate(90deg);
		opacity:.3;
	}
	100%{
		transform:translate(0,0px) rotate(90deg);
		opacity:.2;
	}
}
@keyframes openingWindow{
	0%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
@keyframes line_animation01{
	0%{
		stroke:rgba(255,255,255,0);
		stroke-dashoffset:500px;
		fill:#000;
	}
	90%{
		stroke:rgba(255,255,255,1);
		stroke-dashoffset:50px;
		fill:#000;
	}
	100%{
		stroke:rgba(255,255,255,0);
		stroke-dashoffset:0px;
		fill:#00a1e9;
	}
}
@keyframes line_animation02{
	0%{
		stroke:rgba(255,255,255,0);
		stroke-dashoffset:500px;
		fill:#000;
	}
	80%{
		stroke:rgba(255,255,255,1);
		stroke-dashoffset:100px;
		fill:#000;
	}
	90%{
		stroke:rgba(255,255,255,1);
		stroke-dashoffset:50px;
		fill:#888;
	}
	100%{
		stroke:rgba(255,255,255,0);
		stroke-dashoffset:0px;
		fill:#fff;
	}
}
@keyframes JumbotronOn{
	0%{
		height:0;
		min-height:0;
	}
	100%{
		height:calc(100vh - 100px);
		height:calc(var(--vh, 1vh) * 100 - 100px);
		min-height:640px;
	}
}
@keyframes PageTitleClose{
	0%{
		background:#000;
	}
	100%{
		background:#fff;
	}
}
@keyframes JumbotronClose{
	0%{
		height:calc(100vh - 100px);
		height:calc(var(--vh, 1vh) * 100 - 100px);
		min-height:640px;
	}
	100%{
		height:0;
		min-height:0;
	}
}
@keyframes topicsDisplayOpen{
	0%{
		padding:.25em .75em;
	}
	100%{
		padding:56.5px 0 0;
	}
}
@media (min-width:576px){
	#TopPage .carousel-item picture img,
	#TopPage .carousel-item:nth-child(2) picture img,
	#TopPage .carousel-item:nth-child(3) picture img,
	#TopPage .carousel-item:nth-child(4) picture img,
	#TopPage .carousel-item:nth-child(5) picture img{
		margin:0 0 0 calc(var(--vh, 1vh) * -91.8367 + 220.4081px + 40vw);
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:nth-child(2),
	#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p span:nth-child(2){
		font-size:calc(4px + .8vw + .6vh);
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span{
		font-size:calc(6px + .8vw + .6vh);
		line-height:130%;
	}
	.container{
		max-width:unset;
	}
	#TopPage .container .MainCard > div a span{
		font-size:calc(4px + .8vw + .6vh);
		line-height:130%;
	}
	#TopPage .container .SubCard > div a span + strong span{
		font-size:calc(6px + 1vw + .8vh);
		line-height:130%;
	}
	#TopPage .container .SubCard > div a strong + span{
		font-size:calc(4px + .8vw + .6vh);
		line-height:130%;
	}
	#TopPage #Aboutus .AboutusHead h3{
		font-size:calc(10px + 1.4vw + 1.2vh);
		line-height:130%;
	}
	#TopPage #Aboutus  .AboutusHead h3::before{
		margin:0 6px 0 0;
		width:calc(6px + 1vw + .6vh);
		height:calc(6px + 1vw + .6vh);
	}
	#TopPage #Aboutus .AboutusHead p a{
		font-size:calc(2px + 1vw + .8vh);
		line-height:120%;
	}
	#TopPage #Aboutus .AboutusBody p{
		font-size:calc(6px + .8vw + .6vh);
		line-height:160%;
	}
	#TopPage #Aboutus .AboutusBody p.Notice{
		font-size:calc(4px + .8vw + .6vh);
		line-height:140%;
	}
	#TopPage footer.footer ul.FooterNavi li a{
		font-size:calc(4px + .8vw + .6vh);
		line-height:120%;
	}
}
@media (max-width:766px) and (max-height:740px){
	#TopPage .carousel-item picture img,
	#TopPage .carousel-item:nth-child(2) picture img,
	#TopPage .carousel-item:nth-child(3) picture img,
	#TopPage .carousel-item:nth-child(4) picture img,
	#TopPage .carousel-item:nth-child(5) picture img{
		margin:0 0 0 calc(-367.35px + 50vw);
	}
}
@media (min-width:767px){
	#Navbar .navbar-nav li ul li a{
	  color:rgba(0,0,0,.8);
	}
	#TopPage #Navbar{
		margin:0 1rem 0 0;
	}
	#TopPage .navbar-nav{
		padding:0;
	}
	#TopPage #Navbar .navbar-nav li:hover ul li a{
		color:rgba(0,0,0,.8);
	}
	#TopPage .onTitle #Navbar .navbar-nav li ul{
		top:36px;
	}
	#TopPage #PageTitle{
		min-height:820px;
	}
	#TopPage .carousel-item .carousel-body{
		max-width:50vw;
	}
	#TopPage #PageTitle.Opening .jumbotron{
		min-height:720px;
	}
	#TopPage #carousel{
		min-height:670px;
	}
	#TopPage .carousel-inner{
		min-height:640px;
	}
	#TopPage .carousel-item{
		min-height:640px;
	}
	#TopPage .carousel-item picture img,
	#TopPage .carousel-item:nth-child(2) picture img,
	#TopPage .carousel-item:nth-child(3) picture img,
	#TopPage .carousel-item:nth-child(4) picture img,
	#TopPage .carousel-item:nth-child(5) picture img{
		margin:0 0 0 calc(var(--vh, 1vh) * -91.8367 + 220.4081px + 40vw);
		min-height:580px;
	}
	#TopPage .carousel-item .carousel-body{
	  min-height:150px;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span{
		font-size:calc(4px + .8vw + .6vh);
		line-height:130%;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:first-child,
	#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p span:first-child{
	  width:calc(2px + .8vw + .6vh);
	  transform:translate(0,calc(.4vw + .2vh));
	  font-size:calc(2px + .6vw + .4vh);
	  line-height:1;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:nth-child(2),
	#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p span:nth-child(2){
		font-size:calc(4px + .8vw + .4vh);
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:nth-child(3){
		padding:0 0 0 calc(4px + .8vw + .4vh);
	}
	#TopPage .container .MainCard{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		padding:3em 0 0;
		width:100%;
	}
	#TopPage .container .MainCard > div{
		padding:20px 10px 0;
		width:50%;
	}
	#TopPage .container .MainCard > div a{
		padding:16px;
		width:100%;
		height:calc(21.1538vw - 14.8076px);
	}
	#TopPage .container .MainCard > div a strong{
		font-size:calc(10px + 1.2vw + .6vh);
	}
	#TopPage .container .MainCard > div a span{
		font-size:calc(4px + .8vw + .4vh);
		line-height:130%;
	}
	#TopPage .container .SubCard{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:stretch;
		padding:3em 0 0;
	}
	#TopPage .container .SubCard > div{
		padding:0;
		margin:20px 10px 0;
		width:calc(50% - 20px);
	}
	#TopPage .container .SubCard > div a{
		display:flex;
		flex-wrap:wrap;
		padding:15px;
	}
	#TopPage .container .SubCard > div a > span:first-child{
		position:static;
		width:80px;
	}
	#TopPage .container .SubCard > div a > span:first-child img{
		width:100%;
	}
	#TopPage .container .SubCard > div a span + strong{
		align-self:center;
		padding:0 0 0 12px;
		width:calc(100% - 80px);
	}
	#TopPage .container .SubCard > div a span + strong span{
		font-size:calc(6px + 1vw + .6vh);
		line-height:130%;
	}
	#TopPage .container .SubCard > div a span + strong span::after{
		top:calc(-0.1px + .65vw + .39vh);
	}
	#TopPage .container .SubCard > div a strong + span{
		margin:8px 0 0;
		width:100%;
		font-size:calc(4px + .8vw + .4vh);
		line-height:150%;
	}
	#TopPage #Aboutus .AboutusHead h3{
		font-size:calc(12px + 1.4vw + .8vh);
		line-height:130%;
	}
	#TopPage #Aboutus  .AboutusHead h3::before{
		margin:0 6px 0 0;
		width:calc(4px + 1vw + .6vh);
		height:calc(4px + 1vw + .6vh);
		transform:translate(0, calc(-.4px - .2vw - .04vh));
	}
	#TopPage #Aboutus .AboutusHead p a{
		font-size:calc(2px + .8vw + .6vh);
		line-height:120%;
	}
	#TopPage #Aboutus .AboutusHead p a::after{
		top:12px;
	}
	#TopPage #Aboutus .AboutusBody p{
		font-size:calc(4px + .8vw + .6vh);
		line-height:160%;
	}
	#TopPage #Aboutus .AboutusBody p.Notice{
		font-size:calc(2px + .8vw + .6vh);
		line-height:140%;
	}
	#TopPage #PageTitle.Opening #Opening svg{
		width:20vw;
	}
	#TopPage footer.footer{
		display:flex;
		padding:0;
		height:80px;
		overflow:none;
	}
	#TopPage footer.footer div.Logo{
		display:block;
		width:80px;
		height:80px;
		background:#999;
	}
	#TopPage footer.footer div.Logo a{
		margin:0;
		padding:22px;
	}
	#TopPage footer.footer div.Logo a:hover{
		opacity:.6;
	}
	#TopPage footer.footer div.Logo a svg{
		width:36px;
		height:36px;
	}
	#TopPage .footer > .container{
		position:relative;
		padding:12px 20px 0;
		width:calc(100vw - 80px);
		max-width:unset;
	}
	#TopPage .footer > .container .FooterNavi{
		display:flex;
		margin:0;
		padding:0;
		width:100%;
	}
	#TopPage .footer > .container .FooterNavi li{
		padding:0 32px 0 0;
	}
	#TopPage footer.footer ul.FooterNavi li a{
		font-size:16px;
		line-height:120%;
	}
	#TopPage footer.footer ul.FooterNavi li a::after{
		top:6.2px;
	}
	#TopPage footer.footer p.Copyrigh{
		position:absolute;
		right:20px;
		bottom:4px;
		margin:0;
		text-align:right;
		font-size:16px;
		line-height:120%;
	}
	@keyframes JumbotronOn{
		0%{
			height:0;
			min-height:0;
		}
		100%{
			height:calc(100vh - 100px);
			height:calc(var(--vh, 1vh) * 100 - 100px);
			min-height:720px;
		}
	}
}
@media (min-width:767px) and (max-height:820px){
	#TopPage .carousel-item picture img{
		margin:0 0 0 calc(50vw - 537.653px);
	}
	#TopPage .carousel-item:nth-child(2) picture img,
	#TopPage .carousel-item:nth-child(3) picture img,
	#TopPage .carousel-item:nth-child(4) picture img,
	#TopPage .carousel-item:nth-child(5) picture img{
		margin:0 0 0 calc(100vw - 1065.3061px);
	}
}
@media (min-width:992px){
	#TopPage #Navbar .navbar-nav li a.nav-link{
		padding:6px .75rem 6px .5rem;
	}
	#TopPage #PageTitle{
		position:relative;
	}
	#TopPage #PageTitle.Opening,
	#TopPage #PageTitle .jumbotron,
	#TopPage #PageTitle #carousel,
	#TopPage #PageTitle .carousel-inner,
	#TopPage #PageTitle .carousel-item,
	#TopPage #PageTitle .carousel-item picture img,
	#TopPage #PageTitle .carousel-item:nth-child(2) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(3) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(4) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(5) picture img{
		width:auto;
		height:100vh;
		height:calc(var(--vh, 1vh) * 100);
		min-height:54.4444vw;
	}
	#TopPage #PageTitle .carousel-item picture img,
	#TopPage #PageTitle .carousel-item:nth-child(2) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(4) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(5) picture img{
		margin:0 0 0 calc(45vw - var(--vh, 1vh) * 91.8367);
	}
	#TopPage #PageTitle .carousel-item:nth-child(3) picture img{
		margin:0 0 0 calc(100vw - var(--vh, 1vh) * 183.6734);
	}
	#TopPage #PageTitle.Opening #More{
		bottom:110px;
		right:10px;
		animation:DownArrowFull 4s ease 0s infinite normal forwards;
	}
	#TopPage .carousel-indicators{
		left:26px !important;
		bottom:28px !important;
		justify-content:flex-start;
	}
	#TopPage .carousel-item .carousel-body{
		bottom:calc(50% - 11vh);
		left:0;
		padding:0 25px;
		justify-content:flex-start;
		width:32vw;
		max-width:unset;
		min-width:400px;
		height:calc(10vh + 10vw);
		min-height:180px;
		transform:unset;
	}
	#TopPage .carousel-item .carousel-body::after{
		width:16px;
		height:16px;
	}
	#TopPage .carousel-item .carousel-body h3{
		text-align:left;
		font-size:calc(26px + 1.6129vw);
		line-height:130%;
	}
	#TopPage .carousel-item .carousel-body p{
		text-align:left;
		font-size:18px;
		line-height:130%;
	}
	#TopPage #PageTitle.reDisp .jumbotron{
		animation:JumbotronOnFull .4s linear forwards;
	}
	#TopPage #PageTitle .topicsCell{
		position:absolute;
		right:0;
		bottom:0;
		margin:0;
		padding:0 20px;
		width:50vw;
		min-height:unset;
		z-index:15;
	}
	#TopPage #PageTitle.Short .jumbotron{
		min-height:0;
	}
	#TopPage #PageTitle.Opening .topicsCell{
		height:100px;
	}
	#TopPage #PageTitle.reDisp .topicsCell{
		margin:0;
		padding:0 20px;
		height:0;
		animation:topicsCellOnFull .2s linear .4s forwards;
	}
	#TopPage #PageTitle.Short .topicsCell{
		margin:0 25px;
		padding:80px 0 0;
		width:calc(100% - 50px);
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion{
		padding:10px 0;
		min-height:86px;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span,
	#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal p span{
		font-size:16px;
		line-height:130%;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:first-child,
	#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p span:first-child{
		width:18px;
		transform:translate(0,6px);
		font-size:12px;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:nth-child(2),
	#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal p span:nth-child(2){
		width:calc(100% - 18px);
		font-size:16px;
		line-height:130%;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:nth-child(3){
		padding:0 0 0 18px;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion.open .Modal{
		padding:2em;
		width:80vw;
		max-height:calc(100vh - 200px);
		max-height:calc(var(--vh, 1vh) * 100 - 200px);
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion.open::after{
	  top:80px;
	  right:5vw;
	}
	#TopPage #PageTitle.Short .topicsDisplay li.topics_accordion{
		min-height:unset;
	}
	#TopPage #PageTitle.Short .topicsDisplay li.topics_accordion > p{
		flex-wrap:nowrap;
	}
	#TopPage #PageTitle.Short .topicsDisplay li.topics_accordion p span:nth-child(2){
		min-width:8em;
	}
	#TopPage #PageTitle.Short .topicsDisplay li.topics_accordion p span:nth-child(3){
		margin:0;
		padding:0 0 0 18px;
	}
	#TopPage .container .MainCard{
		padding:30px 0 0;
	}
	#TopPage .container .MainCard > div a{
		max-width:unset;
		max-height:unset;
	}
	#TopPage .container .MainCard > div a strong{
		font-size:calc(14px + 1.6129vw);
	}
	#TopPage .container .MainCard > div a span{
		font-size:16px;
		line-height:130%;
	}
	#TopPage .container .SubCard{
		padding:40px 0 0;
	}
	#TopPage .container .SubCard > div{
		padding:0;
		margin:20px 10px 0;
		width:calc(50% - 20px);
	}
	#TopPage .container .SubCard > div a span + strong span{
		font-size:20px;
		line-height:130%;
	}
	#TopPage .container .SubCard > div a span + strong span::after{
	  top:9px;
	}
	#TopPage .container .SubCard > div a strong + span{
		margin:.5em 0 0;
		font-size:16px;
		line-height:130%;
	}
	#TopPage #Aboutus{
		margin:-50px 10px 0 !important;
		padding-top:120px;
	}
	#TopPage #Aboutus .AboutusHead{
		display:flex;
		justify-content:space-between;
		align-items:center;
		margin:0;
		padding:2em 0 .5rem;
	}
	#TopPage #Aboutus .AboutusHead h3{
		margin:0;
		text-align:left;
		font-size:36px;
		line-height:130%;
	}
	#TopPage #Aboutus  .AboutusHead h3::before{
		margin:0 6px 0 0;
		width:24px;
		height:24px;
		transform:translate(0, -2px);
	}
	#TopPage #Aboutus .AboutusHead p{
		margin:0;
		height:32.6px;
	}
	#TopPage #Aboutus .AboutusHead p a{
		font-size:18px;
		line-height:120%;
	}
	#TopPage #Aboutus .AboutusHead p a::after{
		top:12px;
	}
	#TopPage #Aboutus .AboutusBody{
		padding:0;
	}
	#TopPage #Aboutus .AboutusBody p{
		font-size:18px;
		line-height:180%;
	}
	#TopPage #Aboutus .AboutusBody p.Notice{
		font-size:16px;
		line-height:140%;
	}
	#page_link{
		display:none;
	}
	#TopPage footer.footer{
		margin:150px 0 0;
	}
	#TopPage #PageTitle.Opening #Opening svg{
		width:20vw;
	}
	/* --BodyOpen-- */
	#TopPage #PageTitle.Short .jumbotron{
		animation:JumbotronCloseFull .4s linear forwards;
	}
	@keyframes JumbotronOnFull{
		0%{
			height:0;
			min-height:0;
		}
		100%{
			height:100vh;
			height:calc(var(--vh, 1vh) * 100);
			min-height:54.4444vw;
		}
	}
	@keyframes JumbotronCloseFull{
		0%{
			height:100vh;
			height:calc(var(--vh, 1vh) * 100);
		}
		100%{
			height:0;
		}
	}
	@keyframes topicsCellOnFull{
		0%{
			height:0;
		}
		100%{
			height:100px;
		}
	}
	@keyframes DownArrowFull{
		0%{
			transform:translate(0,0) rotate(90deg);
			opacity:.2;
		}
		90%{
			transform:translate(0,0px) rotate(90deg);
			opacity:.2;
		}
		98%{
			transform:translate(0,4px) rotate(90deg);
			opacity:.6;
		}
		100%{
			transform:translate(0,0px) rotate(90deg);
			opacity:.2;
		}
	}
}
@media (min-width:992px) and (max-height:820px){
	#TopPage .carousel-item .carousel-body{
		bottom:calc(50% - 80px);
		height:160px;
	}
	#TopPage #PageTitle .carousel-item picture img,
	#TopPage #PageTitle .carousel-item:nth-child(2) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(3) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(4) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(5) picture img{
		margin:0;
	}
}
@media (min-width:1279px){
	#TopPage #Navbar{
		margin:20px 50px 0 !important;
		padding:1.25rem;
		background-color: rgba(0,0,0,.6);
	}
	#Navbar .navbar-nav + .navbar-nav{
		margin-right:0 !important;
	}
	#TopPage .navbar-brand{
		margin:0 20px 0 50px;
	}
	#TopPage .carousel-item .carousel-body{
		padding:0 50px;
	}
	#TopPage .carousel-item .carousel-body h3{
		font-size:calc(22px + 1.25vw);
		line-height: 130%;
	}
	#TopPage .carousel-indicators li{
		width:50px;
	}
	#TopPage #PageTitle.Short .topicsCell{
		padding:100px 0 0;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion.open .Modal > p span:nth-child(3){
		margin:1em 0 0;
		font-size:26px;
		line-height:130%;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion.open .Modal > p + div{
		padding:.5em 0 0;
		font-size:18px;
		line-height:150%;
	}
	#TopPage #PageTitle.Short .topicsDisplay li.topics_accordion p span{
		font-size:18px;
		line-height:130%;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:first-child,
	#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p span:first-child{
		width:18px;
		transform:translate(0,6px);
		font-size:12px;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion.open .Modal{
		padding:4em;
	}
	#TopPage .container .MainCard > div{
		padding:0 10px;
		width:33.3333%;
	}
	#TopPage .container .MainCard > div a{
		height:calc(14.1025vw - 12.6922px);
	}
	#TopPage .container .MainCard > div a strong{
		font-size:calc(8px + 1.6129vw);
	}
	#TopPage .carousel-item picture img,
	#TopPage .carousel-item:nth-child(2) picture img,
	#TopPage .carousel-item:nth-child(3) picture img,
	#TopPage .carousel-item:nth-child(4) picture img,
	#TopPage .carousel-item:nth-child(5) picture img{
		margin:0 0 0 calc(100vw - var(--vh, 1vh) * 183.6734);
	}
	#TopPage .container .MainCard{
		padding:60px 0 0;
	}
	#TopPage #PageTitle.Opening #Opening svg{
		width:16vw;
	}
	@keyframes topicsDisplayOpen{
		0%{
			padding:.25em .75em;
		}
		100%{
			padding:100px 0 0;
		}
	}
}
@media (min-width:1279px) and (max-height:54.4444vw){
	#TopPage #PageTitle .carousel-item picture img,
	#TopPage #PageTitle .carousel-item:nth-child(2) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(3) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(4) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(5) picture img{
		margin:0;
	}
}
@media (min-width:1399px){
	#TopPage #PageTitle .carousel-item picture img,
	#TopPage #PageTitle .carousel-item:nth-child(2) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(3) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(4) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(5) picture img{
		margin:0 0 0 calc(50vw - var(--vh, 1vh) * 91.8367);
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p{
		flex-wrap:nowrap;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:nth-child(2){
		width:auto;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:nth-child(3){
		margin:0;
		padding:0;
	}
	#TopPage #Aboutus .AboutusBody{
		display:flex;
		justify-content:space-between;
	}
	#TopPage #Aboutus .AboutusBody > div{
		padding:1.5em 0 0;
		width:calc(50% - 15px);
	}
}
@media (min-width:1399px) and (max-height:54.4444vw){
	#TopPage #PageTitle .carousel-item picture img,
	#TopPage #PageTitle .carousel-item:nth-child(2) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(3) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(4) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(5) picture img{
		margin:0;
	}
}
@media (min-width:1439px){
	#TopPage #Navbar.show{
		background-color:transparent;
		overflow:visible;
	}
	#TopPage #Navbar{
		margin:0 1rem 0 0 !important;
		padding:0;
	}
	#TopPage #Navbar .navbar-nav li a.nav-link[href="https://ai-chip-design-center.org/aidc2020/aidc2020_common/Login.php"]{
		position:relative;
		display:block;
		border:1px solid #fff;
		border-radius:1.4em;
		padding:3px calc(2em + 14px) 6px 1.6em;
		max-width:100px;
		background:#fff;
		font-weight:600;
		line-height:1.2;
		color:#007bff;
	}
	#TopPage #Navbar .navbar-nav li a.nav-link[href="https://ai-chip-design-center.org/aidc2020/aidc2020_common/Login.php"]:hover{
		border:1px solid #007bff;
		opacity:.6;
	}
	#TopPage #Navbar .navbar-nav li a.nav-link[href="https://ai-chip-design-center.org/aidc2020/aidc2020_common/Login.php"]::after{
		content:"";
		position:absolute;
		top:11px;
		right:1.2em;
		display:inline-block;
		width:8px;
		height:8px;
	}
}
@media (min-width:1499px){
	#TopPage .container .SubCard > div{
		width:calc(25% - 20px);
	}
}
@media (min-width:1599px){
	#TopPage #PageTitle.Short .topicsCell{
		margin:0 40px;
		width:calc(100% - 80px);
	}
	#TopPage #content .container{
		padding:0 40px;
	}
	#TopPage #Aboutus{
		margin:-50px 10px 0 !important;
		padding-top:180px;
	}
	#TopPage footer.footer{
		margin:180px 0 0;
	}
}
@media (min-width:1799px){
	#TopPage nav#bs-navbar{
		padding:.2777vw 0;
	}
	#TopPage #Navbar{
		margin:0 2.7777vw 0 0;
	}
	#TopPage nav.newnav{
		height:2.5555vw;
	}
	#TopPage .onTitle nav.newnav{
		height:3.8888vw;
	}
	#TopPage .navbar-brand{
		margin:0 1.1111vw 0 2.7777vw;
	}
	#TopPage nav.newnav .AIST_Logo{
		width:1.5555vw;
	}
	#TopPage .onTitle nav.newnav .AIST_Logo{
		width:2.7777vw;
	}
	#TopPage #Navbar .navbar-nav li a.nav-link{
		padding:.3333vw .75rem .3333vw .5rem;
		font-size:.8888vw;
	}
	#TopPage #Navbar .navbar-nav li a.nav-link[href="https://ai-chip-design-center.org/aidc2020/aidc2020_common/Login.php"]{
		padding:.1666vw calc(1.6em + .7777vw) .3333vw 1.6em;
		max-width:unset;
		font-size:.8888vw;
	}
	#TopPage #Navbar .navbar-nav li a.nav-link[href="https://ai-chip-design-center.org/aidc2020/aidc2020_common/Login.php"]::after{
		top:calc(.5332vw + .25vw - .2222vw);
		right:1.2em;
		width:.4444vw;
		height:.4444vw;
	}
	#TopPage #Navbar .navbar-nav li ul{
		top:calc(1.3333vw + .5rem);
	}
	#TopPage .onTitle #Navbar .navbar-nav li ul{
		top:2vw;
	}
	/*  */
	#TopPage #PageTitle.Opening,
	#TopPage #PageTitle .jumbotron,
	#TopPage #PageTitle #carousel,
	#TopPage #PageTitle .carousel-inner,
	#TopPage #PageTitle .carousel-item,
	#TopPage #PageTitle .carousel-item picture img,
	#TopPage #PageTitle .carousel-item:nth-child(2) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(3) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(4) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(5) picture img{
		min-height:40vw;
	}
	#TopPage .jumbotron::after{
		top:calc(50% - 5.5555vw);
		right:.5555vw;
		width:.2222vw;
		height:11.1111vw;
		background-position:0 -11.1111vw;
	}
	#TopPage .carousel-indicators{
		left:1.4444vw !important;
		bottom:1.5555vw !important;
	}
	#TopPage .carousel-indicators li{
		margin:0 .1111vw;
		width:2.7777vw;
		height:.5555vw;
		max-width:unset;
	}
	#TopPage .carousel-item .carousel-body{
		bottom:calc(50% - 7.7777vw);
		padding:0 2.7777vw;
		width:32vw;
		height:15.5555vw;
	}
	#TopPage .carousel-item .carousel-body::after{
		right:.4444vw;
		bottom:.4444vw;
		width:.8888vw;
		height:.8888vw;
	}
	#TopPage .carousel-item .carousel-body h3{
		font-size:3.1111vw;
		line-height:140%;
	}
	#TopPage .carousel-item .carousel-body p{
		font-size:1.1111vw;
		line-height:130%;
	}
	#TopPage .carousel-item picture img,
	#TopPage .carousel-item:nth-child(2) picture img,
	#TopPage .carousel-item:nth-child(3) picture img,
	#TopPage .carousel-item:nth-child(4) picture img,
	#TopPage .carousel-item:nth-child(5) picture img{
		margin:0 0 0 calc(100vw - var(--vh, 1vh) * 183.6734);
	}
	/* */
	#TopPage #PageTitle.Opening .topicsCell{
		padding:0 1.1111vw;
		width:44.4444vw;
		height:5.5555vw;
		max-width:unset;
	}
	#TopPage #PageTitle.Opening.reDisp .topicsCell{
		height:0;
	}
	#TopPage #PageTitle.Short .topicsCell{
		margin:0 5.5555vw;
		padding:4.4444vw 0 0;
		width:calc(100% - 11.111vw);
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion{
		padding:0;
		min-height:unset;
	}
	#TopPage #PageTitle.Short .topicsDisplay li.topics_accordion{
		padding:.5555vw 0;
	}
	#TopPage #PageTitle.Opening .topicsCell li.topics_accordion{
		height:5.5555vw;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span,
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:nth-child(2),
	#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p span:nth-child(2){
		font-size:.9444vw;
		line-height:140%;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:first-child,
	#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p span:first-child,
	#TopPage #PageTitle.Short .topicsDisplay li.topics_accordion > p span:first-child{
		padding:0 .3333vw 0 0;
		width:auto;
		transform:translate(0, .3333vw);
		font-size:.8333vw;
	}
	#TopPage #PageTitle.Short .topicsDisplay li.topics_accordion > p span:first-child{
		transform:translate(0, .2222vw);
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:nth-child(2),
	#TopPage #PageTitle .topicsDisplay li.topics_accordion .Modal > p span:nth-child(2){
	  width:auto;
	}
	#TopPage #PageTitle.Short .topicsDisplay li.topics_accordion > p span{
		font-size:1vw;
		line-height:130%;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion > p span:nth-child(3){
		padding:0 0 0 1.1666vw;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion.open{
		height:100vh;
		height:calc(var(--vh, 1vh) * 100);
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion.open .Modal{
		max-height:calc(var(--vh, 1vh) * 95.5346 - 7.223vw);
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion.open::after{
		top:4.4444vw;
		right:5vw;
		width:1.3333vw;
		font-size:1.5555vw;
		line-height:1.5555vw;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion.open .Modal > p span:nth-child(3){
		margin:.8888vw 0;
		font-size:1.7777vw;
		line-height:130%;
	}
	#TopPage #PageTitle .topicsDisplay li.topics_accordion.open .Modal > p + div{
	  font-size:.8888vw;
	  line-height:150%;
	}

	#TopPage #PageTitle.Opening #More{
		bottom:6.1111vw;
		right:.5555vw;
		width:1.1111vw;
		height:1.1111vw;
	}
	/* */
	#TopPage #content .container{
		padding:0 5.5555vw;
	}
	#TopPage .container .MainCard{
		justify-content:space-between;
		padding:3.3333vw 0 0;
	}	
	#TopPage .container .MainCard > div{
		padding:0;
		width:calc(33.3333% - .7407vw);
	}
	#TopPage .container .MainCard > div a{
		padding:1.6666vw;
		height:12.2222vw;
	}
	#TopPage .container .MainCard > div a::after{
		right:.4444vw;
		bottom:.4444vw;
		width:.6666vw;
		height:.6666vw;
	}
	#TopPage .container .MainCard > div a strong{
		text-shadow:.0555vw .0555vw .1666vw rgba(0,0,0,.6);
	}
	#TopPage .container .MainCard > div a span{
		font-size:.8888vw;
		line-height:150%;
	}
	#TopPage .container .SubCard{
		padding:3.3333vw 0 0;
	}
	#TopPage .container .SubCard > div{
		margin:0;
		width:calc(25% - .5vw);
	}
	#TopPage .container .SubCard > div a{
		padding:1.33333vw 1.3333vw 1.2222vw 1.3333vw;
	}
	#TopPage .container .SubCard > div a > span:first-child{
		width:6.6666vw;
	}
	#TopPage .container .SubCard > div a span + strong{
		padding:0 0 0 .5555vw;
		width:calc(100% - 8.8888vw);
	}
	#TopPage .container .SubCard > div a span + strong span{
		font-size:1vw;
		line-height:130%;
	}
	#TopPage .container .SubCard > div a span + strong span::after{
		top:.4444vw;
		right:-.8888vw;
		width:.4444vw;
		height:.4444vw;
	}
	#TopPage .container .SubCard > div a strong + span{
		margin:1.1111em 0 0;
		font-size:.8888vw;
		line-height:150%;
	}
	#TopPage #Aboutus{
		margin:-2.7777vw 0 0 !important;
		padding-top:10vw;
	}
	#TopPage #Aboutus .AboutusHead h3{
		font-size:1.7777vw;
		line-height:130%;
	}
	#TopPage #Aboutus .AboutusHead h3::before{
		border:.1666vw solid #f90;
		margin:0 .4444vw 0 0;
		width:1.3333vw;
		height:1.3333vw;
		transform:translate(0, -.1111vw);
	}
	#TopPage #Aboutus .AboutusHead p{
		height:1.8111vw;
	}
	#TopPage #Aboutus .AboutusHead p a{
		font-size:1vw;
		line-height:120%;
	}
	#TopPage #Aboutus .AboutusHead p a::after{
	  top:calc(.6666vw);
	  left:calc(50% + 4em + .2222vw);
	  width:.4444vw;
	  height:.4444vw;
	}
	#TopPage #Aboutus .AboutusBody > div{
		padding:3em 0 0;
		width:calc(50% - 2.5vw);
	}
	#TopPage #Aboutus .AboutusBody p{
		font-size:1.1111vw;
		line-height:200%;
	}
	#TopPage #Aboutus .AboutusBody p.Notice{
		margin:2em 0 0;
		font-size:1vw;
		line-height:140%;
	}
	/* */
	#TopPage footer.footer ul.FooterNavi li a{
		font-size:.8888vw;
		line-height:120%;
	}
	#TopPage footer.footer{
		margin:10vw 0 0;
		height:4.4444vw;
	}
	#TopPage footer.footer div.Logo{
		width:4.4444vw;
		height:4.4444vw;
	}
	#TopPage footer.footer div.Logo a{
		padding:1.2222vw;
	}
	#TopPage footer.footer div.Logo a svg{
		width:2vw;
		height:2vw;
	}
	#TopPage .footer > .container{
		padding:.6666vw 1.1111vw 0;
		width:95.5556vw;
	}
	#TopPage .footer > .container .FooterNavi li{
		padding:0 1.7777vw 0 0;
	}
	#TopPage footer.footer ul.FooterNavi li a::after{
		top:.4444vw;
		right:-.7777vw;
		width:.4444vw;
		height:.4444vw;
	}
	#TopPage footer.footer p.Copyrigh{
		right:1.1111vw;
		bottom:.2222vw;
		font-size:.8888vw;
	}
	@keyframes Arrow{
		0%{
			background-position:0 -11.1111vw;
		}
		100%{
			background-position:0 11.1111vw;
		}
	}
	@keyframes topicsCellOnFull{
		0%{
			height:0;
		}
		100%{
			height:5.5555vw;
		}
	}
	@keyframes topicsDisplayOpen{
		0%{
			padding:.25em .75em;
		}
		100%{
			padding:4.4444vw 0 0;
		}
	}
}
@media (min-width:1799px) and (max-height:54.4444vw){
	#TopPage #PageTitle .carousel-item picture img,
	#TopPage #PageTitle .carousel-item:nth-child(2) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(3) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(4) picture img,
	#TopPage #PageTitle .carousel-item:nth-child(5) picture img{
		width:100vw;
		height:auto;
		min-height:unset;

	}
}