/* ======================================================================
 setting
====================================================================== */
/* ======================================================================
 p_top
====================================================================== */
.p_top .l_content {
  padding: 200px 0;
}
@media screen and (max-width: 1024px) {
  .p_top .l_content .sec1 {
    padding: 0 4.6875%;
    overflow: hidden;
  }
}
.p_top .l_content .sec1 .u_txt_2 {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p_top .l_content .sec1 .u_txt_2 {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .p_top .l_content .sec1 .u_txt_2 {
    text-align: left;
  }
}
.p_top .l_content .sec1 .u_txt_3 {
  margin: 40px 0 0;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p_top .l_content .sec1 .u_txt_3 {
    margin: 30px 0 0;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .p_top .l_content .sec1 .u_txt_3 {
    text-align: left;
  }
}
.p_top .l_content .sec1 picture img {
  margin: 70px 0;
  display: block;
  width: 100%;
}
.p_top .l_content .sec1 .btnwrap {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
}
.p_top .l_content .sec1 .scrollwrap {
  transform: translateY(-50%);
  margin: 50vh 0 0 !important;
  top: 0 !important;
}
@media screen and (max-width: 1024px) {
  .p_top .l_content .sec1 .scrollwrap {
    transform: translateY(-50%);
    margin: 40vh 0 0 !important;
  }
}
@media screen and (max-width: 1024px) {
  .p_top .l_content .sec1 .c_list_1 {
    padding: 0;
  }
}
.p_top .l_content .sec2 {
  margin: 200px 0;
}
@media screen and (max-width: 1024px) {
  .p_top .l_content .sec2 {
    margin: 100px 0;
    padding: 0 4.6875%;
  }
}
.p_top .l_content .sec2 .u_txt_2 {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p_top .l_content .sec2 .u_txt_2 {
    text-align: left;
  }
}
.p_top .l_content .sec2 .u_txt_3 {
  margin: 40px 0 0;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p_top .l_content .sec2 .u_txt_3 {
    text-align: left;
  }
}
.p_top .l_content .sec2 .flexbox {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  width: 840px;
  margin: 70px auto 0;
}
@media screen and (max-width: 1024px) {
  .p_top .l_content .sec2 .flexbox {
    width: 100%;
    flex-wrap: wrap;
  }
}
.p_top .l_content .sec2 .flexbox .item {
  width: 400px;
  padding: 60px 50px;
  background: #1a1a1a;
  border: 3px solid;
  border-image-slice: 1;
  border-width: 1px;
  border-image-source: linear-gradient(to left, #0086dc, #ff0000);
}
@media screen and (max-width: 1024px) {
  .p_top .l_content .sec2 .flexbox .item {
    width: 100%;
    padding: 40px 20px;
    box-sizing: border-box;
  }
  .p_top .l_content .sec2 .flexbox .item:not(:first-of-type) {
    margin: 20px 0 0;
  }
}
.p_top .l_content .sec2 .flexbox .item .u_txt_4 {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p_top .l_content .sec2 .flexbox .item .u_txt_4 {
    font-size: 1.8em;
  }
}
.p_top .l_content .sec2 .flexbox .item .u_txt_3 {
  text-align: left;
  line-height: 1.7;
}
@media screen and (max-width: 1024px) {
  .p_top .l_content .sec2 .flexbox .item .u_txt_3 {
    font-size: 1.6em;
  }
}
.p_top .l_content .sec2 .flexbox .item .u_center {
  margin: 20px 0 30px;
}
.p_top .l_content .sec2 .flexbox .item .linktxt {
  text-align: center;
}
.p_top .l_content .sec2 .flexbox .item .linkbox {
  margin: 40px 0 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
}
.p_top .l_content .sec2 .flexbox .item .linkbox a {
  transition: all .2s linear;
}
.p_top .l_content .sec2 .flexbox .item .linkbox a:hover {
  opacity: .4;
}
.p_top .l_content .sec2 .flexbox .item .linkbox a:not(:first-child) {
  margin: 0 0 0 30px;
}
.p_top .l_content .sec3 {
  width: 840px;
  margin: 200px auto 0;
}
@media screen and (max-width: 1024px) {
  .p_top .l_content .sec3 {
    margin: 100px 0;
    width: 100%;
    padding: 0 4.6875%;
  }
}
.p_top .l_content .sec3 .u_txt_5 {
  text-align: center;
}
.p_top .l_content .sec3 .newslists {
  margin: 40px 0 0;
}
.p_top .l_content .sec3 .newslists__list:not(:first-child) {
  margin: 15px 0 0;
}
.p_top .l_content .sec3 .newslists__list_item {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  transition: all .2s linear;
}
.p_top .l_content .sec3 .newslists__list_item:hover {
  opacity: .4;
}
.p_top .l_content .sec3 .newslists__list_item .day {
  margin: 0 30px 0 0;
  white-space: nowrap;
}
.p_top .l_content .sec3 .newslists__list_item .txt {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.p_top .l_content .sec4 {
  width: 405px;
  margin: 200px auto 0;
}
@media screen and (max-width: 1024px) {
  .p_top .l_content .sec4 {
    width: 100%;
    padding: 0 40px;
  }
}
.p_top .l_content .sec4 .u_txt_5 {
  text-align: center;
}
.p_top .l_content .sec4 .u_txt_3 {
  text-align: center;
  line-height: 1;
  margin: 40px 0 60px;
}
.p_top .l_content .sec4 .btnwrap .c_btn_1 {
  display: -webkit-inline-flex;
  display: -ms-inline-flex;
  display: inline-flex;
  padding: 15px 0;
  width: 100%;
  text-align: center;
  justify-content: center;
}
.p_top .l_content .sec4 .btnwrap .c_btn_1:not(:first-of-type) {
  margin: 35px 0 0;
}

#splash {
  position: fixed;
  z-index: 999;
  width: 100%;
  background: #333;
  text-align: center;
  color: #fff;
}
#splash_text {
  position: absolute;
  top: calc(50% + 100px);
  left: 50%;
  z-index: 999;
  width: 200px;
  transform: translate(-50%, -50%);
  color: #fff;
}
#splash_text svg {
  height: 2px;
}

/*# sourceMappingURL=top.css.map */