@charset "UTF-8";

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

	 pagename(mainタグのクラス名を合わせる事)

----------------------------------------------- */
.utop_section {
	height: 380px;
}
.utop_section .cwrap,
.utop_section .bgwrap{
	height: 100%;
}
.utop_section .sechead {
	margin: 0;
}
.utop_section .sechead .ja,
.utop_section .sechead .en{
	text-align: center;
}


@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 768px) {
	.utop_section {
		height: 300px;
	}
}
@media only screen and (max-width: 479px) {
	.utop_section {
		height: 200px;
	}
}


/* -----------------------------------------------
	 sec_strengths
   ----------------------------------------------- */
.sec_strengths .strengths{
  margin-bottom: 40px;
}
.sec_strengths .strengthswrap .txt{
  margin-right: 80px;
}
.sec_strengths .strengths .num{
  position: relative;
  margin-right: 30px;
}
.sec_strengths .strengths .num::after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: calc(100% + 15px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2px;
  height: 30px;
  background: #333;
}
.sec_strengths .strengths .num,
.sec_strengths .strengths h3{
  font-size: 30px;
}


  @media only screen and (max-width: 1024px) {
    .sec_strengths .inner{
      flex-direction: column;
    }
    .sec_strengths .inner .img {
      width: 100%;
    }
    .sec_strengths .inner .img img{
      height: 350px;
      object-fit: cover;
    }
  }
  @media only screen and (max-width: 768px) {
    .sec_strengths .inner .img img{
      height: 250px;
    }
    .sec_strengths .strengths .num, .sec_strengths .strengths h3 {
      font-size: 25px;
    }
  }
  @media only screen and (max-width: 479px) {
    .sec_strengths .inner .img img{
      height: 180px;
    }
    .sec_strengths .strengths {
      margin-bottom: 45px;
    }
    .sec_strengths .strengths .ttl{
      margin-bottom: 15px;
    }
    .sec_strengths .strengths .num, .sec_strengths .strengths h3 {
      font-size: 20px;
    }
    .sec_strengths .strengths .num{
      font-size: 25px;
      margin-right: 20px;
    }
    .sec_strengths .strengths .num::after{
      width: 1px;
      height: 100%;
      left: calc(100% + 10px);
    }
    .sec_strengths .strengths h3 {
      line-height: 1.3;
    }
    .sec_strengths .strengthswrap .txt{
      margin: 0;
    }
  }



/* -----------------------------------------------
	 sec_company
----------------------------------------------- */
.sec_company table{
  width: 100%;
}
.sec_company table tr{
  display: flex;
  border-bottom: solid 1px #cdcdcd;
}
.sec_company table th{
  text-align: left;
  width: 300px;
}
.sec_company table td{
  width: 100%;
}
.sec_company table th,
.sec_company table td{
  background: transparent;
  padding: 45px 30px;
  border: none;
}

  @media only screen and (max-width: 1024px) {
    .sec_company table th,
    .sec_company table td{
      padding: 35px 30px;
    }
    .sec_company table th {
      width: 250px;
    }
  }
  @media only screen and (max-width: 768px) {
    .sec_company table th {
      width: 200px;
    }
  }
  @media only screen and (max-width: 479px) {
    .sec_company table tr{
      flex-direction: column;
    }
    .sec_company table th {
      padding: 15px 15px 0;
    }
    .sec_company table td {
      padding: 10px 15px 15px;
    }
  }



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

	 contact

----------------------------------------------- */
#contact .usec_contact .txt{
	margin-bottom: 60px;
}
#contact #f_contact{
	display: none;
}

@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 768px) {
	#contact .usec_contact .txt{
		margin-bottom: 45px;
	}
}
@media only screen and (max-width: 479px) {
	#contact .usec_contact .txt{
		margin-bottom: 30px;
	}
}


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

	 under

----------------------------------------------- */
.under{}

@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 479px) {
}

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

	 under

----------------------------------------------- */
.under{}

@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 479px) {
}

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

	 under

----------------------------------------------- */
.under{}

@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 479px) {
}

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

	 under

----------------------------------------------- */
.under{}

@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 479px) {
}