@charset "UTF-8";

/*!------------------------------------*\
    Hoiku
\*!------------------------------------*/


.BTitle {margin-bottom: 25px;position: relative;z-index: 1;}
.BTitle02 {margin-bottom: 25px;position: relative;z-index: 1;}
.BTitle span {position: absolute;top: 20%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);display: block;color: #eeeeee;font-size: 10rem;line-height: 1;z-index: -1;font-weight:200;letter-spacing: 0.09em;}
.BTitle02 span {position: absolute;top: 20%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);display: block;color: #eeeeee;font-size: 10rem;line-height: 1;z-index: -1;font-weight:200;letter-spacing: 0.09em;}
.BTitle .en {font-family: 'Montserrat', sans-serif;}
.BTitle02 .en {font-family: 'Montserrat', sans-serif;}

.MTitle {
    font-size: 42px;
    font-weight: 500;
    text-align: center;
    color: #008cdd;
position: relative;z-index: 1;
line-height: 1.4;
}
.MTitle_s {
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    margin-top: 25px;
    color: #ff5252;
}
.MTitle_jp {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    color: #008cdd;
position: relative;z-index: 1;
line-height: 1.4;
}
.MTitle_en {
    font-size: 42px;
    font-weight: 500;
    text-align: center;
    margin-top: 25px;
    color: #008cdd;
font-family: 'Montserrat', sans-serif;
}

.MTitle span {position: absolute;width: 100%;top: 100%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);display: block;color: #ddd;font-size: 3.2rem;line-height: 1;z-index: -1;font-weight:300;letter-spacing: 0.09em;}
.MTitle .en {font-family: 'Montserrat', sans-serif;}


.lineupBTN ul{
	display:flex;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0;
	text-align:center;
}

.lineupBTN li{
	width:150px;
	margin: 14px 8px;
	box-sizing: border-box;
	border-radius: 8px;
	background:#ffffff;
border-radius: 50px;
border: 2px solid #008cdd;
}

.lineupBTN li a{
	display:block;
	padding: 6px;
	color:#008cdd;
	text-decoration:none;
}
.lineupBTN {margin-bottom:55px;}

.speakersbox {
    border: 1px dotted #ccc;
background-color: #fff;
padding:  20px;
display: flex; 
    margin-bottom: 30px;
}
.spitem-profile{margin-left: 20px;}

.voiceAbout{width: 750px;}


/*!------------------------------------*\
    Banner
\*!------------------------------------*/

.top-banner-mv{
	display: flex;
	flex-wrap:wrap;
}
.top-banner-mv li {
	width: calc(100%/3);
	padding:0 16px;
	padding-bottom:15px;
	box-sizing:border-box;
}
.top-banner-mv li img {
	max-width:100%;
	height: auto;
}

.top-banner{
	display: flex;
	flex-wrap:wrap;
}
.top-banner li {
	width: calc(100%/2);
	padding:0 5px;
	padding-bottom:15px;
	box-sizing:border-box;
}
.top-banner li img {
	max-width:100%;
	height: auto;
}
#top-banner-title img {width:100%;margin-bottom:15px;}

.top-seminar-banner  {
    width: 100%;
text-align: center;
}

.top-seminar-banner img {
    max-width: 100%;
    height: auto;
}


@media only screen and (max-width: 767px) {
.BTitle span {font-size:4rem;line-height: 1;top: 10%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.BTitle02 span {font-size:4rem;line-height: 1;top: 10%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
    .speakersbox {display: block;padding: 20px;margin-bottom: 20px;}.spitem{text-align: center;}
    .spitem-profile{margin-left: 0px;}
.voiceAbout{width: 100%;}


.MTitle {
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    color: #008cdd;
position: relative;z-index: 1;
line-height: 1.2;

}
.MTitle_jp {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #008cdd;
position: relative;z-index: 1;
line-height: 1.4;
}
.MTitle_en {
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin-top: 25px;
	margin-bottom:13px;
    color: #008cdd;
line-height: 1.2;
font-family: 'Montserrat', sans-serif;
}
.MTitle_s {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin-top: 25px;
    color: #ff5252;
}
.MTitle span {position: absolute;width: 100%;top: 100%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);display: block;color: #eee;font-size: 2.2rem;line-height: 1;z-index: -1;font-weight:300;letter-spacing: 0.09em;}
.MTitle .en {font-family: 'Montserrat', sans-serif;}


.top-banner-mv{
	display: flex;
	flex-wrap:wrap;
text-align:center;
}
.top-banner-mv li {
	width: calc(100%/2);
	padding:0 5px;
	padding-bottom:10px;
	box-sizing:border-box;
}
.top-banner-mv li img {
	width:100%;
	height: auto;
}

.top-banner{
	display: flex;
	flex-wrap:wrap;
}
.top-banner li {
	width: calc(100%/1);
	padding:0;
	padding-bottom:10px;
	box-sizing:border-box;
}
.top-banner li img {
	width:100%;
	height: auto;
}
.top-seminar-banner img {
    max-width: 100%;
    height: auto;
}
}

/*!------------------------------------*\
    Youtube
\*!------------------------------------*/
.movie {
    float: none;
    margin-right: 0px;
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin-bottom: 25px;
    margin-bottom: 25px;
    width: 90%;
    margin:70px auto 80px;
}
.movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}


/*!------------------------------------*\
    Animation
\*!------------------------------------*/

.ANOP{opacity: 0;}
.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.4s;
animation-fill-mode:forwards;
opacity: 0;

}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

.delay-time01{
animation-delay: 0.5s;
}

.delay-time02{
animation-delay: 0.6s;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/*!------------------------------------*\
    Header Change
\*!------------------------------------*/

.navbar-fixed {
    background: none;
    transition: .2s;
   /* background-color: rgba(255, 255, 255, 0.8);*/

}

.navbar-fixed:hover,
.navbar-fixed.normal {
    background: #fff;
    transition: .2s;
}

#keyv img {
    /* ppadding-top: 100px;*/
   padding-top: 0px;
}

@media screen and (max-width: 1400px) {

    .navbar-fixed.open {
        background: #fff;
    }
}
@media screen and (max-width: 767px) {

    .navbar-fixed {
        background: #fff;
    }

    #keyv img {
        padding-top: 60px;
    }
}


/*!------------------------------------*\
\*!------------------------------------*/

#pageTop {position: fixed;right: 5%;}
.page-top {
    position: fixed;
    bottom: -50px;
    right: 120px;
    /*right: 80px;*/
}
.page-top a {
    width: 48px;
    height: 48px;
    display: block;
    text-align: center;
    background: #53aacc url(../img/pageTop.png) no-repeat center center;
    border: 1px solid #53aacc;
    border-radius: 100px;
    box-sizing: border-box;
}
@media (max-width: 1200px){
.page-top {
    right: 20px;
}
}

.scroll{
/*overflow: auto;white-space: nowrap;*/
margin-bottom:20px;
}
table tr th, table tr td {
/*width: 100%;*/
border: 1px solid #cccccc;
padding:20px;
}
table tr th {
color: #fff;
}
.td50{width: 51%;background:#f5f5f5;}


/*News*/
.news_line {border-bottom:1px dashed #ddd;padding:5px 0 5px 0;margin-bottom:6px;}
.news_line a {font-size:15px;}

.news_list {margin: 30px 0;/*border-top: 1px dashed #dddddd;*/}
.news_list li {padding: 15px 5px;/*border-bottom: 1px dashed #dddddd;*/font-size: 18px;/*text-overflow: ellipsis;overflow: hidden;white-space: nowrap;*/}
.date {font-size: 16px;margin-right: 10px;}
.category {display: inline-block;color: #fff;width: 120px;font-size: 14px;text-align: center;margin-right: 10px;padding: 2px 10px;background-color: #ff5252;border-radius: 40px;}
.news_list a::after {position: absolute;bottom: 0;left: 50%;content: '';width: 0;height: 2px;background-color: #53aacc;transition: .3s;-webkit-transform: translateX(-50%);transform: translateX(-50%);color:#53aacc;}
.news_list a:hover::after {width: 100%;color:#53aacc;}
.news_list a:hover {color: #53aacc;}


#contents {width: 1200px;line-height: 1.8;padding-top: 80px;background-color: #fff;font-size: 16px;}
#KV {position: relative;/*width: 1000px;*/width: 100%;overflow: hidden;margin: 0 auto;}
#KV img {padding-top: 120px;width: 100%;min-height: 260px;*/object-fit: cover;}
.Title img {width: 100%;height:100%;}

#seminar {width: 1000px;margin: 40px auto 0;}
#schedule {width: 1000px;margin: 40px auto 0;}
#lineup {width: 1000px;margin: 40px auto 0;}
#staff {width: 1000px;margin: 40px auto 0;}
#aboutm {width: 1000px;margin: 40px auto 0;}

/*BASE-TITLE*/
.MainTitlebox{margin-top:10px;margin-bottom: 20px;border-top: solid 2px #ffffff;text-align:left;}
.MainSubtitle {font-size: 20px;color: #f4445d;text-align: left;}
.MainBTitle {font-size: 46px;font-weight: 500;text-align: left;margin-top: 5px;color:#008cdd;line-height: 1.5;}
.Main02Titlebox{margin-top:10px;margin-bottom: 20px;border-top: solid 2px #ffffff;text-align:left;}
.Main02Subtitle {font-size: 20px;color: #f4445d;text-align: left;}
.Main02BTitle {font-size: 32px;font-weight: 500;text-align: left;margin-top: 35px;color:#008cdd;}

.Titlebox{margin-top:60px;margin-bottom: 20px;border-top: solid 2px #ffffff;text-align:center;}
.Subtitle {font-size: 20px;color: #f4445d;margin-top: 25px;text-align: center;}
.BTitle {font-size: 32px;font-weight: 500;text-align: center;margin-top: 25px;color:#008cdd;}
.Titlebox02{margin-top:60px;margin-bottom: 20px;border-top: solid 2px #fff;text-align: center;}
.Subtitle02{position: relative; display: inline-block; margin: 1.5em 0; padding: 7px 10px; min-width: 120px; max-width: 100%; color: #fff; font-size: 16px; background: #008cdd;margin-top: 25px;border-radius:6px;z-index: 2;}
.Subtitle02:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px;border: 15px solid transparent;border-top: 15px solid #008cdd;}
.Subtitle02 p {margin: 0;padding: 0;}
.BTitle02 {font-size: 32px;font-weight: 500;text-align: center;color:#008cdd;} 

/*MAIN*/
#keyv {position: relative;width: 100%;overflow: hidden;}
#keyv .banner01 img {width: 30%;position: absolute;object-fit: contain;/*top: 100px;*/left: 0;right: 0;bottom: 0;margin: auto;}

/*ABOUT*/
.about-text{line-height: 2.5;font-size: 18px;margin-bottom:20px;}
.AboutInner {width: 1000px;/*margin: 60px auto 0;padding: 50px 60px 50px 60px;box-shadow: 0px 0px 5px 0px #ddd;background-color: #fff;border:2px solid #008cdd;border-radius:16px;*/}
.AboutInner.first {margin: 40px auto 0;}
.abtHead {margin-top: 60px;width: 100%;text-align: center;display: inline-block;vertical-align: middle;}
.abt {display: flex;align-items: flex-start;}
.abtImg {margin-left: 20px;width: 300px;text-align: center;}
.abtImg img {display: inline-block;width: 400px;min-height: 140px;object-fit: cover;}
.abtName {font-size: 18px;font-weight: 500;}
.abtCourse {font-size: 14px;font-weight: 500;margin-top: 5px;}
.matchingd{text-align: center;max-width:767px;margin: 0 auto;}

/*BANNER*/
.interview_banner{text-align: center;max-width:767px;margin: 0 auto;margin-top:60px;margin-bottom:25px;}
.project_banner{text-align: center;max-width:767px;margin: 0 auto;}
.top_banner_box{display: flex;}
.top_banner{text-align:left;margin-top:20px;margin-right:20px;}
.top_banner02{text-align:left;margin-top:20px;margin-right:0px;}

/*STAFF*/
.list {display: flex;flex-wrap: wrap;margin-top: 40px;}
.listInner {width: 220px;/*;width: 235px;*/margin-right: 40px;}
.listInner:nth-child(4n) {margin-right: 0px;}
.listInner:nth-child(n+5) {margin-top: 20px;}
.listInner a:hover img {opacity: 0.7;}
.listImg img {width: 235px;height: 235px;object-fit: cover;}
.listCourse {margin-top: 5px;font-size: 14px;color: #8e8e8e;font-weight: 500;text-align: center;}
.listName {margin-top: 2px;font-size: 18px;color: #f4445d;font-weight: 500;text-align: center;}
.listDate {margin-top: 5px;font-size: 14px;text-align: center;font-weight: 500;}   
.listMsg {margin-top: 5px;font-size: 14px;text-align: left;}   

/*SEMINAR*/
.programInner {margin-top: 40px;display: flex;}
.programInner {margin-top: 40px;display: flex;}
.progTtl {margin-right: 40px;}
.progTtl02 {margin-right: 40px;}
.progTtl p {border: 1px solid #008cdd;/*width: 78px;*/width: 160px;padding: 6px 0px;font-size: 15px;text-align: center;border-radius: 20px;color:#008cdd;}
.progTtl02 p {border: 1px solid #3e3e3e;width: 140px;padding: 0px 0px;font-size: 14px;text-align: center;}
.instructorImg {margin-right: 40px;}
.instructorImg img {width: 140px;height: 140px;object-fit: cover;}
.about {/*margin-top: 30px;*/}
.instructorImg {margin-right: 40px;}
.instructorImg img {width: 140px;height: 140px;object-fit: cover;}
.name {font-weight: 500;font-size: 16px;line-height: 1.7;margin-bottom: 15px;}
.seminarHead {width: 100%;height: 150px;background-image: url(../common/img/bg.gif);display: table;margin-top: 60px;}
.semiInner {display: table-cell;vertical-align: middle;text-align: center;}
.seminarCourse {font-size: 20px;color: #8e8e8e;}
.seminarName {font-size: 28px;font-weight: 500;}
.seminarDate {font-size: 18px;}
    
/*LINEUP*/
.LineupInner {margin: 60px auto 0;padding: 50px 60px 50px 60px;width: 880px;/*box-shadow: 0px 0px 5px 0px #ddd;*/background-color: #fff;border:2px solid #008cdd;
border-radius:16px;}
.LineupInner.first {margin: 40px auto 0;}
.lineup{text-align: center;margin-bottom: 60px;}
/*.LineupbtnTitle{width:130px;height:40px;line-height:40px;display:block;/*width:100%;height:100%;*/text-decoration: none;background:#008cdd;text-align:center;border:5px solid #008cdd;color:#FFFFFF;font-size:16px;font-weight:bold;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px;transition: all 0.5s ease;margin-top: 30px;}*/

.voiceHead {margin-top: 60px;width: 100%;text-align: center;display: inline-block;vertical-align: middle;}
.voice {display: flex;align-items: flex-start;}
.voiceImg {margin-left: 20px;width: 300px;text-align: center;}
.voiceImg img {display: inline-block;width: 300px;min-height: 200px;object-fit: cover;}
.voiceName {font-size: 18px;font-weight: 500;}
.voiceCourse {font-size: 14px;font-weight: 500;margin-top: 5px;}

/*SCHEDULE*/
.ScheduleInner {width: 700px;/*margin: 60px auto 0;padding: 50px 60px 50px 60px;*box-shadow: 0px 0px 5px 0px #ddd;background-color: #fff;border:2px solid #ffffff;
border-radius:16px;*/}
.ScheduleInner.first {margin: 40px auto 0;}
.lineup{text-align: left;margin-bottom: 35px;}

.LineupbtnTitle{/*width:130px;height:40px;line-height:40px;display:block;width:100%;height:100%;text-decoration: none;background:#008cdd;text-align:center;border:5px solid #008cdd;color:#FFFFFF;font-size:16px;font-weight:bold;border-radius:35px;-webkit-border-radius:35px;-moz-border-radius:35px;transition: all 0.5s ease;margin-top: 30px;*/}
.LineupbtnTitle{/*width:100%;*/padding: 0.5rem 1.3rem;border-left: 4px solid #000;font-size:20px;}

.scdHead {margin-top: 60px;width: 100%;text-align: center;display: inline-block;vertical-align: middle;}
.scd {display: flex;align-items: center;}
.scdImg {margin-right: 20px;text-align: center;}
.scdImg img {display: inline-block;width: 140px;min-height: 140px;object-fit: cover;}
/*.scdName {font-size: 18px;font-weight: 500;}
.scdCourse {font-size: 14px;font-weight: 500;margin-top: 5px;}*/
.scdcircle {position: relative;width: 180px;height: 180px;background-color: #008cdd;border-radius: 50%;margin: 0 auto;text-align: center;}
.scdcircle-inner {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color:#ffffff;white-space: nowrap}


@media only screen and (max-width: 1400px) {
#contents {margin: -80px auto 0;width: 94%;}
#KV {position: relative;width: 100%;overflow: hidden;margin: 0 auto;}
#KV img {width: 100%;min-height: 260px;object-fit: cover;}
    
/*STAFF*/
.list {justify-content: space-around;margin-top: 0px;}
.listInner {margin-right: 0px;margin-top: 40px;}
.listInner:nth-child(n+4) {margin-top: 40px;}
.LineupInner {width: auto;padding: 50px 30px 50px 30px;}
}

@media only screen and (max-width: 767px) {

/*NEWS*/
.news_container {width: 100%;padding: 0 20px;}
.news_text a {display: block;margin-top: 10px;/*text-overflow: ellipsis;*/overflow: hidden;}


.MainSubtitle {font-size: 18px;color: #ff0055;text-align: left;}
.MainBTitle {font-size: 36px;font-weight: 500;text-align: left;margin-top: 5px;color:#008cdd;}
.BTitle {font-size: 28px;font-weight: 500;text-align: center;margin-top: 25px;color:#008cdd;}
.BTitle02 {font-size: 28px;font-weight: 500;text-align: center;color:#008cdd;} 

#contents {padding-top: 60px;margin-top: -60px;font-size: 14px;}
#KV {position: relative;width: 100%;overflow: hidden;margin: 0 auto;}
#KV img {min-height: 130px;padding-top: 60px;}
.TitleImg {margin: 0 auto;text-align: center;}
.TitleImg img {width: 100%;height:100%;}

/*#seminar {width: 100%;margin: 0 auto;}
#schedule {width: 100%;margin: 0 auto;}
#lineup {width: 100%;margin: 0 auto;}
#staff {width: 100%;margin: 0 auto;}
#aboutm {width: 100%;margin: 0 auto;}*/ 

/*MAIN*/ 
#keyv img {padding-top: 60px;}
#keyv .banner01 img {width: 70%;/*bottom: -12%;left: 30px;*/}
    

/*ABOUT*/
.about-text{line-height: 2.2;font-size: 17px;letter-spacing: 0.08em;}
.AboutInner {width: 100%;}
.AboutInner.first {margin: 0 auto;}
.abtHead {margin-top: 30px;}
.abt {flex-direction: column;}
.abtImg {margin-right: 0px;margin-left: 0px;}
.abtImg img {width:100%;height:100%;display: none;}
.matchingd img {width: 100%;height:100%;}

/*BANNER*/
.project_banner img {width: 100%;height:100%;}
.interview_banner img {width: 100%;height:100%;}
.top_banner_box{display: block;}
.top_banner img {width: 100%;height:100%;}
.top_banner02 img {width: 100%;height:100%;}
.top_banner{text-align:left;margin-top:10px;margin-right:0px;}
.top_banner02{text-align:left;margin-top:10px;margin-right:0px;margin-bottom:15px;}


/*STAFF*/
.listInner {width: 100%;margin-top: 40px;margin-right: 0px;}
.listInner:first-child {margin-top: 20px;}
.listImg {margin: 0 auto;text-align: center;}
.listImg img {width: 70%;height:70%;}
.listCourse {margin-top: 5px;font-size: 16px;color: #8e8e8e;font-weight: 500;text-align: center;}
.listName {margin-top: 2px;font-size: 22px;color: #f4445d;font-weight: 500;text-align: center;}
.listDate {margin-top: 5px;font-size: 15px;text-align: center;}  
.listMsg {margin-top: 5px;font-size: 16px;text-align: left;}   
    
/*SEMINAR*/  
.programInner {margin-top: 20px;display: flex;flex-direction: column;}
.programInner {margin-top: 20px;display: flex;flex-direction: column;}
.progTtl {margin-right: 0px;margin-top: 10px;}
.progTtl.first {margin-right: 0px;margin-top: 20px;}
.progTtl p {width: 100%;font-size: 15px;}
.detail {margin-top: 10px;}
.detail.first {margin-top: 30px;}
.detail p {font-size: 15px;}
.instructorImg {margin-right: 0px;text-align: center;}
.instructorImg {margin-right: 0px;text-align: center;}
.seminarHead {height: 150px;background-image: url(../common/img/sp-bg.gif);}
.seminarCourse {font-size: 16px;}
.seminarName {font-size:26px;}
.seminarDate {font-size: 14px;}
    
/*LINEUP*/
.voiceHead {margin-top: 30px;}
.voice {flex-direction: column;}
.voiceImg {margin:0 auto;width: 100%;text-align: center;}
.voiceImg img {display: inline-block;width: 100%;min-height: 200px;object-fit: cover;}

/*SCHEDULE*/
.ScheduleInner {width: 80%;/*margin: 60px auto 0;padding: 50px 60px 50px 60px;*box-shadow: 0px 0px 5px 0px #ddd;background-color: #fff;border:2px solid #ffffff;
border-radius:16px;*/}
.scdHead {margin-top: 30px;}
.scd {flex-direction: column;}
.scdImg {margin-right: 0px;}
.scdAbout p{font-size:16px;}
}
    
@media screen and (max-width: 640px) {
.tblsp {width: 90%;}
.tblsp tr,
.tblsp td {border-bottom: none;display: block;width: 100%; }
}
    
@media screen and (max-width: 420px) {
.tblsp {width: 90%;}
.tblsp tr,
.tblsp td {border-bottom: none;display: block;width: 100%;}
.voiceAbout {padding: 0;margin-bottom:20px;}
.voiceInner {padding: 0;}
}