h1,h2,h3,h4,p,dl,dt,dd,ul,li,table,th,td{
    font-family: 'Kosugi Maru',"メイリオ","ＭＳ Ｐゴシック", sans-serif;
    font-weight: normal;
    color: #446984;
}
a{text-decoration:none;
color:inherit;}

/* header
-------------------------------------*/
#indexheader {
    width: 100%;
    min-height: 95px;
    z-index: 200;
	position: fixed;
}
/* logoBox
-------------------------------------*/
.logoBox {
	background-image: url(/event_design/virtual/common/images/back2.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 670px;
}
.logoBox h1 {
	padding-top: 100px;
	text-align: center;
}
.logoBox h1 img{
	max-width: 800px;
	width:100%;
	object-fit: contain;
}
.more-toggle,
.hidden-content {
  display: none;
}

.more-toggle:checked ~ .hidden-content {
  display: block;
}

.more-button {
  margin:2% auto;
  display: block;
  width: 200px;
  height: 40px;
  padding: 8px;
  background-color: #FF4B91;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  border-radius: 24px;
  cursor: pointer;
  user-select: none;
  transition: opacity 0.3s;
  border:1px solid #FFFFFF;
}

.more-button::before {
  content: 'もっと見る';
}

.more-toggle:checked ~ .more-button::before {
  content: '閉じる';
}

.more-button:hover {
  opacity: 0.7;
}

.more-button:active {
  opacity: 0.4;
}
.newsBox {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #446984;
}
.newsBox p span{
    font-size: 14px;
    color: #FFF;
    background-color: #FC5185;
    text-align: center;
    border-radius: 5px;
    margin: 10px 10px 10px 0;
    padding:1% 2%;
}
.newsBox p {
	padding-top: 5px;
	padding-right: 10px;
}
.newsBox a {
	color: #CCCCCC;
}
.newsBox hr {
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 110px;
	border: 1px dotted #CCCCCC;
}
/* contentsBox
-------------------------------------*/
.index_contentsBox {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #3fc1c9;
}
.index_contentsBox h2 {
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
}
.index_contentsBox h2 .icon {
    font-size: 30px;
	color: #3fc1c9;
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
}
ul.contentslink {
	display: flex;
	align-items:stretch;  
	flex-wrap: wrap;
}
ul.contentslink li {
    width: 310px;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-right: 35px;
    background-color: #FFFFFF;
}
ul.contentslink li a {
    display: block;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #3fc1c9;
}
ul.contentslink li:nth-of-type(3n) {
	margin-right: 0px;
}
.thumbnail {
    width: 100%;
    height: auto;
}
.thumbnail img {
    max-width: 100%;
    height: auto;
}

/* prelearning
-------------------------------------*/
.prelearningBox{
	padding:30px 0;
	margin:0;
	background:#F9BC53;
	width:100%;
}
.prelearningBox h2{
	position:relative;
	width:24em;
	height:80%;
	color:#FFFFFF;
	text-align:center;
    font-size: 30px;
	margin:10px auto 30px;
    letter-spacing: 0;
	line-height:1.6;
}
.prelearningBox h2 a{
	color:#0D1784;
}
.prelearningBox h2 i{
	background:#FFF;
	border-radius:50%;
	width:50px;
	height:50px;
	line-height:50px;
	color:#F9BC53;
}
.prelearningBox h2 i a{
	color:#0D1784;
}
.prelearningBox h2 a:hover{
	background:FFFFFF;
	color:#0D1784;
}
.prelearningBox h2 .newsimg{
    width: 150px;
    height: 150px;
    position: absolute;
    right:2%;
    bottom:-25%;
	z-index:1;
}
.newsimg img{
	width:150px;
	height:150px;
	object-fit:contain;
}
.prelearningBox .schedule{
	background:#FFFFFF;
	margin:10px auto;
    max-width: 1000px;
	padding:30px 10px 10px 10px;
	overflow-y:scroll;
	overflow-x: hidden;
	height:600px;
	border-radius:5px;
}
.prelearningBox .schedule::-webkit-scrollbar{
   width: 10px;
}
.prelearningBox .schedule::-webkit-scrollbar-track{
   background-color: #F1F1F1;
}
.prelearningBox .schedule::-webkit-scrollbar-thumb{
   background-color: #cccccc;
}
.prelearningBox .schedule .scheduleBox{
	display:flex;
	justify-content:space-between;
	flex-wrap:nowrap;
	width:100%;
}
.prelearningBox .schedule .scheduleBox li{
	width:45%;
}
.prelearningBox .schedule .scheduleBox li:first-of-type .img,
.prelearningBox .schedule .scheduleBox .movie .img{
	width:96%;
	object-fit:cover;
}
.prelearningBox .schedule .scheduleBox .movie{
	position:relative;
}
.prelearningBox .schedule .scheduleBox .movie .iconPlay {
   z-index: 1;
   position: absolute;
   top: 50%;
   left: 50%;
   transform:translate(-50%,-50%);
}
.prelearningBox .schedule .scheduleBox li button {
	width: 96%;
   border: none;
   font-size: 16px;
   color: #ffffff;
	line-height:1.2;
   font-weight: bold;
   text-align: center;
   padding: 10px;
   box-sizing: border-box;
  background-color: #f5a100;
}
.prelearningBox .schedule .scheduleBox li button::after {
   content: '\f35d';
   font-family: 'Font Awesome 5 Free';
   font-weight: 700;
   margin-left: 5px;
}
.prelearningBox .schedule .scheduleinner h3{
	margin:30px auto 20px;
	font-size:22px;
	text-align:center;
	color:#446984;
}
.prelearningBox .schedule .scheduleinner .scheduleinnerList{
	display:flex;
	justify-content:flex-start;
	width:100%;
	flex-wrap:wrap;
	margin:10px auto;
	text-align:center;
}
.prelearningBox .schedule .scheduleinner .scheduleinnerList ul li{
	font-size:15px;
	text-align:center;
}
.prelearningBox .schedule .scheduleinner .scheduleinnerList li.event{
	width:32%;
	padding:10px;
}

.prelearningBox .schedule .scheduleinner .scheduleinnerList li.event a ul{
	width:100%;
	margin:0 auto;
}
.prelearningBox .schedule .scheduleinner .scheduleinnerList li.event a ul li{
	width:100%;
	color:#333;
	margin:0 auto;
	text-align:left;
	font-size:16px;
}
.prelearningBox .schedule .scheduleinner .scheduleinnerList li.event a ul li img{
	width:150px;
	height:150px;
	object-fit:contain;
}
.prelearningBox .schedule .scheduleinner .scheduleinnerList li.event a ul li:nth-of-type(2),
.prelearningBox .schedule .scheduleinner .scheduleinnerList li.event a ul li:nth-of-type(3){
	padding-left:20px;
}
/**li a{
	display:block;
}
.scheduleinnerList .event h4{
	font-size:20px;
	margin:5px auto 10px;
	width:90%;
	height:60px;
	line-height:1.7em;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 2;
	overflow:hidden;
	text-overflow:ellipsis;
}
.scheduleinnerList .event h4 a{
		color:#0802A3;
}**/

.sp{display:none;}
footer .sns li.twitter{
    /**background-color: #000000;
	border-radius:50%;
    font-size: 20px;**/
	width:36px;
	height:36px;
	position:relative;
}
footer .sns li.twitter i{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.month{display:none;}
.scheduleList table{
	border-collapse:collapse;
	border:none;
	table-layout:fixed;
	text-align:center;
}
.scheduleList table{
	width:100%;
	margin:20px auto;
	}
.scheduleList th{
	display:none;
	border-collapse:collapse;
	border:1px solid #FFFFFF;
	width:25%;
	line-height:2;
	background:#ffa600;
	color:#FFF;
	font-weight:600;
	font-size:18px;
	padding:10px;
}
.scheduleList td{
	border-collapse:collapse;
	font-size:16px;
	border:none;
	padding:20px 5px;
}
.scheduleList td:first-of-type{width:45%;text-align:left;}
.scheduleList td:nth-of-type(2){width:30%;}
.scheduleList td:nth-of-type(3){
	display:none;
}
.scheduleList td:nth-of-type(4) a{
	display:block;
	color:#002b5c;
}
.scheduleList td ul{
	display:block;margin:0;
}
.scheduleList td li{
	width:100%;padding:0;
}
.formList{
	display:flex;
	justify-content:flex-start;
	margin:10px auto;
	width:100%;
	flex-wrap:wrap;
}
.formList a{
	width:30%;
	display:block;
	margin:3% 1%;
	padding:2%;
}
.formList a:nth-of-type(3){
	margin:3% 0 3% 1%;
}
.fomrList a ul{
	width:100%;
	
	}
.formList a ul li{
	font-size:18px;
	width:100%;
	color:#3FC1C9;
	text-align:center;
}
.formList a ul li:nth-of-type(4n){
	display:none;
}
.formList a ul li img{
	display:block;
	width:100%;
	object-fit:contain;
}
@media (max-width:1000px) {
.logoBox {
    height: auto;
    padding-bottom: 60px;
    background-size: cover;
}
.logoBox h1 {
	padding-top: 20px;
	width: 86%;
	margin-left: 7%;
	margin-right: 7%;
}
.logoBox h1 img {
    max-width: 100%;
    height: auto;
}
.newsBox {
    padding-top: 30px;
    padding-bottom: 30px;
}
.newsBox p{
	font-size:14px;
	width:96%;
	padding:0;
	margin:5px auto;
	line-height:2.5;
	letter-spacing:-0.01em;
}
.newsBox p span{
	margin: 10px 0 20px;
	line-height:2;
	}
.sp{
	display:block;
	}}
@media (max-width:768px) {
.prelearningBox{
	padding:10px 0;
	}
.prelearningBox h2{
	width:100%;
	margin:5px auto 60px;
	postition:relative;
}
.prelearningBox h2 span{
	position:absolute;
	top:65px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	}
.prelearningBox h2 .newsimg{
	right:10%;
	bottom:-50%;
}

.prelearningBox .schedule{
	padding:0;
	height:1000px;
	}
.prelearningBox .schedule .scheduleBox{
    display:block;
	padding:0 0 0 12px;
	margin:5px auto 15px;
}
.prelearningBox .schedule .scheduleBox li{
	width:100%; margin:0 auto 10px;
}

.prelearningBox .schedule .scheduleBox li:first-of-type img,
.prelearningBox .schedule .scheduleBox li:nth-of-type(2) img:first-of-type{
	display:block;
	text-align:center;
}
.prelearningBox .schedule .scheduleinner .scheduleinnerList{
	margin:5px auto;
}
.prelearningBox .schedule .scheduleinner .scheduleinnerList li.event{
	width:48%;
	padding:5px;
}
.prelearningBox .schedule .scheduleinner .scheduleinnerList li.event img{
	width:100%;height:auto;
}
.prelearningBox .schedule .scheduleinner .scheduleinnerList li.event a ul li:nth-of-type(2),
.prelearningBox .schedule .scheduleinner .scheduleinnerList li.event a ul li:nth-of-type(3){
	font-size:14px;
	}}
@media (max-width:1000px) {
/**.scheduleinnerList li.event h4{
	font-size:16px;
}**/
/**.prelearningBox .schedule .scheduleinner .scheduleinnerList li.event ul{
	width:90%;
	display:block;
}**/

ul.contentslink li {
    width: 29%;
    margin-right: 2%;
    margin-left: 2%;
}
ul.contentslink li:nth-of-type(3n) {
	margin-right: 2%;
}
}
@media (max-width:480px) {
.prelearningBox h2{
	margin:0 auto 30px;
	}
.prelearningBox h2 .newsimg{
    width: 100px;
    height: 115px;
    right:1%;
    bottom:-28%;
}
.newsimg img{
	width:100px;
	height:auto;
}
.index_contentsBox {
    padding-top: 30px;
    padding-bottom: 30px;
}
ul.contentslink li {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
	font-size:14px;
}
ul.contentslink li:nth-of-type(3n) {
	margin-right: 1%;
}
.scheduleList table{
	width:90%;
}
.scheduleList th{
	font-size:15px;
	padding:5px;
}
.scheduleList td{
	font-size:12px;
	padding:10px 5px;
}
.newsBox p{
	line-height:2.0;
	letter-spacing:0;
}
.formList a{
	width:47%;
	margin:3% 1%;
}
.formList a:nth-of-type(2){
	margin:3% 0 3% 1%;
}
}
.schoolNewsBox{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #F9BC53;
}


.schoolNewsBox h2 {
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
    margin-left: 0.3em;
    letter-spacing: 0.3em;
}
.prelearningBox h2 i{
    margin-bottom: 20px;
}
.schoolNewsBox h2 .icon {
    font-size: 30px;
	color: #F9BC53;
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
    letter-spacing: 0;
}
.schoolNewsBox .commentBox{
    max-width: 1000px;
    /* max-height: 320px; */
    height: 320px;
    background-color: #FFFFFF;
    border-radius: 5px;
    position: relative;
    margin: 0 auto;
    padding: 30px 50px;
    padding-right: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.schoolNewsBox .commentBox figure.mone{
    width: auto;
    height: 150px;
    line-height: 0;
    position: absolute;
    right: 100px;
    top: -146px;
}
.schoolNewsBox .commentBox figure.mone img{
	height:100%;
}
.schoolNewsBox .commentBox ul{
    height: 100%;
    /* max-height: 260px; */
overflow: auto;
scrollbar-width: thin;
scrollbar-color: #ccc #F1F1F1;
}
.schoolNewsBox .commentBox ul::-webkit-scrollbar{
   width: 7px;
}
.schoolNewsBox .commentBox ul::-webkit-scrollbar-track{
    background-color: #F1F1F1;
}
.schoolNewsBox .commentBox ul::-webkit-scrollbar-thumb{
    background-color: #cccccc;
}
/* .simplebar-scrollbar::before {
  background: #cccccc;
    border-radius: 0;
}
.simplebar-track {
  background: #F1F1F1;
} */
.simplebar-scrollbar.simplebar-visible::before {
      opacity: 1;
    }
.schoolNewsBox .commentBox li{
    padding-right: 10px;
}
.schoolNewsBox .commentBox li a{
/*    height: auto;
    overflow: hidden;
    clear: both;*/
    display: flex;
    flex-wrap: nowrap;
    column-gap: 30px;
    align-items: center;
}
.schoolNewsBox .commentBox li:not(:first-of-type){
    margin-top: 30px;
}
.schoolNewsBox .commentBox li figure{
    width: 400px;
/*    float: left;*/
/*    margin-right: 30px;*/
    line-height: 0;
}
.schoolNewsBox .commentBox li figure img{
    width: 100%;
}
.schoolNewsBox .commentBox li h3{
    font-size: 30px;
    color: #446984;
    line-height: 1;
    margin-bottom: 30px;
}
.schoolNewsBox .commentBox li p{
    color: #484848;
}

@media (max-width:1000px) {
/*    .schoolNewsBox{
        column-gap: 20px;
    }*/
    .schoolNewsBox .commentBox{
        width: calc(100% - 10px);
    padding: 30px;
        padding-right: 10px;
        /* height: 320px; */
    }
.schoolNewsBox .commentBox li a{
    column-gap: 15px;
    }
}
@media (max-width:480px) {
.schoolNewsBox {
    padding-top: 30px;
    padding-bottom: 30px;
}
.schoolNewsBox .commentBox{
        width: calc(100% - 10px);
    max-height: 220px;
    padding: 20px;
        padding-right: 10px;
}
.schoolNewsBox .commentBox figure.mone{
    height: 115px;
    right: 30px;
    top: -111px;
}
.schoolNewsBox .commentBox ul{
    max-height: 180px;
}
.schoolNewsBox .commentBox li a{
    /*display: flex;*/
    flex-direction: column;
    align-items: center;
}
.schoolNewsBox .commentBox li figure{
    width: 200px;
    margin-bottom: 10px;
}
.schoolNewsBox .commentBox li h3{
    font-size: 18px;
    margin-bottom: 10px;
}
}

/* enqueteBox
-------------------------------------*/
.enqueteBox {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #F5F5F5;
}
@media (max-width:1000px) {
.enqueteBox .imgBox {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
	}
}
@media (max-width:480px) {
.enqueteBox {
    padding-top: 30px;
    padding-bottom: 30px;
}
}
/* snsBox
-------------------------------------*/
.snsBox {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #446984;
}
.snsBox h2 {
    color: #ffffff;
    text-align: center;
    font-size: 30px;
	height:50px;
/**    margin-bottom: 30px;**/
/**	display:flex;
	justify-content:flex-start;
	vertical-align:middle;**/
	margin:0 auto 55px;
	width:30%;
}
/**.snsBox h2 .icon {
    font-size: 30px;
	color: #446984;
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
}**/
.snsBox h2 i{
	width:50px;
	margin:0;
	color:#446984;
	background-color: #ffffff;
	border-radius: 25px;
	height: 50px;
	line-height:50px;
	font-size: 30px;}
.snsBox h2 .fa-x-twitter a{display:block;}
.twitterBox {
text-align: center;
margin:0 auto;
width:60%;
}
.snsBox img{
	width:240px;
	object-fit:contain;
	padding:0;margin:0;
}
@media (max-width:1000px) {
.twitterBox {
width:100%;
}
.snsBox h2{width:80%;}
}

@media (max-width:480px) {
.snsBox {
    padding-top: 20px;
    padding-bottom: 20px;
}

}
/* specialBox
-------------------------------------*/
.specialBox {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #3fc1c9;
}
.specialBox h2 {
    color: #f5f5f5;
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
}
.specialBox h2 .icon {
    font-size: 30px;
	color: #3fc1c9;
    background-color: #f5f5f5;
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
}
.specialBox ul {
}
.specialBox ul li img {
    height: auto;
    max-width: 100%;
}
.specialBox ul li {
    float: left;
    width: 47%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}
.specialBox ul li:first-of-type {
    margin-right: 6%;
}
/*バナーがひとつのとき
.specialBox ul li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    float: none;
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
	text-align: center;
}*/
@media (max-width:1000px) {
.specialBox ul li {
    width: 46%;
}
.specialBox ul li:first-of-type {
    margin-right: 4%;
    margin-left: 2%;
}
}
@media (max-width:1000px) {
.specialBox ul li {
    float: none;
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
}
.specialBox ul li:first-of-type {
    margin-left: 4%;
    margin-bottom: 20px;
}
}
.schoolpickup{
	position:relative;
}
.schoolpickup .text{
	position:absolute;
	width:200px;
	height:auto;
	top:10px;
	left:20px;
}
#imgList .thumbnail{
	width:290px;
	height:175px;
	overflow:hidden;
	margin:0 auto 5px;
}
#imgList .thumbnail img{
	width:100%;
	object-fit:contain;
}
.memberBox{
	margin:0 auto 20px;
	max-width:1000px;
	backgound:#FFF;
}
.memberBox h2 i{
    font-size: 30px;
	color: #f5f5f5;
    background-color: #3fc1c9;
    width: 50px;
    height: 50px;
    margin:20px auto;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
}

.memberBox h2,.memberBox p{
	text-align:center;
}
.memberBox img{
	margin:auto;
	padding:0;
	width:100%;
	height:auto;
	display:block;
	text-align:center;
}
.memberBox p{
	padding:5%;
	margin:0 auto 20px;
}
.memberBox p span{
	font-weight:800;
	color:#3fc1c9;
}
.scheduleList{
	display:flex;
	width:100%;
	flex-wrap:wrap;
}
.scheduleList a{
	width:33%;
}
.scheduleList a ul{
	width:100%;
}
.scheduleList a ul li{
	width:90%;
	margin:10px auto;
}
.scheduleList a ul li img{
	margin:0 auto;
	text-align:center;
	width:200px;
	height:282px;
	object-fit:contain;
}
@media (max-width:1000px) {
.schoolpickup .text{
	width:150px;
}
#imgList .thumbnail{
	width:200px;
	height:121px;
	}
}
@media (max-width:480px) {
.schoolpickup .text{
	width:130px;
	}
#imgList .thumbnail{
	width:160px;
	height:96px;
}
.memberBox p{
	fotn-size:14px;
}
.scheduleList a{
	width:50%;
}
.scheduleList a ul li{
	margin:20px auto;
	font-size:14px;
}
.scheduleList a ul li img{
	width:130px;
	height:183px;
}
}