@charset "utf-8";
.slick-dots {
    bottom: 0 !important;
}

.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

.slider {
	position:relative;
}

.text {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    text-align: center;
}


.text img {
    width: 30%;
}

.text-bottom{
    width: 100%;
    float: left;
    position: absolute;
    z-index: 1;
    bottom: -39%;
}
/*
.text h1
 small {
    width: 100%;
    float: left;
    font-size: 35px;
    margin: 0 auto 15px;
}*/

.text-bottom
 img {
    width: 37%;
}


/* ボックス01============================= */

.box{
    width: 100%;
    float: left;
}

.box-inner {
    width: 100%;
    float: left;
    display: flex;
}

.img-box,.text-box {
    width: 50% !important;
    float: left;
}

.box .img-box,.staff01,.staff02{
  height: 511px;
  background-size:cover !important;
}

.box:nth-child(2) .img-box{
    background: url(../img/top/t01.jpg) no-repeat center;
}

.box:nth-child(3) .img-box{
    background: url(../img/top/t02.jpg) no-repeat center;
}

.box:nth-child(4) .img-box{
    background: url(../img/top/t03.jpg) no-repeat center;
}

.box:nth-child(5) .img-box{
    background: url(../img/top/t04.jpg) no-repeat center;

}

.staff01{
    background: url(../img/top/t05.jpg) no-repeat center;
}

.staff02{
    background: url(../img/top/t06.jpg) no-repeat center;
}



.des {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #292929;
    position: relative;
	-webkit-transition: .3s;
	transition: .3s;
}

.box a .d01,.box a .d04 {
    background: #7fe5fb;
}

.box a:hover .d01,.box a:hover .d04 {
    background: #66ddf5;
}

.box a .d02 {
    background: #faa2bf;
}

.box a:hover .d02 {
    background: #fb8fb3;
}
.box a .d03 {
    background: #ffd150;
}

.box a:hover .d03 {
    background: #fdc72e;
}

.des-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.name {
    margin: 0 auto;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}

span.icons {
    display: block;
    margin: 0 auto 5px;
}

.des-inner p {
    margin: 20px auto;
    text-align: left;
}

.icons small {
    font-family: 'Passion One', cursive;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
	display: block;
    margin: 5px auto 0;
}

.box:nth-child(6) .icons small {
    color: #353535;
}


.b-name {
    position: absolute;
    bottom: 25px;
    right: 20px;
    text-align: right;
    background: #ffffff66;
    color: #555;
    padding: 10px;
}

.b-name p {
    color: #555;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0;
    margin: 0 auto 10px;
    line-height: 1.5;
}

.b-name h1 {
    font-size: 55px;
}


@media (max-width: 1250px){
.text h1 {
    margin: 20px auto 0;
    font-size: 68px;
}
}

@media (max-width: 1025px){
.des-inner {
   width: 226px;
}

.text h1 {
    font-size: 50px;
}

.text h1
 small {
    font-size: 30px;
    margin: 0 auto 10px;
}

}

@media (max-width: 991px){
.slider{
  margin: 70px auto 0;
}

.img-box {
    margin: 0 auto 0 !important;
}

.text h1 {
    font-size: 60px;
}
}

@media (max-width: 767px){
.slider{
  margin: 0 auto;
}

.slide-box li{
  background: url(../img/top/s01-sp.jpg) no-repeat center;
  height: 100vh;
  width: 100%;
  background-size: cover;
}

.text img{
    width:80%;
  }

.box-inner {
    display: block;
}

.img-box, .text-box {
    width: 100% !important;
}

.box .img-box{
  background-image: none !important;
}

.box .img-box, .staff01, .staff02 {
    height: auto;
}

.des {
    position: relative;
}

.des-inner {
    position: relative;
    top:auto;
    left: 0;
    right: 0;
    margin: auto;
    transform: none;
    padding: 30px;
	width: 80%;
}


.des-inner p {
    margin: 20px auto;
}

span.icons img {
    width: 37px;
}



}
@media (max-width: 500px){
.text h1 {
    margin: 20px auto 0;
    font-size: 44px;
}

.text h1
 small {
    font-size: 24px;
    margin: 0 auto 10px;
}

}