/* -----------------------------------------------------
	variables
----------------------------------------------------- */
/* -----------------------------------------------------
	common
----------------------------------------------------- */
@media screen and (max-width: 750px) {
  body {
    padding-top: 0; } }

.wrapper {
  display: none; }
  .wrapper.loaded {
    display: block; }

.loader {
  display: none;
  position: relative;
  width: 100vw;
  height: 100vh; }
  .loader.loading {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff; }
  .loader .loading_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 750px) {
      .loader .loading_logo {
        width: 38.26667vw; } }

section .section_wrapper {
  max-width: 860px;
  margin: auto; }

.border {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #fff500));
  background: -webkit-linear-gradient(transparent 60%, #fff500 40%);
  background: -o-linear-gradient(transparent 60%, #fff500 40%);
  background: linear-gradient(transparent 60%, #fff500 40%); }

/* -----------------------------------------------------
	kv
----------------------------------------------------- */
.anchor_area {
  padding-top: 60px;
  background-color: #f0f0f0; }
  @media screen and (max-width: 750px) {
    .anchor_area {
      padding-top: 6.13333vw; } }
  .anchor_area .anchor_btn {
    margin: 0 auto;
    width: 23.80952vw;
    height: auto; }
    @media screen and (max-width: 750px) {
      .anchor_area .anchor_btn {
        width: 53.33333vw; } }

/* -----------------------------------------------------
	kv
----------------------------------------------------- */
#kv {
  position: relative; }
  #kv img {
    width: 100%; }
  #kv .kv_ttl {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 88.45238vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto; }
    @media screen and (max-width: 750px) {
      #kv .kv_ttl {
        left: 50%;
        top: 17.33333vw;
        width: 90.66667vw;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); } }
  #kv .kv_btn {
    position: absolute;
    left: 38.09524vw;
    top: 47.85714vw;
    width: 23.80952vw;
    height: auto; }
    @media screen and (max-width: 750px) {
      #kv .kv_btn {
        left: 23.73333vw;
        top: 152vw;
        width: 53.33333vw;
        height: 100%; } }
    #kv .kv_btn.type_archive {
      top: 48.21429vw; }
      @media screen and (max-width: 750px) {
        #kv .kv_btn.type_archive {
          top: 182.66667vw; } }

/* -----------------------------------------------------
	statement
----------------------------------------------------- */
#statement {
  position: relative;
  background: url("../img/statement_bg.png") no-repeat center/cover;
  padding: 60px 0; }
  @media screen and (max-width: 750px) {
    #statement {
      padding: 6.13333vw 4.53333vw;
      background-image: url("../img/sp/statement_bg.png"); } }
  #statement .inner {
    padding: 75px 0;
    background-color: #fff; }
    @media screen and (max-width: 750px) {
      #statement .inner {
        padding: 9.33333vw 4vw; } }
  #statement .statement_txt {
    color: #102f5b;
    font-weight: bold;
    font-size: 23px;
    line-height: 2.2; }
    @media screen and (max-width: 750px) {
      #statement .statement_txt {
        font-size: 3.46667vw; } }

/* -----------------------------------------------------
	sponsor
----------------------------------------------------- */
#sponsor {
  position: relative;
  background: url("../img/sponsor_bg.png") no-repeat center/cover;
  padding: 60px 0; }
  @media screen and (max-width: 750px) {
    #sponsor {
      padding: 6.13333vw 4.53333vw;
      background-image: url("../img/sp/sponsor_bg.png"); } }
  #sponsor .inner {
    padding: 40px 6% 55px;
    background-color: #fff; }
    @media screen and (max-width: 750px) {
      #sponsor .inner {
        padding: 9.33333vw 4vw; } }
  #sponsor .sponsor_logo {
    margin-top: 20px; }
    @media screen and (max-width: 750px) {
      #sponsor .sponsor_logo {
        margin-top: 2.66667vw; } }

/* -----------------------------------------------------
	discussion
----------------------------------------------------- */
.discussion {
  padding-top: 60px;
  background-color: #f0f0f0;
  color: #102f5b;
  font-weight: bold; }
  @media screen and (max-width: 750px) {
    .discussion {
      padding: 6.13333vw 4.53333vw 0; } }
  .discussion + .discussion {
    padding-top: 30px; }
    @media screen and (max-width: 750px) {
      .discussion + .discussion {
        padding-top: 4vw; } }
  .discussion .inner {
    padding: 70px 80px;
    background-color: #fff; }
    @media screen and (max-width: 750px) {
      .discussion .inner {
        padding: 9.33333vw 4vw; } }
  .discussion .discussion_ttl {
    font-size: 30px; }
    @media screen and (max-width: 750px) {
      .discussion .discussion_ttl {
        font-size: 5.33333vw; } }
  .discussion .discussion_time {
    margin-top: 1.3em;
    color: #1e9fcd;
    font-size: 23px; }
    @media screen and (max-width: 750px) {
      .discussion .discussion_time {
        font-size: 4.53333vw; } }
    .discussion .discussion_time::before {
      content: "";
      display: inline-block;
      margin-right: 10px;
      width: 37px;
      height: 37px;
      background: url("../img/icon_time.png") no-repeat center/contain;
      vertical-align: middle; }
      @media screen and (max-width: 750px) {
        .discussion .discussion_time::before {
          width: 24px;
          height: 24px; } }
    .discussion .discussion_time span {
      background-image: -webkit-gradient(linear, left bottom, left top, from(#ffff00), color-stop(35%, #ffff00), color-stop(35%, transparent), to(transparent));
      background-image: -webkit-linear-gradient(bottom, #ffff00 0%, #ffff00 35%, transparent 35%, transparent 100%);
      background-image: -o-linear-gradient(bottom, #ffff00 0%, #ffff00 35%, transparent 35%, transparent 100%);
      background-image: linear-gradient(0deg, #ffff00 0%, #ffff00 35%, transparent 35%, transparent 100%); }
  .discussion .section_ttl {
    margin-top: 1.5em; }
    @media screen and (max-width: 750px) {
      .discussion .section_ttl {
        display: block; } }
    .discussion .section_ttl .sub_ttl {
      font-size: 0.9em; }
  .discussion .discussion_txt {
    margin-top: 0.6em;
    font-size: 17px;
    line-height: 2;
    text-align: left; }
    @media screen and (max-width: 750px) {
      .discussion .discussion_txt {
        font-size: 3.46667vw; } }
    .discussion .discussion_txt.txt_left {
      text-align: left; }
  .discussion .discussion_btn {
    max-width: 540px;
    width: 100%;
    margin: 0 auto 25px;
    display: block; }
    @media screen and (max-width: 750px) {
      .discussion .discussion_btn {
        width: 70%;
        margin-bottom: 8vw; } }
  .discussion .discussion_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px; }
    .discussion .discussion_list.justify {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .discussion .discussion_list > li {
      font-size: 17px;
      line-height: 1.4; }
      @media screen and (max-width: 750px) {
        .discussion .discussion_list > li {
          font-size: 3.46667vw; } }
      @media screen and (min-width: 751px) {
        .discussion .discussion_list > li {
          margin-left: 3.5%;
          width: 31%; }
          .discussion .discussion_list > li:nth-child(1) {
            margin-left: 0; } }
      @media screen and (max-width: 750px) {
        .discussion .discussion_list > li {
          margin-left: 4%;
          width: 48%; }
          .discussion .discussion_list > li:nth-child(2n + 1) {
            margin-left: 0; }
          .discussion .discussion_list > li:nth-child(n + 3) {
            margin-top: 6%; } }
      .discussion .discussion_list > li > p {
        margin-top: 0.6em;
        line-height: 1.4; }
        .discussion .discussion_list > li > p + P {
          margin-top: 0.2em; }
      .discussion .discussion_list > li .name {
        font-size: 1.2em; }
      .discussion .discussion_list > li .biography {
        margin-top: 0.4em;
        font-size: 0.9em;
        text-align: left; }
    @media screen and (min-width: 751px) {
      .discussion .discussion_list.half_col > li {
        margin-left: 4%;
        width: 48%; }
        .discussion .discussion_list.half_col > li:nth-child(2n + 1) {
          margin-left: 0; }
        .discussion .discussion_list.half_col > li:nth-child(n + 3) {
          margin-top: 6%; } }
    @media screen and (max-width: 750px) {
      .discussion .discussion_list.half_col > li {
        margin-left: 4%;
        width: 48%; }
        .discussion .discussion_list.half_col > li:nth-child(2n + 1) {
          margin-left: 0; }
        .discussion .discussion_list.half_col > li:nth-child(n + 3) {
          margin-top: 6%; } }

/* -----------------------------------------------------
	seminar
----------------------------------------------------- */
.seminar {
  padding-top: 60px;
  background-color: #f0f0f0;
  color: #102f5b;
  font-weight: bold; }
  @media screen and (max-width: 750px) {
    .seminar {
      padding: 6.13333vw 4.53333vw 0; } }
  .seminar + .seminar {
    padding-top: 30px; }
    @media screen and (max-width: 750px) {
      .seminar + .seminar {
        padding-top: 4vw; } }
  .seminar.type_archive {
    padding-bottom: 60px; }
    @media screen and (max-width: 750px) {
      .seminar.type_archive {
        padding-bottom: 6.13333vw; } }
  .seminar .inner {
    padding: 70px 80px;
    background-color: #fff; }
    @media screen and (max-width: 750px) {
      .seminar .inner {
        padding: 9.33333vw 4vw; } }
  .seminar .c_ttl {
    font-size: 30px; }
    @media screen and (max-width: 750px) {
      .seminar .c_ttl {
        font-size: 5.33333vw; } }
  .seminar .profile {
    margin-top: 40px;
    text-align: left;
    font-size: 17px; }
    @media screen and (max-width: 750px) {
      .seminar .profile {
        margin-top: 8vw;
        font-size: 3.46667vw; } }
    .seminar .profile::after {
      content: "";
      display: block;
      clear: both; }
    .seminar .profile .portrait {
      float: left;
      width: 266px; }
      @media screen and (max-width: 750px) {
        .seminar .profile .portrait {
          width: 50%; } }
    .seminar .profile .name {
      float: right;
      width: calc(100% - 2% - 266px);
      font-size: 1.4em;
      line-height: 1.6; }
      @media screen and (max-width: 750px) {
        .seminar .profile .name {
          width: calc(100% - 2% - 50%); } }
    .seminar .profile .company {
      float: right;
      width: calc(100% - 2% - 266px);
      margin-top: 0.6em;
      font-size: 0.8em;
      line-height: 1.4; }
      @media screen and (max-width: 750px) {
        .seminar .profile .company {
          width: calc(100% - 2% - 50%); } }
    .seminar .profile .biography {
      float: right;
      width: calc(100% - 2% - 266px);
      margin-top: 1.0em;
      font-size: 1.0em;
      line-height: 1.6; }
      @media screen and (max-width: 750px) {
        .seminar .profile .biography {
          width: calc(100%); } }
  .seminar .seminar_box {
    margin-top: 1.4em;
    padding: 1.4em 1.0em;
    font-size: 17px;
    text-align: left;
    background-color: rgba(30, 159, 205, 0.1); }
    @media screen and (max-width: 750px) {
      .seminar .seminar_box {
        margin-top: 4vw;
        font-size: 3.46667vw; } }
    .seminar .seminar_box .seminar_time {
      color: #1e9fcd;
      font-size: 1.2em;
      line-height: 1.4; }
    .seminar .seminar_box .seminar_ttl {
      margin-top: 0.1em;
      font-size: 1.2em;
      line-height: 1.4; }
      @media screen and (max-width: 750px) {
        .seminar .seminar_box .seminar_ttl {
          font-size: 4vw; } }
    .seminar .seminar_box .seminar_conte {
      margin-top: 0.6em;
      font-size: 0.9em;
      line-height: 1.6; }
      @media screen and (max-width: 750px) {
        .seminar .seminar_box .seminar_conte {
          font-size: 3.2vw; } }
  .seminar .seminar_area {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 750px) {
      .seminar .seminar_area {
        margin-top: 8vw; } }
    .seminar .seminar_area .seminar_list {
      width: 49%;
      padding: 10px;
      border: 1px solid #d2d2d2; }
      @media screen and (max-width: 750px) {
        .seminar .seminar_area .seminar_list {
          width: 100%; } }
      .seminar .seminar_area .seminar_list:nth-of-type(n+3) {
        margin-top: 20px; }
      @media screen and (max-width: 750px) {
        .seminar .seminar_area .seminar_list + .seminar_list {
          margin-top: 4vw; } }
      .seminar .seminar_area .seminar_list:nth-of-type(1) .profile {
        background: url(../img/logo_robo.png) top 5% right/25% no-repeat; }
        @media screen and (max-width: 750px) {
          .seminar .seminar_area .seminar_list:nth-of-type(1) .profile {
            background: url(../img/logo_robo.png) top 6% right/18% no-repeat; } }
      .seminar .seminar_area .seminar_list:nth-of-type(2) .profile {
        background: url(../img/logo_infomart.png) top 10% right/25% no-repeat; }
        @media screen and (max-width: 750px) {
          .seminar .seminar_area .seminar_list:nth-of-type(2) .profile {
            background: url(../img/logo_infomart.png) top 10% right/18% no-repeat; } }
      .seminar .seminar_area .seminar_list:nth-of-type(3) .profile {
        background: url(../img/logo_automation.png) top 10% right/30% no-repeat; }
        @media screen and (max-width: 750px) {
          .seminar .seminar_area .seminar_list:nth-of-type(3) .profile {
            background: url(../img/logo_automation.png) top 10% right/20% no-repeat; } }
      .seminar .seminar_area .seminar_list:nth-of-type(4) .profile {
        background: url(../img/logo_deepworks.png) top 5% right/25% no-repeat; }
        @media screen and (max-width: 750px) {
          .seminar .seminar_area .seminar_list:nth-of-type(4) .profile {
            background: url(../img/logo_deepworks.png) top 6% right/18% no-repeat; } }
      .seminar .seminar_area .seminar_list:nth-of-type(5) .profile {
        background: url(../img/logo_makeleaps.png) top 10% right/20% no-repeat; }
        @media screen and (max-width: 750px) {
          .seminar .seminar_area .seminar_list:nth-of-type(5) .profile {
            background: url(../img/logo_makeleaps.png) top 10% right/18% no-repeat; } }
      .seminar .seminar_area .seminar_list:nth-of-type(6) .profile {
        background: url(../img/logo_freee.png) top 5% right/20% no-repeat; }
        @media screen and (max-width: 750px) {
          .seminar .seminar_area .seminar_list:nth-of-type(6) .profile {
            background: url(../img/logo_freee.png) top 7% right/20% no-repeat; } }
      .seminar .seminar_area .seminar_list:nth-of-type(7) .profile {
        background: url(../img/logo_mf.png) top 5% right/15% no-repeat; }
        @media screen and (max-width: 750px) {
          .seminar .seminar_area .seminar_list:nth-of-type(7) .profile {
            background: url(../img/logo_mf.png) top 7% right/12% no-repeat; } }
      .seminar .seminar_area .seminar_list .profile {
        margin-top: 0; }
        .seminar .seminar_area .seminar_list .profile .portrait {
          width: 40%; }
          @media screen and (max-width: 750px) {
            .seminar .seminar_area .seminar_list .profile .portrait {
              width: 50%; } }
        .seminar .seminar_area .seminar_list .profile .name {
          width: calc(100% - 2% - 40%);
          font-size: 1.4em;
          line-height: 1.6; }
          @media screen and (max-width: 750px) {
            .seminar .seminar_area .seminar_list .profile .name {
              width: calc(100% - 2% - 50%); } }
        .seminar .seminar_area .seminar_list .profile .company {
          float: right;
          width: calc(100% - 2% - 40%); }
          @media screen and (max-width: 750px) {
            .seminar .seminar_area .seminar_list .profile .company {
              width: calc(100% - 2% - 50%); } }
      .seminar .seminar_area .seminar_list .seminar_conte {
        font-size: 0.8em; }
        @media screen and (max-width: 750px) {
          .seminar .seminar_area .seminar_list .seminar_conte {
            font-size: 2.93333vw; } }

/* -----------------------------------------------------
	schedule
----------------------------------------------------- */
#schedule {
  padding: 60px 0;
  background-color: #f0f0f0; }
  @media screen and (max-width: 750px) {
    #schedule {
      padding: 6.13333vw 4.53333vw; } }
  #schedule .inner {
    padding: 70px 80px;
    background-color: #fff; }
    @media screen and (max-width: 750px) {
      #schedule .inner {
        padding: 9.33333vw 4vw; } }
  #schedule .tb_area {
    margin-top: 30px;
    width: 100%; }
    @media screen and (max-width: 750px) {
      #schedule .tb_area {
        overflow-x: auto; } }
    #schedule .tb_area + .tb_area {
      margin-top: 45px; }
    #schedule .tb_area table {
      width: 100%; }
      @media screen and (max-width: 750px) {
        #schedule .tb_area table {
          width: 800px; } }
      #schedule .tb_area table .bg_head01 {
        background-color: #97b0cd; }
      #schedule .tb_area table .bg_head02 {
        background-color: #e2e9f1; }
      #schedule .tb_area table .bg_blue {
        background-color: #f4fbff; }
      #schedule .tb_area table .bg_gray {
        background-color: #f1f2f2; }
      #schedule .tb_area table th, #schedule .tb_area table td {
        padding: 1em 1em;
        width: 49%;
        font-size: 16px;
        text-align: center;
        vertical-align: middle; }
        @media screen and (max-width: 750px) {
          #schedule .tb_area table th, #schedule .tb_area table td {
            width: 44%;
            font-size: 14px; } }
        #schedule .tb_area table th:first-child, #schedule .tb_area table td:first-child {
          width: 16%; }
        #schedule .tb_area table th .hdg, #schedule .tb_area table td .hdg {
          display: inline-block;
          margin-bottom: 0.4em;
          padding: 0.4em 0.6em;
          background-color: #1e9fcd;
          color: #fff;
          font-size: 0.9em;
          line-height: 1;
          font-weight: bold; }
      #schedule .tb_area table thead th {
        padding: 0.5em 1em; }
        #schedule .tb_area table thead th:not(:first-child) {
          border-left: 1px solid #dedfdf; }
      #schedule .tb_area table tbody tr:not(:first-child) {
        border-top: 1px dashed #dedfdf; }
      #schedule .tb_area table tbody th:not(:first-child), #schedule .tb_area table tbody td:not(:first-child) {
        border-left: 1px solid #dedfdf; }
      #schedule .tb_area table tbody th {
        color: #1e9fcd; }

/* -----------------------------------------------------
	application
----------------------------------------------------- */
#form {
  padding: 60px 0;
  background-color: #d2d2d2; }
  @media screen and (max-width: 750px) {
    #form {
      padding: 6.13333vw 4.53333vw; } }
  #form .inner {
    padding: 70px 80px;
    background-color: #fff; }
    @media screen and (max-width: 750px) {
      #form .inner {
        padding: 9.33333vw 4vw; } }
  #form .frame_wrapper {
    width: 100%;
    margin: 20px 0 0; }
    #form .frame_wrapper iframe {
      width: 100%;
      height: 1100px; }
      @media screen and (max-width: 768px) {
        #form .frame_wrapper iframe {
          height: 2039px; } }
  @media screen and (max-width: 768px) and (max-width: 640px) {
    #form .frame_wrapper iframe {
      height: 2039px; } }
  @media screen and (max-width: 768px) and (max-width: 640px) and (max-width: 320px) {
    #form .frame_wrapper iframe {
      height: 2039px; } }

/* -----------------------------------------------------
	link
----------------------------------------------------- */
#link .inner {
  padding: 75px 0;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 750px) {
    #link .inner {
      display: block;
      padding: 8vw 5.33333vw; } }
  #link .inner .link_btn {
    width: 31%; }
    @media screen and (max-width: 750px) {
      #link .inner .link_btn {
        display: block;
        width: 100%; }
        #link .inner .link_btn:not(:first-child) {
          margin-top: 5.33333vw; } }