@charset "utf-8";

/* secCmnIndexTop */
.secCmnIndexTop{
    background: url(../img/plan_design/bgCmnIndexTop.jpg) center top / cover;
}
.secCmnIndexTop .titBox{
    padding-left: 0;
    padding-right: 60px;
}
.secCmnIndexTop .titBox::after{
    left: -30px;
    top: -70px;
}
.secCmnIndexTop .titJpn{
    letter-spacing: 0;
}
@media only screen and (max-width:767px){
    .secCmnIndexTop{
        background: url(../img/plan_design/bgCmnIndexTop_sp.jpg) center top / cover;
    }
    .secCmnIndexTop .titBox{
        padding-left: 0;
        padding-right: 0;
    }
    .secCmnIndexTop .titBox::after{
        width: 139px;
        height: 101px;
        left: -20px;
        top: -45px;
        background: url(../img/common/iconCmnIndexTop_sp.png) center top / cover;
    }
    .secCmnIndexTop .titEng{
        width: 69px;
    }
    .secCmnIndexTop .titJpn{
        letter-spacing: 0;
    }
}
/*-----------------------------------------------
    index
-----------------------------------------------*/
.secTopDesign{
    margin-top: 20px;
}
.secTopDesign .topTit{
    font-size: 30px;
    line-height: 2.16;
    text-align: center;
}
.secTopDesign .list{
    margin-top: 43px;
    display: flex;
}
.secTopDesign .item{
    width: 270px;
    height: auto;
    margin-right: 40px;
}
.secTopDesign .item:last-child{
    margin-right: 0;
}
.secTopDesign .inner{
    position: relative;
    height: 100%;
    display: block;
    text-decoration: none;
    color: #000;
    padding-bottom: 62px;
}
.secTopDesign .inner::after{
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    left: calc(50% - 15px);
    bottom: 0;
    background: #333333;
}
.secTopDesign .inner.lazyloaded::after {
    background: url(../img/plan_design/iconTopDesign.gif) center center / 15px auto no-repeat #333333;
}
.secTopDesign .iconImg{
    text-align: center;
    margin-top: 35px;
}
@media only screen and (max-width:767px){
    .secTopDesign{
        margin-top: 10px;
    }
    .secTopDesign .topTit{
        font-size: 18px;
        line-height: 2;
    }
    .secTopDesign .list{
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .secTopDesign .item{
        width: calc(50% - 7.5px);
        margin-right: 15px;
    }
    .secTopDesign .item:nth-child(2n){
        margin-right: 0;
    }
    .secTopDesign .item:nth-child(n+3){
        margin-top: 30px;
    }
    .secTopDesign .inner{
        padding-bottom: 35px;
    }
    .secTopDesign .inner::after{
        width: 20px;
        height: 20px;
        left: calc(50% - 10px);
    }
    .secTopDesign .inner.lazyloaded::after {
        background: url(../img/plan_design/iconTopDesign.gif) center center / 9px auto no-repeat #333333;
    }
    .secTopDesign .iconImg{
        margin: 15px auto 0;
    }
    .secTopDesign .item:nth-child(1) .iconImg{
        width: 120px;
    }
    .secTopDesign .item:nth-child(2) .iconImg{
        width: 66px;
    }
    .secTopDesign .item:nth-child(3) .iconImg{
        width: 91px;
    }
    .secTopDesign .item:nth-child(4) .iconImg{
        width: 81px;
    }
}
@media only screen and (max-width:359px){
    .secTopDesign .topTit{
        font-size: 16px;
    }
}
/* secDesign */
.secDesign{
    margin-top: 120px;
}
.secDesign .item{
    padding: 120px 0 150px;
    background: #f2efe4;
}
.secDesign .item:nth-child(2n){
    background: #fff;
}
.secDesign .wrapper{
    position: relative;
    z-index: 10;
}
.secDesign .titIconBox{
    position: relative;
}
.secDesign .titIconBox::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    top: calc(50% - 0.5px);
    left: 0;
    background: #ccc9c1;
}
.secDesign .titIcon{
    position: relative;
    z-index: 10;
    background: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 420px;
    margin: 0 auto;
}
.secDesign .item:nth-child(2) .titIcon,
.secDesign .item:nth-child(3) .titIcon{
    width: 280px;
}
.secDesign .item:nth-child(4) .titIcon{
    width: 240px;
}
.secDesign .flexBox{
    margin-top: 80px;
    min-height: 750px;
    display: flex;
    align-items: center;
    position: relative;
}
.secDesign .flexImg{
    position: absolute;
    top: 0;
    left: calc(50% - 960px);
}
.secDesign .item:nth-child(2n) .flexImg{
    left: auto;
    right: calc(50% - 960px);
}
.secDesign .flexTxtBox{
    width: calc(100% - 690px);
    padding: 0 0 10px 60px;
    margin-left: auto;
}
.secDesign .item:nth-child(2n) .flexTxtBox{
    margin-left: 0;
    padding: 0 60px 10px 0;
}
.secDesign .item:nth-child(3) .flexTxtBox{
    margin-top: -10px;
}
.secDesign .tit{
    font-size: 26px;
    line-height: 1.92;
}
.secDesign .txtBox{
    margin-top: 29px;
}
.secDesign .txt{
    font-size: 15px;
    line-height: 2.13;
}
.isDesktopIpad .secDesign .txt{
    font-size: 13px;
}
.secDesign .txt + .txt{
    margin-top: 32px;
}
@media only screen and (max-width:767px){
    .secDesign{
        margin-top: 40px;
    }
    .secDesign .item{
        padding: 40px 0 50px;
    }
    .secDesign .item:nth-child(2n){
        padding: 50px 0 50px;
    }
    .secDesign .titIcon{
        height: 40px;
        width: 200px;
    }
    .secDesign .item:nth-child(2) .titIcon,
    .secDesign .item:nth-child(4) .titIcon{
        width: 140px;
    }
    .secDesign .item:nth-child(3) .titIcon{
        width: 160px;
    }
    .secDesign .titIcon img{
        width: 166px;
    }
    .secDesign .item:nth-child(2) .titIcon img{
        width: 89px;
    }
    .secDesign .item:nth-child(3) .titIcon img{
        width: 120px;
    }
    .secDesign .item:nth-child(4) .titIcon img{
        width: 100px;
    }
    .secDesign .flexBox{
        margin-top: 20px;
        min-height: auto;
        display: block;
    }
    .secDesign .flexImg{
        position: static;
    }
    .secDesign .flexTxtBox{
        width: 100%;
        padding: 20px 0 0;
        margin: 0 auto;
    }
    .secDesign .item:nth-child(2n) .flexTxtBox{
        margin: 0 auto;
        padding: 20px 0 0;
    }
    .secDesign .item:nth-child(3) .flexTxtBox{
        margin: 0 auto;
    }
    .secDesign .tit{
        font-size: 18px;
        line-height: 1.88;
    }
    .secDesign .txtBox{
        margin-top: 10px;
    }
    .secDesign .item:nth-child(3) .txtBox,
    .secDesign .item:nth-child(4) .txtBox{
        margin: 10px -3px 0;
    }
    .secDesign .txt{
        font-size: 12px;
        line-height: 1.83;
    }
    .secDesign .txt + .txt{
        margin-top: 22px;
    }
}
/* secGallery */
.secGallery{
    margin-top: 100px;
}
.secDesign .item:nth-child(3) .secGallery{
    margin-top: 82px;
}
.secGallery .galleryEngBox{
    padding-bottom: 30px;
    position: relative;
}
.secGallery .galleryEngBox::after{
    position: absolute;
    content: "";
    width: 50px;
    height: 3px;
    left: calc(50% - 25px);
    bottom: 0;
    background: #0c6334;
}
.secGallery .galleryEngTit{
    text-align: center;
}
@media only screen and (max-width:767px){
    .secGallery{
        margin-top: 40px;
    }
    .secDesign .item:nth-child(3) .secGallery{
        margin-top: 40px;
    }
    .secGallery .galleryEngBox{
        padding-bottom: 18px;
    }
    .secGallery .galleryEngBox::after{
        width: 30px;
        left: calc(50% - 15px);
    }
    .secGallery .galleryEngTit{
        width: 119px;
        margin: 0 auto;
    }
}
/* secGallerySlider */
.secGallerySlider{
    margin-top: 50px;
}
.secGallerySlider .boxSlider{
    width: 750px;
    margin: 0 auto;
    position: relative;
}
.secGallerySlider .boxSlider .swiper{
    width: 100%;
    overflow: visible;
}
.secGallerySlider .boxSlider .swiper-slide{
    transition: transform 0.2s ease-out;
    transform-origin: center center;
    transform: scale(0.8);
}
.secGallerySlider .boxSlider .swiper-slide.swiper-slide-active{
    transform: none;
}
.secGallerySlider .boxSlider .imgSlider{
    padding-top: 66.667%;
}
.secGallerySlider .boxThumb{
    width: 750px;
    margin: 40px auto 0;
    position: relative;
    padding: 0 2px;
}
.secGallerySlider .boxThumb .swiper{
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}
.secGallerySlider .boxThumb.center .swiper-wrapper{
    justify-content: center;
}
.secGallerySlider .boxThumb .swiper-slide{
    position: relative;
    transition: opacity 0.2s ease-out;
}
.secGallerySlider .boxThumb .swiper-slide-thumb-active::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: solid 3px #0c6334;
}
.secGallerySlider .imgThumb{
    padding-top: 100%;
}
.secGallerySlider .swiper-button-prev,
.secGallerySlider .swiper-button-next{
	width: 40px;
	height: 116px;
	border-radius: 0;
	z-index: 10;
    top: 0;
    margin: 0;
}
.secGallerySlider .swiper-button-prev{
	left: -50px;
}
.secGallerySlider .swiper-button-next{
	right: -50px;
}
.secGallerySlider .swiper-button-prev.lazyloaded{
    background: url(../img/plan_design/imgGalleryBtnprev.gif) center center / 14px auto no-repeat #333333;
}
.secGallerySlider .swiper-button-next.lazyloaded{
    background: url(../img/plan_design/imgGalleryBtnNext.gif) center center / 14px auto no-repeat #333333;
}
.secGallerySlider .swiper-button-prev::after,
.secGallerySlider .swiper-button-next::after{
	display: none;
}
@media only screen and (max-width:767px){
    .secGallerySlider{
        margin-top: 20px;
    }
    .secGallerySlider .boxSlider{
        width: 100%;
    }
    .secGallerySlider .boxSlider .swiper{
        overflow: hidden;
    }
    .secGallerySlider .boxSlider .swiper-slide{
        transform: none;
    }
    .secGallerySlider .boxSlider .swiper-slide.swiper-slide-active{
        transform: none;
    }
    .secGallerySlider .boxSlider .imgSlider{
        padding-top: 66.667%;
    }
    .secGallerySlider .boxThumb{
        width: 100%;
        margin: 10px auto 0;
        position: relative;
        padding: 0 1px;
    }
    .secGallerySlider .boxThumb .swiper{
        overflow: hidden;
        width: 100%;
        margin: 0 auto;
    }
    .secGallerySlider .boxThumb.center .swiper-wrapper{
        justify-content: center;
    }
    .secGallerySlider .boxThumb .swiper-slide{
        position: relative;
        transition: opacity 0.2s ease-out;
    }
    .secGallerySlider .swiper-button-prev,
    .secGallerySlider .swiper-button-next{
        width: 35px;
        height: 35px;
        border-radius: 50%;
        top: calc(50% - 17px);
        margin: 0;
    }
    .secGallerySlider .swiper-button-prev{
        left: -10px;
    }
    .secGallerySlider .swiper-button-next{
        right: -10px;
    }
    .secGallerySlider .swiper-button-prev.lazyloaded{
        background: url(../img/plan_design/imgGalleryBtnprev.gif) center center / 8px auto no-repeat #333333;
    }
    .secGallerySlider .swiper-button-next.lazyloaded{
        background: url(../img/plan_design/imgGalleryBtnNext.gif) center center / 8px auto no-repeat #333333;
    }
}
/* secDetailsPager */
.secDetailsPager {
    margin-top: 0;
    min-height: auto;
    padding-top: 100px;
    border-top: solid 1px #d6d6d6;
}
.secDetailsPager .secCmnBack{
    position: static;
}
.secCmnContact{
    padding: 120px 0 190px;
}
@media only screen and (max-width:767px){
    .secDetailsPager {
        margin-top: 0;
        width: 92%;
        padding-top: 30px;
    }
    .secDetailsPager .secCmnBack{
        position: static;
        width: calc(100% - 40px);
    }
    .secCmnContact{
        padding: 50px 0 50px;
    }
}