@charset "utf-8";
@media all and (max-width : 683.9999px) {

  /*--------------------------------------------

	共通 CSS

--------------------------------------------*/
  body {
    font-size: 1.4rem;
  }

  .for_pc {
    display: none !important;
  }

  .for_pc-tb {
    display: none !important;
  }

  /*--------------------------------------------

	共通 CSS

--------------------------------------------*/
  .secInner {
    padding: 0 3.5%;
  }

  .common__ttl-eng {
    font-size: 3.8rem;
  }

  .common__ttl-jpn {
    font-size: 1.1rem;
  }

  .plane01 {
    font-size: 1.4rem;
  }

  .to__top {
    width: 12px;
    right: 3.5%;
  }

  .main-bg {
    background-image: none;
  }

  /*============================
#header
============================*/
  #header {
    padding: 3.1% 0;
  }

  .drawer-hamburger {
    top: 0;
    width: 44px;
    padding: 12px 12px 12px 6px;
  }

  .header__sns-item:not(:last-child) {
    margin-right: 10px;
  }

  .drawer__logo {
    padding: 5.2% 2% 3.3% 5%;
  }

  .global__navi-inner {
    padding: 9.5% 4.2% 15% 4.2%;
    font-size: 1rem;
  }

  .global__navi-list {
    padding: 0 5.6%;
    box-sizing: border-box;
  }

  .global__navi-contact {
    margin-top: 13.3%;
  }

  .drawer__bottom {
    align-items: center;
  }

  .drawer__bottom-site {
    font-size: 1rem;
    margin-right: 3.2em;
    letter-spacing: 0.06em;
    padding-left: 1em;
  }

  .drawer__bottom-site a {
    padding: 0.5em 2.6em 0.5em 0;
    background-size: 2.2em;
  }

  .drawer__bottom-site::after {
    width: 3.2em;
    left: -2.5em;
    top: 12px;
  }

  .header__sns-item:not(:last-child) {
    margin-right: 18px;
  }

  /*============================
#footer
============================*/
  #footer {
    padding: 29.6% 0 4%;
    background-image: url("../Image/ft-bg-sp.jpg")
  }

  #footer::before {
    right: 12px;
    height: 124px;
  }

  #footer::after {
    bottom: 12px;
  }

  .ft__inner {
    padding: 0 8% 27%;
    box-sizing: border-box;
  }

  .ft__logo {
    width: 100%;
  }

  .ft__company {
    font-size: 1.3rem;
  }

  .footer_info-btn {
    width: 100%;
    margin: 18.3% auto 0;
    font-size: 1.2rem;
  }

  .ft__navi {
    display: none;
  }

  .ft__cooperation {
    text-align: center;
    margin-top: 10%;
    line-height: 2.3;
  }

  /*============================
top__mv
============================*/
  .top__mv {
    padding: 0;
    background: url("../Image/mv-bg-sp.jpg") no-repeat top left;
    background-size: cover;
  }

  .top__mv:before {
    top: 66px;
  }

  .top__mv:after {
    height: 246px;
    left: 12px;
  }

  .top__mv-inner {
    padding: 0;
  }

  .top__mv-imgBox {
    padding: 0;
    margin-top: 6%;
  }

  .top__mv-ttlBox {
    width: 40%;
    top: auto;
    bottom: 22%;
    left: auto;
    right: 5.4%;
    transform: translate(0, -0);
  }

  .top__mv-infoBox {
    width: 22%;
    left: auto;
    right: 5.4%;
    top: 54%;
  }

  .top__mv-scroll {
    left: 10px;
    bottom: auto;
    top: 40%;
    width: 6px;
  }

  .top__mv-scroll-down {
    width: 6px;
  }

  .top__mv-scroll-line {
    height: 40px;
    left: 0;
  }

  .top__mv-scroll-line img {
    height: 40px;
  }

  @keyframes pathmove {
    0% {
      bottom: -40px;
    }

    30% {
      opacity: 1;
    }

    100% {
      bottom: -80px;
    }
  }

  .top__mv-swiper {
    height: 248px;
  }

  .top__mv-swiper .swiper-wrapper {
    transition-timing-function: linear !important;
  }

  .top__mv-swiper .swiper-slide {
    height: 248px !important;

  }

  .top__mv-swiper img {
    height: auto;
  }

  .swiper-slide-flex01 {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }

  .swiper-slide-flex02 {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .swiper-slide01 {
    width: 100%;
    margin-right: 74px;
  }

  .swiper-slide02 {
    width: 158px;
    margin-right: 32px;
  }

  .swiper-slide-wrap01 {
    width: 280px;
  }

  .swiper-slide03 {
    width: 224px;
    margin-right: 30px;
  }

  .swiper-slide04 {
    width: 118px;
    margin-top: 22px;
  }

  .swiper-slide05 {
    width: 213px;
    margin: 62px 38px 440px 30px;
  }

  .swiper-slide-wrap02 {
    width: 210px;
  }

  .swiper-slide06 {
    width: 72px;
  }

  .swiper-slide07 {
    width: 170px;
    margin-top: 20px;
    margin-left: 34px;
  }

  .swiper-slide08 {
    width: 110px;
    margin: 20px 26px 66px 12px;
  }

  .swiper-slide09 {
    width: 84px;
    margin-right: 42px;
    margin-top: 120px;
  }

  /*============================
 #about
 ============================*/
  .sp-bg {
    background: url("../Image/program-bg-sp.jpg") repeat-y top left;
    background-size: 100%;
  }

  #about {
    padding: 15% 0 18.5%;
  }

  .about-secInner {
    max-width: 100%;
    padding: 0 5.3%;
  }



  .about-wrap {
    padding-bottom: 54.8%;
  }


  .about-ttlBox {
    position: relative;
    width: 100%;
  }

  .about-ttlBox:after {
    content: "";
    display: block;
    width: 120vw;
    height: 1px;
    position: absolute;
    right: -12%;
    top: 60%;
    background-color: #fff;
  }

  .about-ttl-jpn-sp {
    width: 67%;
    padding-bottom: 18%;
    margin: 0 auto;
  }



  .about-box01 {
    justify-content: space-between;
    flex-direction: column;
  }

  .about-box01 .about-plane-sp {
    width: 92.2%;
    margin: 0 auto;
  }


  .about-box02 {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 17%;
    margin-bottom: 12%;
  }

  .about-box02 .about-plane-sp {
    width: 87.6%;
    margin: 0 auto;
  }

  .about-box03 {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin: 15% 0 20%;
  }

  .about-box03 .about-plane-sp {
    width: 64%;
    margin: 0 auto;
  }

  .about-box04 {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 12%;
  }

  .about-box04 .about-plane-sp {
    width: 81%;
    margin: 0 auto;
  }

  .about-box05 {
    margin: 17% 0 26%;
  }

  .about-textBox {
    width: 94.2%;
    margin: 0 auto;
  }

  .about-plane {
    text-align: center;
  }

  .about-img01 {
    width: 100%;
    margin: 0 auto 18%;
  }

  .about-img02 {
    width: 52%;
    margin-left: auto;
    margin-top: 16%;
    margin-right: 12%;
  }

  .about-img03 {
    width: 93.5%;
    margin: 12% auto 0;
  }

  .about-img04 {
    width: 73%;
    margin-right: auto;
    margin-top: 15%;
    margin-left: 3%;
  }

  .about-img05 {
    width: 74.5%;
    margin-right: 0;
    margin-top: 15%;
  }

  .about-img06 {
    width: 74.5%;
    margin: 12% auto 0;
  }

  .about__movie-swiper {
    max-width: 1660px;
    margin: 0 auto;
  }

  .about__movie-lead {
    font-size: 1.4rem;
    line-height: 3;
  }

  .about__movie-lead:after {
    bottom: 20px;
    width: 10px;
    height: 10px;
  }

  .about__movie-box {
    width: 100%;
  }

  .about__movie-swiper .swiper-wrapper {
    display: flex;
    flex-direction: column;
  }

  .about__movie-swiper .swiper-slide:not(:last-child) {
    margin-bottom: 10px;
  }

  .about__movie-swiper .swiper-button-prev,
  .about__movie-swiper .swiper-button-next {
    display: none;
  }

  .about__movie-swiper .swiper-button-prev {
    left: 40px;
  }

  .about__movie-swiper .swiper-button-next {
    right: 40px;
  }

  /*============================
 #program
 ============================*/
  #program {
    padding: 22.5% 0 0;
  }

  .program-secInner {
    padding: 0;
  }

  .program-wrap {
    padding: 0;
    box-sizing: border-box;
    margin-bottom: 25%;
  }

  .program-ttlBox {
    margin-bottom: 21%;
  }

  .program__ctsinner {
    padding: 0;
  }

  .program__cts-list {
    padding: 0 3.4% 0 13.3%;
    box-sizing: border-box;
  }

  .program__cts-item {
    position: relative;
    margin-bottom: 2.4em;
    padding-left: 10.3%;
    box-sizing: border-box;
  }

  .program__cts-item:first-child {
    padding-left: 10.3%;
  }

  .program__cts-item:last-child {
    border: 0;
    padding-bottom: 0;
  }

  .program__cts-item-ttl-eng {
    position: absolute;
    left: -16%;
    top: 0;
    writing-mode: tb-rl;
    text-align: left;
    line-height: 1.2;
  }

  .program__cts-item:first-child .program__cts-item-ttl-eng,
  .program__cts-item:nth-child(3) .program__cts-item-ttl-eng {
    left: -9.5%;
  }

  .program__cts-item-ttl-jpn {
    font-size: 1.7rem;
    text-align: left;
  }

  .program__cts-item-ttl-jpn:after {
    left: 0;
    transform: none;
  }

  .program__cts-youtube {
    width: 84%;
    margin: 4em auto 0;
    font-size: 1.2rem;
  }

  .time__table {
    padding: 22% 3.6% 0;
    margin-bottom: 8%;
    border-top: 1px solid #fff;
    box-sizing: border-box;
  }

  .time__table-ttlBox {
    margin-bottom: 13.3%
  }

  .time__table-list {
    padding-left: 10%;
  }

  .time__table-list:before {
    left: 5%;
    top: 0.8em;
  }

  .time__table-item {}

  .time__table-item:not(:last-child) {
    margin-bottom: 4.5%;
  }

  .time__table-item:after {
    left: calc(-5.3% - (6px));
  }

  .time__table-hour {
    font-size: 1.7rem;
  }

  .time__table-area {
    font-size: 1.7rem;
  }

  .time__table-cts {
    padding: 1.6em;
    border-radius: 0.8em;
    flex-direction: column;
  }

  .time__table-cts-detail {
    width: 100%;
    margin-right: 0;
  }

  .time__table-cts-label {
    width: 100%;
    padding: 0.75em 0.5em;
    font-size: 1.5rem;
  }

  .time__table-cts-value {
    margin-top: 1em;
    font-size: 1.3rem;
  }

  .speaker__modal-info-head {
    position: absolute;
    top: 32px;
    left: 53%;
    width: 45%;
  }

  .time__table-cts-lead .font_L {
    font-size: 1.2rem;
  }

  .time__table-speaker-list {
    width: 100%;
    margin-top: 3.8%;
    justify-content: center;
  }

  .time__table-speaker-item {
    width: 48%;
    margin-top: 6%;
  }

  .time__table-seminar-item {
    width: 100%;
    text-align: center;
    margin-top: 0;
  }

  .speaker-popup-image {
    width: 70%;
    margin: 0 auto;
  }

  .speaker-seminar-image {
    width: 100%;
  }

  .speaker-popup-info {
    text-align: center;
    align-items: center;
  }

  .speaker-seminar-info {
    width: 100%;
  }

  .speaker-popup-notes {
    font-size: 1.1rem;
  }

  .speaker-popup-name {
    font-size: 1.4rem;
    margin: 0.4em 0 0.5em;
  }

  /*============================
#speaker-popup
============================*/
  .modaal-content-container {
    padding: 15px;
  }

  .speaker__modal-wrap {
    padding: 15px 15px 26px;
  }

  .modaal-wrapper .modaal-close {
    top: 4px;
    right: 1%;
    width: 40px;
    height: 40px;
  }

  .modaal-close:before,
  .modaal-close:after {
    top: 9px;
    left: 18px;
  }

  .speaker__modal-imgBox-head {
    width: 45%;
  }

  .speaker__modal-name-eng {
    bottom: -15px;
  }

  .speaker__modal-kaneyama-eng {
    bottom: -20px;
  }

  .speaker__modal-sekiguchi-eng {
    bottom: -25px;
  }

  .speaker__modal-hino-eng {
    bottom: -10px;
  }

  .speaker__modal-sato-eng {
    bottom: -15px;
  }

  .speaker__modal-program-notes {
    font-size: 1.1rem;
    margin: 3em 0 0.6em;
  }

  .speaker__modal-program-bg {
    padding: 1.4em 1em;
  }

  .speaker__modal-program-ttlBox {}

  .speaker__modal-program-ttl {
    font-size: 1.2rem;
  }

  .speaker__modal-program-hour {
    font-size: 1.1rem;
  }

  .speaker__modal-program-detail {
    font-size: 1.1rem;
    margin-top: 0.7em;
  }

  .speaker__modal-font-L {
    font-size: 1.2rem;
  }

  .speaker__modal-infoBox {
    margin-top: 0;
  }

  .speaker__modal-info-head {
    position: absolute;
    top: 32px;
    left: 53%;
    width: 45%;
  }

  .speaker__modal-info-name {
    font-size: 1.7rem;
    margin: 0.3em 0;
  }

  .speaker__modal-info-titleBox {
    font-size: 1.1rem;
    padding: 0;
    margin: 0;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 0;
  }

  .speaker__modal-info-title {
    padding-bottom: 0.5em;
    margin-bottom: 0.3em;
    width: 90%;
    border-bottom: 1px solid #333;
  }

  .speaker__modal-info-catch {
    font-size: 1.3rem;
    margin-top: 1.5em;
  }

  .speaker__modal-info-logo {
    width: 80%;
    margin: 0.6em 0 0 0;
  }

  .speaker__modal-info-bottom {
    font-size: 1.1rem;
    margin-top: 1.8em;
  }

  .other__program {
    padding-top: 18%;
  }

  .other__program-ttl {
    font-size: 2.1rem;
    margin-bottom: 13.2%;
  }

  .speaker__modal-info-post {
    font-size: 1.2rem;
  }

  .other__program-wrap {
    padding: 11.2% 0 24%;
    background-color: #F5F5F5;
  }

  .other__program-exhibition {
    padding-bottom: 0;
  }

  .other__program-visit {
    margin-top: 10.9%;
    border: 0;
  }

  .other__program-exhibition-textBox {
    margin-top: 0;
    padding: 8% 8% 0 8%;
    box-sizing: border-box;
  }

  .other__program-exhibition-info-ttl {
    font-size: 1.5rem;
    width: 100%;
  }

  .other__program-exhibition-info-lead {
    font-size: 1.5rem;
    padding-bottom: 1.8em;
    line-height: 2;
  }

  .other__program-visit-info-lead {
    padding-bottom: 0;
  }

  .other__program-exhibition-bottom {
    font-size: 1.2rem;
  }

  .other__program-exhibition-profile-post {
    font-size: 1.1rem;
  }

  .other__program-exhibition-profile-img {
    width: 29%;
    padding-top: 8.6%;
  }

  .other__program-exhibition-photo01 {
    padding-top: 76%;
  }

  .other__program-visit-imgBox {
    width: 100%;
  }

  .other__program-visit-imginner01 {}

  .other__program-corner {
    padding: 10.3% 8% 0;
    box-sizing: border-box;
    margin-bottom: 0;
  }

  .other__program-corner02 {
    border: 0;
    padding-top: 13.2%;
  }

  .other__program-corner-item {
    margin-bottom: 13.2%;
  }

  .other__program-corner-ttl {
    font-size: 1.5rem;
    margin-top: 2em;
  }

  .other__program-corner-lead {
    font-size: 1.2rem;
  }

  /*============================
#speaker
============================*/
  #speaker {
    padding: 24% 0 20%;
  }

  .speaker-secInner {
    padding: 0 8%;
  }

  .speaker-ttlBox {
    margin-bottom: 20%;
  }

  .speaker-list {
    justify-content: space-between;
  }

  .speaker-item {
    width: 47%;
    margin: 5.5% 1.4%;
    font-size: 1.1rem
  }

  .speaker-img-grade {
    width: 85%;
  }

  /*============================
#apply
============================*/
  #apply {
    padding: 24.6% 0 0;
    background: url("../Image/apply-bg-sp.jpg") no-repeat top left;
    background-size: 100%;
  }

  #apply:before {
    left: 12px;
    height: 134px;
  }

  #apply:after {
    top: 12px;
    width: 100%;
  }

  .apply-secInner {
    padding: 0;
  }

  .apply-ttlBox {
    margin-bottom: 8.5%;
  }

  .apply-wrap {
    padding: 9% 3.6% 18%;
  }

  .apply-notice-ttl {
    font-size: 2.3rem;
  }

  .apply-notice-item {
    font-size: 1.3rem;
  }

  .apply-conference {
    margin-top: 17.9%;
  }

  .apply-btn,
  .apply-conference-bottom .apply-btn {
    width: 90%;
    font-size: 1.2rem;
    margin: 0 auto;
    text-align: left;
  }

  .apply-btn a {
    padding: 2em 1em 2em 1.7em;
  }

  .apply-conference-bottom .apply-btn a {
    padding: 2em 1em 2em 3em;
  }

  .apply-btn-hour {
    font-size: 1.4rem;
    margin-left: 0.5em;
  }

  .apply-conference-bottom .apply-btn:after {
    right: 8%;
  }

  .apply-conference-bottom .apply-btn:first-child {
    margin: 0 auto 7.5%;
  }

  /*============================
#sponsor
============================*/
  #sponsor {
    padding: 26.6% 0 10%;
  }

  .sponsor-secInner {
    padding: 0 4%;
  }

  .sponsor-ttlBox {
    margin-bottom: 18.4%;
  }

  .sponsor-mid-list {
    margin-bottom: 4.5%;
  }

  .sponsor-item {
    width: 20%;
    margin: 4.5% 3%;
  }

  .sponsor-milbon {
    width: 90%;
  }

  .sponsor-mid-list .sponsor-item {
    width: 40%;
    margin: 4% 5%;
  }

  .sponsor-mid-list .sponsor-item:nth-child(3n) {
    margin-right: 5%;
  }

  /*============================
#outline
============================*/
  #outline {
    padding: 19.4% 0 21.3%;
    background-image: url("../Image/outline-bg-sp.jpg");
  }

  .outline-ttlBox {
    margin-bottom: 18.4%;
  }

  .outline-ttl-eng {
    white-space: nowrap;
  }

  .outline__item {
    padding-bottom: 1.8em;
    margin-bottom: 1.8em;
  }

  .outline__item-label {
    width: 5.5em;
    margin-right: 1.5em;
  }

  .outline__item-label::after {
    bottom: -2em;
  }

  /*============================
#access
============================*/
  #access {
    padding: 16.2% 0 22.8%;
    background-color: #F4F4F4;
  }

  .access-ttlBox {
    margin-bottom: 18.6%;
  }
}

/*=========== M E D I A Q U E R Y ==========*/