body {
/*  min-width: 1140px;*/
}

.main {
  /*******************************
  slider
  *******************************/
  /*---------------------------------
  slick setting
  ---------------------------------*/
  /*******************************
  banner
  *******************************/
  /*******************************
  news
  *******************************/
}

.main .slider-kv {
  position: relative;
  margin: 0 auto;
  max-width: 1920px;
/*  min-width: 1110px;*/
  width: 100%;
  padding-bottom: 30px;
}

.main .slider-kv .slides[data-js-view="slick"] .slide {
  position: relative;
}

.main .slider-kv .slides[data-js-view="slick"] .slide:nth-child(n + 2) {
  display: none;
}

.main .slider-kv .slides[data-js-view="slick"] .slide .image {
  background: #ccc;
}

.main .slider-kv .slides[data-js-view="slick"] .slide .image img {
  width: 100%;
}

.main .slider-kv .slides[data-js-view="slick"].slick-initialized .slide:nth-child(n + 2) {
  display: block;
}

.main .slider-kv .slide-body {
  position: absolute;
/*  margin-right: -555px;
  right: 50%;
  bottom: 30px;
  background-color: rgba(255, 255, 255, 0.5);
  width: 280px;*/
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0);
}

.main .slider-kv .slide-body .slide-button {
  width: 100%;
}

.main .slider-kv .slide-body .slide-button .button {
/*  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 4px;
  width: 100%;
  padding: 3px 12px 3px 5px;
  background: #000;
  color: #fff;
  height: 35px;
  font-size: 0.625rem;
  font-weight: bold;
	line-height: 1.3;
  text-decoration: none;*/
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.main .slider-kv .slide-body .slide-button .button:hover {
  opacity: 0.7;
}

/* .main .slider-kv .slide-body .slide-button .button::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
 right: 20px;
  right: 6px;
  display: inline-block;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 6px;
  height: 6px;
  transform: rotate(-45deg);
}*/

@media (max-width: 767px) {
	.button-in {display: none;}
}
@media (min-width: 768px) {
	.main .slider-kv .slide-body {
		top: auto;
		left: auto;
		right: 1%;
		bottom: 8%;
		width: 280px;
	}
	.main .slider-kv .slide-body .slide-button .button {
		position: static;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #fff;
		border-radius: 4px;
		width: 100%;
		padding: 3px 12px 3px 25px;
		background: #000;
		color: #fff;
		font-size: 1rem;
		font-weight: bold;
		line-height: 1.8;
		text-decoration: none;
	}
	.main .slider-kv .slide-body .slide-button .button::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 20px;
		display: inline-block;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
		width: 9px;
		height: 9px;
		transform: rotate(-45deg);
	}

	/* ↓クラスで設定するパターン */
	.main .slider-kv .se .slide-body .slide-button .button {
		background-color: #81b900;
	}
	.main .slider-kv .ji .slide-body .slide-button .button {
		background-color: #2ba8d0;
	}
	.main .slider-kv .di .slide-body .slide-button .button {
		background-color: #eab33b;
	}
	.main .slider-kv .ye .slide-body .slide-button .button {
		background-color: #c9bf1c;
		/*background-color: #cb8a98;*/
	}
	.main .slider-kv .sp .slide-body .slide-button .button {
		background-color: #81b900;
	}
	.main .slider-kv .twothree_point .slide-body .slide-button .button {
		background-color: #7dbfb6;
	}
}

/* ↑クラスで設定するパターン */
/* ↓ｎ番目で設定するパターン */
/*
.main .slider-kv [data-slick-index="0"] .slide-body .slide-button .button {
  background-color: #81b900;
}

.main .slider-kv [data-slick-index="1"] .slide-body .slide-button .button {
  background-color: #2ba8d0;
}

.main .slider-kv [data-slick-index="2"] .slide-body .slide-button .button {
  background-color: #eab33b;
}

.main .slider-kv [data-slick-index="3"] .slide-body .slide-button .button {
  background-color: #cb8a98;
}
*/
/* ↑ｎ番目で設定するパターン */

.main .slider-kv .slider-indicator {
  margin: 10px auto 0;
}

.main .slider-kv .slider-indicator .indicators {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.main .slider-kv .slider-indicator .indicators .indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
/*  width: 170px;
  height: 28px;
  font-size: 13px;
  line-height: 1.3;*/
    width: 10px;
    height: 10px;
    border-radius: 50%;
    padding: 0;
    font-size: 0;
    line-height: 0;
  color: #333;
  font-weight: bold;
  background: #eaeaea;
  cursor: pointer;
}
.main .slider-kv .slider-indicator .indicators .indicator:last-child {
	margin-right: 0;
}
@media (min-width: 768px) {
	.main .slider-kv .slider-indicator .indicators .indicator {
		padding: 7px 5px;
		font-size: 0.6875rem;
		line-height: 1.3;
		height: auto;
		border-radius: 0;
	}
	.main .slider-kv .slider-indicator .indicators.flex3element .indicator {
		width: calc( (100% - 10px * 2) / 3 );
	}
	.main .slider-kv .slider-indicator .indicators.flex4element .indicator {
		width: calc( (100% - 10px * 3) / 4 );
	}
	.main .slider-kv .slider-indicator .indicators.flex5element .indicator {
		width: calc( (100% - 10px * 4) / 5 );
	}
	.main .slider-kv .slider-indicator .indicators.flex6element .indicator {
		width: calc( (100% - 11px * 5) / 6 );
	}
}
@media (min-width: 992px) {
	.main .slider-kv .slider-indicator .indicators .indicator {
		font-size: 0.75rem;
	}
}
@media (min-width: 1200px) {
	.main .slider-kv .slider-indicator .indicators .indicator {
		font-size: 0.8125rem;
	}
}

/* ↓クラスで設定するパターン */
.main .slider-kv .slider-indicator .indicators .indicator.is-current.se, .main .slider-kv .slider-indicator .indicators .indicator:hover.se {
  background-color: #81b900;
}
.main .slider-kv .slider-indicator .indicators .indicator.is-current.sp, .main .slider-kv .slider-indicator .indicators .indicator:hover.sp {
  background-color: #81b900;
}

.main .slider-kv .slider-indicator .indicators .indicator.is-current.ji, .main .slider-kv .slider-indicator .indicators .indicator:hover.ji {
  background-color: #4cbfe4;
}

.main .slider-kv .slider-indicator .indicators .indicator.is-current.di, .main .slider-kv .slider-indicator .indicators .indicator:hover.di {
  background-color: #eadb3b;
}

.main .slider-kv .slider-indicator .indicators .indicator.is-current.ye, .main .slider-kv .slider-indicator .indicators .indicator:hover.ye {
  /*background-color: #deb1bb;*/
  background-color: #fff6ba;
}

.main .slider-kv .slider-indicator .indicators .indicator.is-current.twothree_point, .main .slider-kv .slider-indicator .indicators .indicator:hover.twothree_point {
  background-color: #7dbfb6;
}

/* ↑クラスで設定するパターン */
/* ↓ｎ番目で設定するパターン */
/*
.main .slider-kv .slider-indicator .indicators .indicator.is-current[data-slider-index="0"], .main .slider-kv .slider-indicator .indicators .indicator:hover[data-slider-index="0"] {
  background-color: #81b900;
}

.main .slider-kv .slider-indicator .indicators .indicator.is-current[data-slider-index="1"], .main .slider-kv .slider-indicator .indicators .indicator:hover[data-slider-index="1"] {
  background-color: #4cbfe4;
}

.main .slider-kv .slider-indicator .indicators .indicator.is-current[data-slider-index="2"], .main .slider-kv .slider-indicator .indicators .indicator:hover[data-slider-index="2"] {
  background-color: #eadb3b;
}

.main .slider-kv .slider-indicator .indicators .indicator.is-current[data-slider-index="3"], .main .slider-kv .slider-indicator .indicators .indicator:hover[data-slider-index="3"] {
  background-color: #deb1bb;
}
*/
/* ↑ｎ番目で設定するパターン */

.section-banner {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.section-banner .banner {
	width: calc((100% - 5px) / 2);
	margin-bottom: 5px;
}
.section-banner .banner:nth-child(2n-1) {
	margin-right: 5px;
}
@media (min-width: 768px) {
	.section-banner .banner:nth-child(n) {
		width: calc((100% - 9.2%) / 4);
		margin-right: 3%;
		margin-bottom: 0;
	}
	.section-banner .banner:last-child {
		margin-right: 0;
	}
}

.main .banner a img {
  width: 100%;
}
.main .banner a:hover img {
  opacity: 0.7;
}

.main .section-news {
  margin-top: 40px;
}
@media (max-width: 768px) {
.main .section-news {
  margin-top: 1.5rem;
}
}

.main .news-title {
  margin-bottom: 0;
  padding: 13px 11px;
  font-size: 24px;
  font-weight: bold;
}
@media (max-width:768px) {
.main .news-title {
  padding: 10px;
  font-size:  1.25rem;;
}
}

.main .news-title::before {
  display: none;
}

.main .news {
  border-top: 3px solid #aaa;
}
@media (max-width: 768px) {
.main .news {
  font-size: 0.875rem;
}
}

.main .news .item {
  display: flex;
  border-bottom: 1px dashed #aaa;
}

.main .news .item .date {
  padding: 14px 11px;
  width: 25%;
  font-size: 15px;
  font-weight: normal;
}

body.is-windows .main .news .item .date {
  width: 26%;
}

.main .news .item .detail {
  margin-bottom: 0;
  padding: 14px 14px 11px 0px;
  width: 74%;
}
@media (max-width: 768px){
.main .news .item .detail {
  padding: 10px 14px 11px 0px;
}
}

@media (max-width: 991px){
  .main .news .item {
    display: block;
  }
  .main .news .item .date {
    width: 100%;
    padding-bottom: 0;
  }
  body.is-windows .main .news .item .date {
    width: 100%;
  }
  .main .news .item .detail {
    width: 100%;
    padding-left: 11px;
  }
}

.main .news .item .detail a {
  color: #237196;
  text-decoration: underline;
  line-height: 1.5;
}

.main .news .item .detail a:hover {
  text-decoration: none;
}

.main .news-link {
  margin-top: 20px;
  text-align: right;
}

.main .news-link a {
  display: inline-block;
  position: relative;
  font-weight: bold;
  color: #444;
  text-decoration: none;
  padding-left: 15px;
}

.main .news-link a:hover {
  text-decoration: underline;
}

.main .news-link a::before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  width: 9px;
  height: 9px;
  margin-top: -5px;
  transform: rotate(-135deg);
  border-left: 2px solid #81b800;
  border-bottom: 2px solid #81b800;
}