@charset "UTF-8";
/* ======= ティザー用 ============================================ */
.l_footer_nav span {
    color: #3f3f3f;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
    margin: 9px 9px 0;
}
.l_header .coming{
    color: #3f3f3f;
}
      @media (max-width: 767px) {
.l_header .coming {
    display: none !important;
}
      }













/* ======= 共通パーツ ============================================ */
/* width size */
.wid10 { width: 10% !important;}.wid20 { width: 20% !important;}.wid30 { width: 30% !important;}.wid40 { width: 40% !important;}
.wid45 { width: 45% !important;}.wid50 { width: 50% !important;}.wid60 { width: 60% !important;}.wid70 { width: 70% !important;}
.wid80 { width: 80% !important;}.wid90 { width: 90% !important;}.wid00 { width: 100% !important;}


/* 事務局のお知らせ */
.text-a-right{
    text-align: right!important;
}
.text-a-left{
    text-align: left!important;
}
.text-a-center{
    text-align: center!important;

}
/* 事務局からのお知らせレイアウト用 */
.txt-right{ text-align: right!important; display: block!important; }.txt-left{ text-align: left!important; display: block!important; }
.txt-center{ text-align: center!important; display: block!important; }.color-red{ color: #b30828!important; }
.color-gray{ color: #999!important; }.size-big{ font-size: 16px!important; }
.size-mid{ font-size: 14px!important; }.size-sml{ font-size: 11px!important; }
.font-bold{ font-weight: bold!important; }.font-italic{ font-style: italic!important; }
.font-strike{ text-decoration: line-through!important; }.font-under{ text-decoration: underline!important; }
/* For width */

/* font text-align */
.txtrgterad {
    text-align:right !important;
}
.txtcenter {
    text-align:center !important;
}

/* float */
.innerLf { float: left;}
.innerRf { float: right;}

.listdod {
    list-style: disc;
}
.listdod li {
    margin-left: 1.5em;
    margin-top: 0.25em;
    line-height: 1.4;
}

.decimal {
    list-style: decimal;
    margin-left: 1em;
    margin-bottom: 0.25em;
}
.decimal li {
    margin-left: 1.5em;
    margin-top: 0.25em;
}

.numlist {
    margin-left: 0.5em;
    margin-bottom: 0.25em;
}
.numlist li {
    text-indent: -1.8em;
    margin-top: 0.25em;
}


.dspbl {
    display: block;
}

.indent{
  padding-left:1em;
  text-indent:-1em;
}
.indentbefore{
  padding-left:1em;
  position:relative;
}
.indentbefore:before{
  content:"※";
  position:absolute;
  left:0;
  top:0;
}

/* font color */
.txtred { color:#900;}
.txtdrkblue { color:#182945;}
.txtlightgray { color:#777;}


/* font weight */
.txtwb { font-weight:bold; font-weight: 700;}
.txtnl { font-weight:normal;}


.imgbox img {
    width: 100%;
}


#news .l_main_article img {
    width: 100%;
}


#showfloor form {
    display: flex;
}
#showfloor form input[type="text"] {
    width: 100%;
    padding: 0px 10px;
	border: none;
	border: 1px solid #dcdce0;
	line-height: 2.5;
}


#showfloor form input[type="submit"] {
    min-width: 5em;
	color: #fff;
	line-height: 2.5;
    max-width: 400px;
    background-color: #0c1a49;
}




/* ページナビ */
.pagemenu {
    display: flex;
    flex-wrap: wrap;
    padding-top: 12px;
    padding-bottom: 7px;
    background-color: #fafafa;
    margin-bottom: 10px;
}
.pagemenu li{
    margin: 0 1.2%;
    margin-bottom: 10px;
}
.faq .pagemenu li{
    width: 46%;
    margin: 0 2%;
}
.pagemenu li a{
    display: block;
    min-width: 2.8em;
    text-decoration: none;
    text-align: center;
    border-radius: 30px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    padding: 8px 5px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.26);
        transition: all 400ms ease;
}
.pagemenu li a:hover{
    color: #fff;
    background-color: #94aaf1;
}
.pagemenu li.is_active a{
    color: #fff;
    background-color: #94aaf1;
}

.pagemenu + .searchbox {
    margin-bottom: 10px;
}














/* ヒストリー */
.history {
 display: flex;
 justify-content: space-between;
 margin-bottom: 30px;
}
.history dt{
    width: 75%;
}
.history dd{
    width: 20%;
}
.history dd img{
    width: 100%;
}






/*  */

/*.specialevent_list {
    margin-top: 10px;
    padding-bottom: 20px;
}*/
.specialevent_slides {
}
.specialevent_slides li{
    margin-bottom: 20px;
    display: flex;
  align-items: stretch;
}
.specialevent_slides a {
    display: flex;
    width: 100%;
  flex-direction: column;
  text-decoration: none;
  border: 1px solid #F2F2F2;
 }
  @media (max-width: 767px) {
    .specialevent_slides a {
      margin: 0 5px; } }

      .specialevent_slides a:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }


.specialevent_slides_img {
    position: relative;
  height: 100px;
  overflow: hidden;
 }
  .specialevent_slides_img img {
width:auto;
 height:auto;
 max-width:100%;
 max-height:100%;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
}

/*
.specialevent_slides_img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  overflow: hidden;
 }
  .specialevent_slides_img img {
    width: 70%;
    align-self: center;
}*/

.specialevent_slides_type {
    margin-top: 0px!important;
    padding-left: 5%;
    padding-right: 5%;
    color: #fff;
}
.demo .specialevent_slides_type,
.demo .specialevent_slides_title {
    background-color: #F27B89;
}
.pitch .specialevent_slides_type,
.pitch .specialevent_slides_title {
    background-color: #ff8400;
}
.lecture .specialevent_slides_type,
.lecture .specialevent_slides_title {
    background-color: #408BC4;
}
.specialevent_slides_title {
    color: #fff;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5px;
    scroll-padding-bottom: 5px;
    flex-grow: 4;
}
.specialevent_slides_hos {
    background-color: #0C1A49;
    color: #fff;
    margin-top: auto;
    padding-left: 5%;
    padding-right: 5%;
}


.stage04.demo .specialevent_type {
    background-color: #F27B89;
    padding: 9px 20px;
    color: #fff;
}
.stage01.pitch .specialevent_type {
    background-color: #ff8400;
    padding: 9px 20px;
    color: #fff;
}
.stage01.pitch .l_main_article .c_grid_container .c_grid_item{
    margin-bottom: 15px;
    text-align: center;
}

.stage01.lecture .specialevent_type {
    background-color: #408BC4;
    padding: 9px 20px;
    color: #fff;
}

.stage04.demo .c_spec_bordered .u_textCenter img{
    max-width: 300px;
}







/* spsite */
.list_special li{
  position: relative;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.26);
    text-decoration: none;
    height: inherit !important;
    transition: all 400ms ease;
    margin: 0 1%;
    margin-bottom: 20px;
    padding: 0 0px;
    padding-bottom: 40px;
}
    @media (min-width: 768px) {
      .list_special li {
            width: 31%;}
         }
    @media (max-width: 767px) {
      .list_special li {
        width: 47.5%; } }

        .list_special a {
    display: block;
    text-decoration: none;
}
.special_img {
  width: 100%;
  display: block;
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 66.382979%; }
  .special_img img {
    width: 100%;
/*    height: 100%;*/
    position: absolute;
    top: 0;
/*    bottom: 0;*/
    left: 0;
    right: 0;
/*    object-fit: cover;*/
/*    font-family: "object-fit: cover";*/ }

.special_content {
  padding: 15px 15px;
 }
  @media (max-width: 767px) {
    .special_content {
      padding: 10px 15px; } }

.special_title {
  color: #000;
  font-weight: bold;
  font-size: 16px; }
  @media (max-width: 767px) {
    .special_title {
      font-size: 12px; } }

.special_detail {
  margin-top: 10px; }
  @media (max-width: 767px) {
    .special_detail {
      font-size: 10px; } }

.special_content .special_area{
  position: absolute;
  bottom: 15px;
  left: 15px;
    font-size: 10px;
    width: 100%;
}
.special_content .total{
    color: #24AAE1;
}
.special_content .dev{
    color: #6B4791;
}
.special_content .smartx{
    color: #3DAE57;
}
.special_content .s50{
    color: #F89D33;
}
.special_content .co{
    color: #F27B89;
}




/* news press releases */

#news .text-a-left {
    text-align: left!important;
}

#news .text-a-center {
    text-align: center!important;
}

#news .text-a-right {
    text-align: right!important;
}

#news .mainread {
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
}


/* news ex press releases */

#news .piclayout_exA .imgbox {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

#news .piclayout_exA .imgbox img {
    width: 100%;
    max-width: 500px;
}

#news .piclayout_exB .txt {
    width: 100%;
}
#news .piclayout_exB .imgbox {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    padding-right: 2%;
}

#news .piclayout_exB .imgbox p {
    padding-left: 2%;
    widows: 47%;
    flex-basis: 47%;
}


#news .piclayout_exC .imgbox {
    width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    padding-right: 2%;
}

#news .piclayout_exC .imgbox p {
    padding-left: 2%;
    widows: 32%;
    flex-basis: 32%;
}

#news .piclayout_exB .imgbox p img,
#news .piclayout_exC .imgbox p img {
    width: 100%;
}


#news .piclayout_exA .imgbox span,
#news .piclayout_exB .imgbox span,
#news .piclayout_exC .imgbox span {
    display: block;
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: .9em;
}


#news .piclayoutA .imgbox {
    float: right;
    width: 250px;
    padding-right: 20px;
    padding-left: 20px;
}

#news .piclayoutB .imgbox {
    float: left;
    width: 250px;
    padding-right: 20px;
    padding-left: 20px;
}

#news .piclayoutC .imgbox {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#news .piclayoutD .imgbox {
    width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

#news .piclayoutD .imgbox p {
    display: block;
    float: left;
    width: 250px;
    margin-left: 70px;
}

#news .piclayoutE .imgbox {
    width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

#news .piclayoutE .imgbox p {
    float: left;
    width: 180px;
    padding-left: 50px;
}


#news .piclayoutA .imgbox span,
#news .piclayoutB .imgbox span,
#news .piclayoutC .imgbox span,
#news .piclayoutD .imgbox span,
#news .piclayoutE .imgbox span {
    display: block;
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 1.3px;
}

#news .offnews h3 {
    line-height: 1.4;
    text-align: center;
}

#news .offnews .piclayoutA .txt,
#news .offnews .piclayoutB .txt,
#news .offnews .piclayoutC .txt,
#news .offnews .piclayoutD .txt,
#news .offnews .piclayoutE .txt {
    margin: 10px 0 0;
}

#news .offnews .piclayoutA .txt span,
#news .offnews .piclayoutB .txt span,
#news .offnews .piclayoutC .txt span,
#news .offnews .piclayoutD .txt span,
#news .offnews .piclayoutE .txt span {}

#news .piclayout_exA .txt .tbstyle,
#news .piclayout_exB .txt .tbstyle,
#news .piclayout_exC .txt .tbstyle,
#news .offnews .piclayoutA .txt .tbstyle,
#news .offnews .piclayoutB .txt .tbstyle,
#news .offnews .piclayoutC .txt .tbstyle,
#news .offnews .piclayoutD .txt .tbstyle,
#news .offnews .piclayoutE .txt .tbstyle {
    width: 100%;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
}


#news .l_main_article .dpb {
    color: #0C1A49;
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 13px;
    position: relative;
    margin-bottom: 34px;
}
#news .l_main_article .dpb:after {
    content: '';
    width: 100%;
    height: 3px;
    display: block;
    background: linear-gradient(90deg, #7846c3 5%, #2b77cc 95%);
    position: absolute;
    bottom: 0;
    left: 0;
}


#news .l_main_article .c_spec_detail p{
    margin-top: 5px;
    font-size: 14px;
}
#news .l_main_article .c_spec_detail + .c_spec_title{
    margin-top: 15px;
}



#news .pager {
    text-align: center;
    margin: 0 0 20px;
}

#news .pager li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: right;
    padding-left: 2px;
}

#news .pager li a {
    display: block;
    padding: 15px 20px;
    color: #0c1a49;
    text-align: center;
    text-decoration: none;
    background-color: #eeeeee;
    border: 1px solid #ddd;
    border-radius: 3px;
}

#news .pager li a:hover {
    color: #fff;
    background-color: #0c1a49;
}

#news .pager li a.current {
    background-color: #ddd;
    border: 1px solid #bbb;
    color: #333;
}





/* Faq */

.faq dl {
    padding-bottom: 30px;
    text-align: left;
    font-size: 1.4rem;
}

.faq dl dt {
    min-height: 2em;
    padding-left: 30px;
    padding-bottom: 10px;
    font-weight: bold;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.4;
    background: url("/asset/img/icon-q.svg") 0 0px no-repeat;
    background-size: 25px;
}

.faq dl dd {
    margin-bottom: 50px;
    padding-left: 50px;
    line-height: 1.4;
    min-height: 2em;
    font-size: 15px;
    border-left: 1px solid #d1d2d2;
    background: url("/asset/img/icon-a.svg") 15px 0px no-repeat;
    background-size: 25px;
}

.faq dl dd p {
    margin: 5px 0 0 0;
}



.boxMediaPartner dl,
.boxMediaPartner-mini dl {
    width: 100%;
    position: relative;
}
.boxMediaPartner dl img,
.boxMediaPartner-mini dl img{
    width: 100%;
}
.boxMediaPartner .logoimg,
.boxMediaPartner-mini .logoimg {
    position: absolute;
    left: 0;
    top: 0;
}
.boxMediaPartner .logoimg {
    width: 200px;
}
.boxMediaPartner-mini .logoimg {
    width: 150px;
}

.boxMediaPartner .title,
.boxMediaPartner .summ,
.boxMediaPartner .txt {
    margin-left: 220px;
}

.boxMediaPartner-mini .title,
.boxMediaPartner-mini .summ,
.boxMediaPartner-mini .txt {
    margin-left: 170px;
}

.boxMediaPartner .title h5,
.boxMediaPartner-mini .title h5 {
    font-size: 20px;
    font-weight: bold;
}

.boxMediaPartner .summ span,
.boxMediaPartner-mini .summ span {
    display: block;
    margin-top: 5px;
    word-wrap: break-word;
}

.boxMediaPartner .txt {
    padding-top: 25px;
    padding-bottom: 20px;
}

.boxMediaPartner-mini .txt {
    padding-top: 25px;
    padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .boxMediaPartner .logoimg {
        width: 180px;
    }
    .boxMediaPartner-mini .logoimg {
        width: 120px;
    }
    .boxMediaPartner .title,
    .boxMediaPartner .summ,
    .boxMediaPartner .txt {
        margin-left: 200px;
    }
    .boxMediaPartner-mini .title,
    .boxMediaPartner-mini .summ,
    .boxMediaPartner-mini .txt {
        margin-left: 140px;
    }
}

@media screen and (max-width: 540px) {
    .boxMediaPartner .logoimg,
    .boxMediaPartner-mini .logoimg {
        position: static;
        margin: 0 auto;
        text-align: center;
        display: inline-block;
        width: 100%;
    }
    .boxMediaPartner .logoimg {
        height: 45px;
    }
    .boxMediaPartner-mini .logoimg {
        height: 35px;
    }
    .boxMediaPartner .logoimg img,
    .boxMediaPartner-mini .logoimg img{
        width: auto;
        height: 100%;
    }
    .boxMediaPartner .title,
    .boxMediaPartner .summ,
    .boxMediaPartner .txt {
        margin-left: 0px;
    }
    .boxMediaPartner-mini .title,
    .boxMediaPartner-mini .summ,
    .boxMediaPartner-mini .txt {
        margin-left: 0px;
    }
}

.en .boxMediaPartner dl,
.en .boxMediaPartner-mini dl {
    width: 100%;
    display: flex;
}
.en .boxMediaPartner .logoimg {
    position: static;
    width: 200px;
}
.en .boxMediaPartner-mini .logoimg {
    position: static;
    width: 150px;
}
.en .boxMediaPartner .summ,
.en .boxMediaPartner-mini .summ {
    margin-left: 20px;
}

@media screen and (max-width: 768px) {
.en .boxMediaPartner dl,
.en .boxMediaPartner-mini dl {
    flex-wrap: wrap;
    justify-content: flex-start;
}
.en .boxMediaPartner .summ,
.en .boxMediaPartner-mini .summ {
    width: 100%;
}

.en .boxMediaPartner .logoimg,
.en .boxMediaPartner-mini .logoimg {
    margin: 0 auto;
}

}



