@charset "UTF-8";
/* CSS Document */
html,body {
	scroll-behavior: smooth;
}
.wrap {
	overflow: hidden;
}
.delighter {
  transition: all 1.5s .2s;
  transform: translateY(50%);
  opacity: 0;
}
.delighter.started {
  
}
.delighter.started.ended {
	transform: none;
  opacity: 1;
}

.anime01.delighter {
  transition: all 1.5s .2s;
  transform: translateX(35%);
  opacity: 0;
}

.anime02.delighter {
  transition: all 1.5s .2s;
  transform: translateX(-35%);
  opacity: 0;
}

.anime03.delighter {
  transition: all 1.5s .2s;
  transform: translateY(35%);
  opacity: 0;
}

.anime04.delighter {
  transition: all 1.5s .2s;
  transform: translateY(-35%);
  opacity: 0;
}

.anime05.delighter {
  transition: all .1.5s .2s;
  transform: translateX(-35%);
  opacity: 0;
}

.anime06.delighter {
  transition: all 1.5s .2s;
  transform: translateX(35%);
  opacity: 0;
}


.anime01.delighter.started {
  transform: none;
  opacity: 1;
}
.anime02.delighter.started {
  transform: none;
  opacity: 1;
}
.anime03.delighter.started {
  transform: none;
  opacity: 1;
}
.anime04.delighter.started {
  transform: none;
  opacity: 1;
}
.anime05.delighter.started {
  transform: none;
  opacity: 1;
}
.anime06.delighter.started {
  transform: none;
  opacity: 1;
}

.wrap {
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.header,
.header.fixed,
nav .gNav{
	background-color: rgba(255,255,255,.8);
}
.flex {
	display: flex;
	justify-content:flex-start;
}
.smp {display: none;}
@media (max-width:768px) {
	.flex {
		display: block;
	}
	.smp {
		display: block;
	}
	.pc {
		display: none;
	}
}
.pageTitle {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 220px;
	line-height: 1;
}
h1 {
	font-size: 73px;
	margin: 0;
	line-height: 1.4;
	padding-bottom: 245px;
	text-align: center;
	color: #fff;
	font-weight: 400;
}
p.head {
	text-align: center;
	font-size: 24px;
	margin-bottom: 320px;
	color: #fff;
}
.blockWrap {
	/*border-bottom: 1px solid #fff;*/
}
.block {
	margin: 139px auto;
	width: 1000px;
	color: #fff;
}
.block .flex {
	padding: 52px 45px;
}
.denir30 {
	background-color: rgba(255,255,255,.23);
	    border: 4px solid;
    border-image: linear-gradient(to right, #b9c6e2 0%, #e1a3c0 100%);
    border-image-slice: 1;
}
.denir40 {
	background-color: rgba(255,255,255,.11);
	    border: 4px solid;
    border-image: linear-gradient(to right, #c6dcf1 0%, #b5a8ce 100%);
    border-image-slice: 1;
}
.denir60 {
	background-color: rgba(79,80,85,.1);
	    border: 4px solid;
    border-image: linear-gradient(to right, #c4e0d4 0%, #c6ddf1 100%);
    border-image-slice: 1;
}
.denir70 {
	background-color: rgba(79,80,85,.34);
	    border: 4px solid;
    border-image: linear-gradient(to right, #fef9b8 0%, #c6e1d3 100%);
    border-image-slice: 1;
}
.denir80 {
	background-color: rgba(79,80,85,.65);
	    border: 4px solid;
    border-image: linear-gradient(to right, #ebc1cd 0%, #fef8b9 100%);
    border-image-slice: 1;
}
.denir110 {
	background-color: rgba(79,80,85,.85);
	    border: 4px solid;
    border-image: linear-gradient(to right, #ef918c 0%, #edd2d7 100%);
    border-image-slice: 1;
}
.block .content {
	padding-left: 108px;
	order: 1;
}
.block h2 {
	margin-bottom: 80px;
}
.block h3 {
	font-size: 30px;
	margin-bottom: 70px;
	font-weight: normal;
}
.block p{
	font-size: 18px;
	line-height: 2.2;
	padding-bottom: 80px;
}
.block .blunk {
	font-size: 23px;
	line-height: 1;
}
.slider ul li:first-child {
	margin-bottom: 25px;	
}
@media (max-width:1000px) {
	.wrap {
		background-image: url(../images/bg_smp.jpg);
		background-size: auto auto;
	}
	.pageTitle {
		margin-top: 37px;
		margin-bottom: 50px;
	}
	.pageTitle img {
		width: 46px;
		height: auto;
	}
	h1 {
		font-size: 28px;
		padding-bottom: 50px;
	}
	p.head {
		font-size:12px;
		margin-bottom: 45px;
	}
	.blockWrap {
		border-bottom: none;
	}
	.block {
		margin: 70px auto;
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}
	.block .flex {
		padding: 20px 45px 30px;
	}
	.block slider {
		order: 2;
	} 
	.block .content {
		padding-left: 0;	
	}
	.block h2 {
		margin-bottom: 18px;
		order: 1;
	}
	.block h3 {
		font-size: 14px;
		margin-bottom: 15px;
		font-weight: normal;
	}
	.block p{
		font-size: 9px;
		line-height: 2.2;
		padding-bottom: 20px;
    letter-spacing: 0.1em;
	}
	.block .blunk {
		font-size: 14px;
		line-height: 1;
	}
	.slider ul li:first-child {
		margin-bottom: 25px;	
	}
	.slideWrap {
		position: relative;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		left: -30px;
		right: auto;
		margin-top: -40px;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		right: -30px;
		left: auto;
		margin-top: -40px;
	}
	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 15px;
		color: #fff;
	}
	.swiper-pagination {
		bottom: 5px !important;
	}
	.swiper-pagination-bullet {
		width: 4px;
		height: 4px;
		background: #b5b5b6;
		margin-left: 4px;
		margin-right: 4px;
	}
		.swiper-pagination-bullet-active {
		background: #111111;
	}
}
@media(min-width: 1000px){
  .swiper-wrapper{
    flex-wrap:wrap;
  }
  .swiper-button-prev,.swiper-button-next,.swiper-pagination{
    display: none;
  }
}
@media (max-width: 320px){
  .block .flex {
    padding: 20px 25px 30px;
  }
}