@charset "UTF-8";

/*****************************
  セミナー情報
*****************************/
.page-seminar .hcontent{
  width: 270%;
}
.pagesec1 .pscontent2{
  background: url(../../images/page/seminar/seminar_bg.webp) no-repeat center / cover;
}

.pagesec2 .psimghov-imgbox .imgbox {
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.pagesec2 .psimghov-txtbox .inner {
  max-width: 90%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pagesec2 .psimghov-txtbox .content_txtbox1{
  margin: 5rem 0 ;
}
.pagesec2 .psimghov-txtbox .content_txtbox2{
  margin-top: 8rem;
}

.pagesec2 li{
  margin: 1rem 1rem 0 0;
}
.pagesec2 .popopen{
  border: 1px solid #fff;
  color: #fff;
  display: block;
  font-size: 1.6rem;
  opacity: 1 !important;
  padding: 1rem;
  position: relative;
}
.seminarbox{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-width: 1000px;
  max-height: 600px;
  max-height: calc(80vh - 80px);
  height: 100%;
  width: 100%;
}
.seminarbox .inbox{
  background: #fff;
  color: #000;
  overflow-y: scroll;
  padding: 2rem;
  height: 100%;
  width: 100%;
}
.seminarbox .content{
  margin-bottom: 2rem;
}

.seminarbox .content .fimgbox{
  width: 40%;
}
.seminarbox .content .ftxtbox{
  width: 55%;
}
.seminarbox .content .ftxtbox .ttl{
  border-bottom: 2px solid #526D82;
  font-size: 2rem;
  margin-bottom: 1rem;
}
.seminarbox .content .ftxtbox .ttl .en{
  font-size: 1.6rem;
}
.seminarbox .popclose{
  color: #fff;
  font-size: 3rem;
  position: absolute;
  top: -3rem;
  right: 0;
}
.seminarbox a{
  color: #000;
}
.mousikomi .tblcontent img{
  max-width: 150px;
}
.mousikomi .tblcontent a{
  text-decoration: underline;
}
.tblbox1 .tblttl{
  width: 120px;
}
.tblbox1 .tblcontent{
  width: calc(100% - 120px);
}

@media only screen and (min-height: 910px) and (min-width: 1440px) {

}

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

  .pagesec2 .psimghov-txtbox .content_txtbox2{
    margin-top: 3rem;
  }
  .pagesec2 .psimghov-txtbox .content_txtbox1{
    margin-top: 3rem;
  }

}
@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1280px) {

}
@media only screen and (max-width: 1180px) {
  .seminarbox{
    max-width: 80%;
  }
  .pagesec2 .psimghov-txtbox .inner{
    max-width: 95%;
  }
}
@media only screen and (max-width: 1024px) {

}


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

  .pagesec2{
    height: auto;
  }
  .pagesec2  .psimghov-imgbox {
    padding: 10rem 0 5rem;
    width: 20%;
  }
  .pagesec2  .psimghov-txtbox {
    padding: 10rem 3rem 5rem;
    width: 80%;
  }
  .pagesec2 .psimghov-imgbox .imgbox {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    width: 180%;
  }
  .pagesec2 .psimghov-txtbox .inner{
    max-width: 75%;
  }
}
@media only screen and (max-width: 820px) {
  .pagesec2 .psimghov-txtbox .content_ttl {
    max-width: 70%;
  }
  .pagesec2 .psimghov-imgbox .imgbox {
    top: 0;
    transform: none;
  }
  .seminarbox{
    max-width: 90%;
  }
  .pagesec2 li{
    width: 100%;
  }
  .pagesec2 .psimghov-txtbox .content_txtbox1{
    margin: 3rem 0;
  }
}
@media only screen and (max-width: 768px) {
    
}
@media only screen and (max-width: 767px) {

  .pagesec2 .psimghov-imgbox,
  .pagesec2 .psimghov-txtbox{
    padding: 5rem 3rem;
    height: auto;
    width: 100%;
  }
  .pagesec2 .psimghov-imgbox{
    height: 220px;
  }
  .pagesec2 .psimghov-imgbox .imgbox {
    top: 0;
    right: 0;
    left: auto;
    width: 80%;
  }

  .seminarbox .content .fttl{
    font-size: 1.6rem ;
    font-weight: bold;
  }
  .seminarbox .content .fimgbox,
  .seminarbox .content .ftxtbox {
    width: 100%;
  }
  .seminarbox .content .fimgbox{
    margin-bottom: 1rem;
  }
  .pagesec2 .psimghov-txtbox .inner{
    max-width: 100%;
  }
  .seminarbox{
    position: fixed;
  }
  .tblbox1 .tblttl,
  .tblbox1 .tblcontent{
    width: 100%;
  }
  .mousikomi .tblcontent img{
    display: none;
  }
  .seminarbox a {
    color: #526D82;
    text-decoration: underline;
  }
}
@media only screen and (max-width: 321px) {
}