@charset "UTF-8";

/*-----------
#wrapper
.contents_width(index.html)↓↓↓
-----------------------------------*/

body #wrapper .contents_width {
    width: 86%;
    margin-left: 14%;
}

@media only screen and (max-width:600px) {
    body #wrapper .contents_width {
        width: 100%;
        /* margin-top: 90px; */
        margin-left: 0;
    }
}

body #wrapper .contents_width:before,
body #wrapper .contents_width:after {
    content: "";
    display: table;
}

body #wrapper .contents_width:after {
    clear: both
}

@media only screen and (max-width:600px) {
    body #wrapper .contents_width {
        width: 100%;
        padding-left: 0px;
    }
}


/*=====↓↓↓ h2 ↓↓↓=====*/

body #wrapper .contents_width h2 {
    text-align: center;
    font-size: 16.8px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 6px;
}


/*=====↓↓↓ .parts ↓↓↓=====*/

body #wrapper .contents_width .parts {
    width: 19%;
    float: left;
    margin-right: 1%;
    /* [disabled]margin-left: 20px; */
}

body #wrapper .contents_width .parts:first-child {
    /* [disabled]margin-left: -20px; */
}

@media only screen and (max-width:600px) {
    body #wrapper .contents_width .parts {
        width: 100%;
        clear: both;
        margin-left: 0;
    }
    body #wrapper .contents_width .parts:first-child {
        margin-left: 0
    }
    /*
    body #wrapper .contents_width .parts:first-child {
      margin-right: 0;
      margin-bottom: 100px;
    }
	*/
    body #wrapper .contents_width .parts {
        margin-right: 0;
        margin-bottom: 100px;
    }
}

body #wrapper .contents_width .parts a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 20px 0;
}

@media only screen and (max-width:600px) {
    body #wrapper .contents_width .parts a {
        width: 80%;
        height: auto;
        margin: 20px auto;
    }
}

body #wrapper .contents_width .parts a:hover img {
    -webkit-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

body #wrapper .contents_width .parts a img {
    width: 100%;
    height: auto;
    -webkit-transition: all 1s cubic-bezier(.25, .1, .24, 1);
    transition: all 1s cubic-bezier(.25, .1, .24, 1);
}

body #wrapper .contents_width .parts p {
    text-align: center;
    font-size: 12.6px;
    font-size: .9rem;
    font-weight: 400;
    letter-spacing: 6px;
    margin: 0;
}


/*----------------------------
 banner area
 ----------------------------*/

.banner-inn {
    margin-bottom: 30px;
    display: block;
    overflow: hidden;
}

.banner-inn:nth-child(1) {
    margin-bottom: 120px;
    display: block;
    overflow: hidden;
}

.banner-inn .bnr-w-half img {
    width: 100%;
    margin-top: 15px;
}

.bnr-w-half {
    width: 48%;
    float: left;
    margin-right: 2%;
    display: inline-block;
    overflow: hidden;
}

body #wrapper .banner-inn .bnr-w-half a:hover img {
    -webkit-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

body #wrapper .banner-inn .bnr-w-half a img {
    width: 100%;
    height: auto;
    -webkit-transition: all 1s cubic-bezier(.25, .1, .24, 1);
    transition: all 1s cubic-bezier(.25, .1, .24, 1);
}

@media only screen and (max-width:600px) {
    .banner-inn {
        margin-bottom: 30px;
        display: block;
        overflow: hidden;
    }
    .banner-inn:nth-child(1) {
        margin-bottom: 70px;
        display: block;
        overflow: hidden;
    }
    .banner-inn .bnr-w-half img {
        width: 100%;
        margin-top: 15px;
    }
    .bnr-w-half {
        width: 80%;
        float: none;
        margin: 0 auto 30px auto;
        display: block;
        overflow: hidden;
    }
    body #wrapper .banner-inn .bnr-w-half a:hover img {
        -webkit-transform: scale(1.04, 1.04);
        transform: scale(1.04, 1.04);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    body #wrapper .banner-inn .bnr-w-half a img {
        width: 100%;
        height: auto;
        -webkit-transition: all 1s cubic-bezier(.25, .1, .24, 1);
        transition: all 1s cubic-bezier(.25, .1, .24, 1);
    }
}


/*-------------------
/*左右の矢印の色を変える*/

.slick-prev:before,
.slick-next:before {
    color: #000;
}


/*左右の矢印の位置を変える*/

.slick-next {
    right: 20px;
    z-index: 99;
}

.slick-prev {
    left: 15px;
    z-index: 100;
}


/*スライド数のドットの色を変える*/

.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}


/*スライド画像の横幅可変*/

img {
    width: 100%;
    height: auto;
}


/*--------------------
top のわんカラムバナー
------------------------*/

.one-bnr {
    text-align: center;
    letter-spacing: 0.25rem;
    margin-top: 20px;
}

@media only screen and (max-width:600px) {
    .one-bnr {
        text-align: center;
        letter-spacing: 0.25rem;
        width: 80%;
        margin: 10px auto 30px;
    }
}


/*-----------
#wrapper
.contents_width(top)↑↑↑
-----------------------------------*/