@charset "UTF-8";

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


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

.ANOP{opacity: 0;}
.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
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.3s;
}

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

@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;
    }
}

/*!------------------------------------*\
Hoikushisetu Lineup
\*!------------------------------------*/
a.inlink {
    padding: 0 0 0 20px;
    background: url(../project/img/inlink_icon.png) no-repeat center left;
}
a.inlink_blue {
    padding: 0 0 0 20px;
    background: url(../seminar/img/inlink_icon.png) no-repeat center left;
}
a.outlink {
    padding: 0 0 0 20px;
    background: url(../project/img/outlink_icon.png) no-repeat center left;
}
a.linkLine_blue {
    color: #008ada;
}
.HoikushisetuList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.HoikushisetuBox {
    margin: 15px 0 30px 0;
    padding: 0px 0 20px 0;
    /*width: 100%;
    box-shadow: 0px 0px 5px 0px #ddd;*/
    background-color: #fff;
    border-bottom: 1px dotted #666;

}

.HoikushisetuInner{}
/*HoikushisetuBTN*/
.Hbtn {
    color: #fff;
    width:25%;

}
.Hbtn a {
    background-color: #008cdd;
    border-color: #008cdd;
    border: 2px solid #008cdd;
    color: #fff;
    padding:10px;
    text-align: center;
    transition-duration: 0.2s;
    border-radius: 10px;
margin-top: 20px;
display: block;
}

.Hbtn a:hover {
    background-color: #fff;
    color: #008cdd;
display: block;
}
.Hbtn span.none {
    background-color: #9f9f9f;
    border-color: #9f9f9f;
    border: 2px solid #9f9f9f;
    color: #fff;
    padding:10px;
    text-align: center;
    transition-duration: 0.2s;
    border-radius: 10px;
margin-top: 20px;
display: block;
}

.abtAbout{width:560px;margin-right:20px;}


/*seminarBTN*/
.Sbtn {
    color: #fff;
    width:60%;
margin: 0 auto;
}
.Sbtn a {
    background-color: #008cdd;
    border-color: #008cdd;
    border: 3px solid #008cdd;
    color: #fff;
    padding:10px;
    text-align: center;
    transition-duration: 0.2s;
    border-radius: 60px;
margin-top: 40px;
margin-bottom: 100px;
display: block;
}

.Sbtn a:hover {
    background-color: #fff;
    color: #008cdd;
display: block;
}
.Sbtn span.none {
    background-color: #9f9f9f;
    border-color: #9f9f9f;
    border: 3px solid #9f9f9f;
    color: #fff;
    padding:10px;
    text-align: center;
    transition-duration: 0.2s;
    border-radius: 10px;
margin-top: 20px;
display: block;
}



@media only screen and (max-width: 767px) {
.HoikushisetuList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.HoikushisetuBox {
    margin: 15px 0 30px 0;
    /*width: 100%;
    box-shadow: 0px 0px 5px 0px #ddd;*/
    background-color: #fff;
    border-bottom: 1px dotted #666;
}
.Hbtn {
    color: #fff;
    width:100%;
}
.Sbtn {
    color: #fff;
    width:100%;
}
}

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

#pageTop {position: fixed;right: 5%;}
.page-top {
    position: fixed;
    bottom: -50px;
    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;}


/*LINEUP BTN*/

.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;}


li.Lbtn {
    color: #fff;
    width: 100%;
}
li.Lbtn a {
    background-color: #008cdd;
    border-color: #008cdd;
    border: 2px solid #008cdd;
    color: #fff;
    padding:10px;
    text-align: center;
    transition-duration: 0.2s;
    border-radius: 50px;
margin-top: 20px;
    width:96%;
display: block;
}

li.Lbtn a:hover {
    background-color: #fff;
    color: #008cdd;
    width:96%;
display: block;
}


/*BOX*/
.bg-box {
    padding: 60px 60px 60px;
    background-color: #fcf0cc;
    border-radius: 30px;
}
.bg-box-in {
    display: flex;
    border-radius: 30px;
    justify-content: center;
}

.box_title {
    font-size: 32px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 15px;
    line-height: 1.5;
}
.box_text {
    font-size: 18px;
    text-align: left;
    line-height: 2.0;
margin-top:20px;
margin-bottom:35px;
}

.box_text02 {
    font-size: 18px;
    text-align: left;
    line-height: 2.0;
margin-top:20px;
margin-bottom:35px;
width:80%;
}

h2 {
  padding: 1rem 2rem calc(1rem + 10px);
    text-align: left;
  color: #494949;/*文字色*/
  background: #fdf0ef;/*背景色*/
  border-left: solid 6px #f4445d;/*左線（実線 太さ 色）*/
margin-bottom:35px;
  font-weight: 400;
  font-size: 28px;
  border-radius: 10px;
}





/*News*/
.news_list {margin: 60px 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: 30px;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:100px;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;overflow: hidden;margin:0 auto;}
#keyv img {width: 100%;padding: 0;}
#keyv .banner01 img {width: 45%;position: absolute;object-fit: contain;top: 0;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;}


/*STAFF*/
.list {display: flex;flex-wrap: wrap;margin-top: 40px;}
.listInner {width: 440px;/*;width: 235px;*/margin-right: 60px;}
.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: 16px;text-align: left;}   

/*SEMINAR*/
.programInner p{font-size:16px;}
.programInnerV p{font-size:16px;}
.programInnerV {margin-top:40px;}
.programInner {margin-top: 40px;display: flex;}
.programInner02 {margin-top: 10px;display: flex;}
.programInner03 {margin-top: 10px;display: flex;justify-content: space-between;}
.programInner04 {margin-top: 10px;display: flex;padding: 20px;}




.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;}
.instructorImg03 {margin-leftt: 40px;}

.instructorImg img {width: 180px;height: 180px;object-fit: cover;}
.instructorImg03 img {width: 320px;height: 213px;object-fit: cover;}

.about {/*margin-top: 30px;*/}
.instructorImg {margin-right: 40px;}
.instructorImg img {width: 180px;height: 180px;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*/
.Lineuplist {display: flex;flex-wrap: wrap;margin-top: 0px;justify-content: space-between;}
.LineupInner {margin: 30px 20px 30px 0;padding: 30px;width: 410px;/*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;}

.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: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: 460px;padding: 50px 30px 50px 30px;margin: 30px 0px 30px 0;}

}

@media only screen and (max-width: 1280px) {
.voiceAbout img {width:100%;}
/*STAFF*/
.LineupInner {width: 100%;padding: 50px 30px 50px 30px;margin: 30px 0px 30px 0;}
}

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

h2 {
  padding: 1rem 2rem calc(1rem + 10px);
    text-align: left;
  color: #494949;/*文字色*/
  background: #fdf0ef;/*背景色*/
  border-left: solid 6px #f4445d;/*左線（実線 太さ 色）*/
margin-bottom:35px;
  font-weight: 400;
  font-size: 22px;
  border-radius: 10px;
}

/*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: 26px;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%;}

/*MAIN*/ 
#keyv img {padding-top: 60px;}
#keyv .banner01 img {width: 90%;position: absolute;object-fit: contain;top: 120px;left: 0;right: 0;bottom: 0;margin: auto;}


/*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;}
.abtAbout{width: 100%;margin-right: 0px;}
.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%;}
    
/*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;}
.programInnerV {margin-top: 20px;display: flex;flex-direction: column;}
.programInner02 {margin-top: 20px;display: flex;flex-direction: column;}
.programInner03 {margin-top: 20px;display: flex;flex-direction: column;}
.programInner04 {margin-top: 20px;display: flex;flex-direction: column;}
.instructorImg03 img {width:95%;height: auto;object-fit: cover;}


.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;}


.box_text02 {
    font-size: 18px;
    text-align: left;
    line-height: 2.0;
margin-top:20px;
margin-bottom:35px;
width:100%;
}


/*LINEUP*/
.LineupInner {margin: 30px 0px 0px 0px;padding: 30px;width: 100%;/*box-shadow: 0px 0px 5px 0px #ddd;*/background-color: #fff;border:2px solid #008cdd;

.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) {
.LineupInner {margin: 30px 0px 0px 0px;padding: 30px;width: 100%;/*box-shadow: 0px 0px 5px 0px #ddd;*/background-color: #fff;border:2px solid #008cdd;
border-radius:16px;}
.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;}
.voiceAbout img {width:100%;}
}