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

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

/* ==========================================================================
	MAIN
	========================================================================== */
	
.mainslider {
  position: relative;
  overflow: hidden;
}
.slider {
	position: relative;
	width: 100%;
	left: 50%;
  font-size: 0;
	margin: 0 auto 0 -50%;
}
.slick-slide img {
	width: 100%;
}
.mainslider__inner {
  position: absolute;
  bottom: 0;
  left: 10%;
  color: #fff;
  text-align: left;
  padding-bottom: 50px;
}
.mainslider__tit {
  display: inline-block;
  font-size: clamp(4.5rem, 11vw, 9rem);
  margin-bottom: 30px;
}
.mainslider__tit span {
  background-color: rgba(14,14,101,0.8);
  line-height: 100%;
  padding: 0 10px;
}
.mainslider__txt {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: clamp(1.5rem, 1.3vw, 2.3rem);
}

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

.layout01 .bt-cmn01 {
  float: right;
}

.news .tit-cmn01 {
  float: left;
  width: 30%;
}
.news__inner {
  float: right;
  width: 55%;
}
.news__inner p:last-child {
  margin-bottom: 0;
}
.news__tit {
  color: #0e0e65;
  font-size: clamp(1.8rem, 2vw, 2rem);
  margin-bottom: 40px;
}
.news__tit span {
  display: block;
  font-size: 70%;
  margin-bottom: 20px;
}


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

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


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

}


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

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

.slider {
	width: 150%;
	margin: 0 auto 0 -75%;
}

}

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

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

.slider {
	width: 250%;
	margin: 0 auto 0 -125%;
}
.mainslider__inner {
  left: 5%;
  padding-bottom: 20px;
}
.mainslider__tit {
  margin-bottom: 20px;
}

.news .tit-cmn01 {
  float: none;
  width: 100%;
}
.news__inner {
  float: none;
  width: 100%;
}
.news__tit {
  margin-bottom: 30px;
}
.news__tit span {
  margin-bottom: 10px;
}


}