@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.nav-top a {
	background-color: #5aaf94;
}

/* ==========================================================================
	MAIN
	========================================================================== */

.main-img {
  overflow: hidden;
  background: url("../images/cmn-images/bg.gif") repeat;
  padding: 100px 0;
}
.main-img__inner {
  box-sizing: border-box;
  max-width: 1600px;
  padding: 0 10px;
  margin: 0 auto;
}
.main-img__slide {
  overflow: hidden;
  list-style-type: none;
  width: 101.333%;
  box-sizing: border-box;
}
.main-img__item {
  float: left;
  width: 32%;
  margin: 0 1.333% 0 0;
}
.main-img__item:nth-child(odd) {
  margin-top: 40px;
}
.main-img__txt {
  color: #c0c5b5;
  font-family: var(--font02);
  font-size: clamp(1.3rem,2vw,2.5rem);
  font-weight: 700;
  margin: 0 0 30px 150px;
}
.main-img__tit {
  font-family: var(--font01);
  font-size: clamp(2.5rem,5.625vw,5rem);
  font-weight: 400;
  margin-bottom: 80px;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

.lead .wrapper {
  text-align: center;
}
.lead img {
  display: block;
  margin: 0 auto 40px auto;
}
.lead__tit {
  color: var(--color01);
  font-size: clamp(1.8rem,3vw,2.5rem);
}

.business-list__item img {
  display: block;
  margin-bottom: 30px;
}
.business__tit01 {
  color: var(--color01);
  font-size: clamp(1.8rem,2.8vw,2.5rem);
  text-align: center;
  margin-bottom: 20px;
}
.business__tit02 {
  color: var(--color01);
  font-size: clamp(1.6rem,2.375vw,2rem);
  margin-bottom: 20px;
}

.company {
  background-image: url("../images/index-images/company.jpg");
  background-repeat: no-repeat;
  background-position: calc(50% - 600px) 50%;
}
.company__txt {
  float: right;
  width: 40%;
  padding: 80px 0;
}
.company__tit01 {
  color: var(--color02);
  font-size: clamp(3rem,5.875vw,5rem);
  margin-bottom: 60px;
}
.company__tit02 {
  color: var(--color01);
  font-size: clamp(1.8rem,2.375vw,2.2rem);
  margin: 0 0 60px 30px;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}
@media screen and (max-width: 1200px){/*1200以下*/

}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

@media screen and (max-width:1024px){

.main-img {
  background: url("../images/cmn-images/bg.gif") repeat;
  padding: 10% 0;
}
.main__inner {

}
.company .wrapper {
  overflow: visible!important;
}

.main-img__tit {
  margin-bottom: 8%;
}
.main-img__txt {
 word-break: normal;
  margin: 0 0 30px 100px;
}

.lead img {
  width: 80%;
}


.company {
  background-image: none;
}
.company__txt {
  float: none;
  width: 100%;
  padding: 0;
  margin-bottom: 40px;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

@media screen and (max-width: 640px) {

.main-img {
  background-size: 100px;
}
.main-img__item:nth-child(odd) {
  margin-top: 20px;
}
.main-img__txt {
  font-size: 3vw;
  margin: 0 0 30px 80px;
}

.business-list__item:first-child {
  margin-bottom: 40px;
}

.company__tit01 {
  margin-bottom: 40px;
}
.company__tit02 {
  margin: 0 0 40px 20px;
}


}