@charset "utf-8";
/* Plan */

.slick-dots {left: 0; right: 0; margin: 0 auto;}
.slick-dots li button::before {color: #ccc;}
.slick-dots li.slick-active button::before {color: #006448;}

.slick-arrow {position: absolute; top: 50%; width: 30px; height: 60px; margin-top: -40px; text-indent: -9999px; border: none; outline: none; z-index: 10; cursor: pointer;}
.slick-next,
.slick-next:hover,
.slick-next:focus {background: url("../images/common/btn_next.svg") no-repeat top left; right: -100px; background-size: cover;}
.slick-prev,
.slick-prev:hover,
.slick-prev:focus {background: url("../images/common/btn_prev.svg") no-repeat top left; left: -100px; background-size: cover;}



.home-section > figure {position: relative;}
.home-section > figure figcaption {position: absolute; bottom: 5px; right: 5px; color: #fff; font-size: 10px;}

#plan{padding-bottom: 50px;}
.plan-list{display: flex; flex-wrap: wrap;}
.plan-list a{text-align: center; width: 47%; margin: 0 6% 6% 0;}
.plan-list a:nth-of-type(2n){margin-right: 0;}
.plan-list a:hover{opacity: .7;}
.plan-list .disable {opacity: 0.5; pointer-events: none;}
.plan-list .img{box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.22);}
.plan-list .text{margin: 6% 0 0;}

@media only screen and (max-width: 768px) {
    .plan-list a{width: 100%; margin: 0 0 50px 0;}
}

/* Type */
#type{padding: 100px 20px;}

.type-img{text-align: center; margin-bottom: 70px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.type-img .col1 {width: 36%; text-align: left;}
.type-img .col1 .listBtn {margin: 20px 0; max-width: 220px;}
.type-img .col1 .listBtn .slick-track .slick-slide {width: 100% !important; margin-bottom: 5%;}
.type-img .col1 .listBtn .slick-track .slick-slide.slick-current {opacity: 0.6;}
.type-img .col1 .listBtn > div a {display: block; color: #fff; background: #514c2e; position: relative; line-height: 1; padding: 13px 0; text-decoration: none; cursor: pointer; text-align: center;}
.type-img .col1 .listBtn > div a::after {content: '＞'; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 10px;}
.type-img .col1 .listBtn > div a:hover {opacity: 0.6;}
.type-img .col1 .cap {position: relative; padding-left: 12px; font-size: 10px; margin-top: 20px;}
.type-img .col1 .cap::before {content: '※'; position: absolute; top: 0; left: 0; font-size: 10px;}
.type-img .col2 {width: 48.28%;}
.type-img .lb {margin-bottom: 20px;}

.type-nav{display: flex;}
.type-nav a{margin-right: 10%;}
.type-nav a:last-of-type{margin-right: 0;}
.type-nav a:hover{opacity: .7;}
.type-nav .disable {opacity: 0.7; pointer-events: none;}
.type-nav img{width: auto; height: 308px;}

.type-top {max-width: 650px; width: 100%; margin: 0 auto 60px; padding: 20px; border: 1px solid #000}
.type-top h4 {font-size: 3.6rem; margin-bottom: 15px; font-weight: bold; color: #504d33; letter-spacing: 0.1em;}
.type-top p:nth-of-type(1) {font-size: 2rem; margin-bottom: 15px;}
.type-top p:nth-of-type(3) {font-size: 1.8rem;}

.listTxt {margin-bottom: 20px; max-width: 100%; width: 100%; margin: 0 auto 70px;}

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

    .type-img .col1 .listBtn {margin: 20px 0;}
    .type-img .col2 {padding: 0 50px;}
    

    .slick-next,
    .slick-next:hover,
    .slick-next:focus {right: -50px;}
    .slick-prev,
    .slick-prev:hover,
    .slick-prev:focus {left: -50px;}
}

@media only screen and (max-width: 767px) {
    .fancybox__container {z-index: 99999;}
    
    .type-img {margin-bottom: 20px;}
    .type-img .col1 .pop-map {margin-top: 40px;}

    .type-top h4 {font-size: 5.5vw;}
    .type-top p:nth-of-type(1) {font-size: 3.5vw;}
    .type-top p:nth-of-type(2) {font-size: 3vw;}

    .man {margin-bottom: 40px; text-align: center;}

    .listTxt {margin-bottom: 40px;}
}
@media only screen and (max-width: 480px) {
    #type {padding: 0 20px;}

    .type-nav img{height: auto;}

    

    .slick-arrow {width: 15px; height: 30px;}
    .slick-next,
    .slick-next:hover,
    .slick-next:focus {right: -25px;}
    .slick-prev,
    .slick-prev:hover,
    .slick-prev:focus {left: -25px;}

    .type-img .col1 {width: 30%;}    
    .type-img .col1 .listBtn > div a {font-size: 1.8vw; padding: 10px 0;}
    .type-img .col1 .listBtn > div a::after {right: 2px;}
    .type-img .col2 {width: 65%; padding: 0 20px;}


}