@charset "utf-8";
/* default PC */

.work-area h5 {
  margin-block-end:1em;
}

.work-area table th {
  width:150px;
}

.work-area table td {
  width:500px;
}

.attempt-item {
  background-color:#FFF;
  margin-bottom:30px;
  padding:50px 55px;
}

.results.link-btn {
  background-color:transparent;
  border:2px solid #4E4B7B;
  color:#4E4B7B;
}

.results.link-btn::after {
  background-image:url(../image/contents/arrow_purple.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  bottom:0;
  content:"";
  display:block;
  height:31px;
  margin:auto;
  position:absolute;
  top:0;
  width:28px;
}

.results.link-btn.purple {
  background-color:#6662B5;
  border:2px solid #FFF;
  color:#FFF;
}

.results.link-btn.purple::after {
  background-image:url(../image/contents/arrow_white.svg);
}

.txt-area {
  background-color:#F1F0F4;

/* display:inline-flex; */
  /* flex-direction:column; */
  /* height:150px; */
  /* justify-content:center; */
  margin:20px 0 20px;
  padding:20px 20px;
  width:100%;
}

#contents .txt-area p {
  font-size:17px;
  margin-bottom:0;
}

.work-list .txt-2box img {
  border:1px solid #DFDFDF;
  width:100%;
}

.work-list .txt-2box {
  margin-bottom:50px;
}

.table-02 th {
  min-width:120px;
  text-align:center;
  width:25%;
}

/*  */

#contents .bg-purple .txt-area {
  background-color:#FFF;
  display:inline-table;
  padding:30px;
}

#contents .geologicalsurvey-area .txt-area {
  background-color:#F1F0F4;
  display:inline-table;
  padding:30px;
}

@media screen and (max-width: 1260px) {
  #contents .txt-area p {
    font-size:15px;
  }
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
  #contents .construction-area .about-area p br {
    display:none;
  }
}


@media screen and (max-width: 1024px) {
  #contents ul.style-none li.txt-4box {
    width:calc(100% / 2 - 10px);
  }

  #contents ul.style-none li.txt-4box:nth-child(2n) {
    margin-right:0;
  }

  #contents ul.style-none li.txt-4box .anchor.link-btn {
    margin-top:20px;
    max-width:100%;
  }
}


/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
  .work-list .txt-2box .img-area {
    margin:auto;
    max-width:660px;
    width:100%;
  }
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  #contents ul.style-none li.txt-4box {
    margin-right:0;
    width:100%;
  }

  #contents .bg-purple .txt-area,
  #contents .geologicalsurvey-area .txt-area {
    margin:0 0 20px;
    padding:20px 15px;
  }

  .txt-area {
    padding:20px 15px;
  }
}