@charset "utf-8";



/* ==========================================================================
	main
========================================================================== */
.main{background-image:url(../image/buy/main_bg.jpg);}

.main.rent{background-image:url(../image/rent/main_bg.jpg);}

.main .pan {
    position: absolute;
    right: 0;
    bottom:0;
    height: 80px;
    width: calc(100% - 60px);
    background:#2bba72;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:30px 0 0 0;
}
@media screen and ( max-width: 800px ) {

    .main .pan {
        position: absolute;
        right: 0;
        bottom:0;
        height: auto;
        padding:14px 0;
        width: 100%;
        border-radius:0;
        box-sizing:border-box;
    }
}




/* ==========================================================================
	buy_menu
========================================================================== */
.buy_menu {
    width: 100%;
    padding:60px;
    box-sizing:border-box;
}

.buy_menu .tit.pc_off,
.buy_menu .s_tit.pc_off{display:none;}
.map_menu_wrap{
    position: relative;
    width: 100%;    
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
    margin-bottom: 50px;
}
.buy_menu .map_area {
    width: 47.64%;
    position: relative;
}
.buy_menu .map{
    width: 100%;
    position: relative;
    padding-bottom:79.2%;
    background:url(../image/buy/map.jpg) center center;
    background-size:cover;    
    margin-top: 38px;
    border-radius:30px;
}
.buy_menu .map .pin{
    display: block;
    position: absolute;
    width: 6vw;
}

.buy_menu .map .pin:hover{
transform: translate(0px,-5px);
}

.buy_menu .map .pin.pin01{top:3.8vw;left: 11.33vw;}
.buy_menu .map .pin.pin02{width: 8vw;top:5.3vw;left: 19.4vw;}
.buy_menu .map .pin.pin03{top:11.46vw;left: 7.4vw;}
.buy_menu .map .pin.pin04{top:13vw;left: 14.06vw;}
.buy_menu .map .pin.pin05{top:10.53vw;left: 19.6vw;}
.buy_menu .map .pin.pin06{top:18.86vw;left: 10.66vw;}
.buy_menu .map .pin.pin07{top:18.33vw;left: 23.33vw;}

.buy_menu .menu_area {
    width: 47.64%;
    position: relative;
}
.buy_menu .menu_area ul {
    position: relative;
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 38px;
}


.buy_menu .menu_area ul:after{
    content:"";
    display: block;
    width: 30.23%;
    
}
.buy_menu li {
    width: 30.23%;
    margin-bottom: 1.73vw;
}
.buy_menu li a {
    display: block;
    position: relative;
    width: 100%;
    border-radius:30px;
    background:#fff;
    border:5px solid #2bba72;
    box-shadow:0px 5px 15px 3px #d5d5d5;
    box-sizing:border-box;
}
.buy_menu li a:hover{
     box-shadow:none;   
    color:#2bba72;
}

.buy_menu li a:after{
    content:"";
    display: block;
    padding-top:100%;
}
.buy_menu li a:before{
    content:"";
    display: block;
    position: absolute;
    z-index:10;
    left: 0;
    right: 0;
    top:2.466vw;
    margin:auto;
    width: 40px;
    height: 36px;
    background:url(../image/buy/menu_icon01.png);
    background-size:cover;
}

.buy_menu li:nth-child(2) a:before{
    top:2.6vw; width: 50px; height: 30px;
    background-image:url(../image/buy/menu_icon02.png);
}

.buy_menu li:nth-child(3) a:before{
    top:2vw; width: 34px; height: 44px;
    background-image:url(../image/buy/menu_icon03.png);
}

.buy_menu li:nth-child(4) a:before{
    top:3.13vw; width: 68px; height: 22px;
    background-image:url(../image/buy/menu_icon04.png);
}

.buy_menu li:nth-child(5) a:before{
    top:2.73vw; width: 54px; height: 28px;
    background-image:url(../image/buy/menu_icon05.png);
}




.bnr_area_wrap {
    width: calc(100% + 30px);
    padding-bottom:15px;
}
.bnr_area_wrap .bnr_area {
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
    max-width:2000px;
    margin-top: 40px;

}


.bnr_area_wrap a {
    padding:27px 0 0 95px;
    width: 23.4%;
    border:none;
    box-shadow:none;
}


/*-- rent --*/

.buy_menu .menu_area.rent ul {
    flex-direction:row;
    justify-content:flex-start;
    -webkit-justify-content: flex-start;
}
.buy_menu .menu_area.rent li {
    width: 30.23%;
    margin-right: 4.655%;
    margin-bottom: 1.73vw;
}

.buy_menu .menu_area.rent li:nth-child(3){margin-right: 0;}

.buy_menu .menu_area.rent li a:before{
    content:"";
    display: block;
    position: absolute;
    z-index:10;
    left: 0;
    right: 0;
    top:2.0vw;
    margin:auto;
    width: 48px;
    height: 36px;
    background:url(../image/rent/menu_icon01.png);
    background-size:cover;
}

.buy_menu .menu_area.rent li:nth-child(2) a:before{
    top:2.6vw; width: 54px; height: 30px;
    background-image:url(../image/rent/menu_icon02.png);
}

.buy_menu .menu_area.rent li:nth-child(3) a:before{
    top:2.0vw; width: 30px; height: 40px;
    background-image:url(../image/rent/menu_icon03.png);
}
.buy_menu .menu_area.rent li:nth-child(4) a:before{
    top:2.8vw; width: 68px; height: 26px;
    background-image:url(../image/rent/menu_icon04.png);
}
/*
.buy_menu .menu_area.rent li:first-child a span{top: 5.5vw;}*/
.buy_menu .menu_area.rent li a span{
    display: block;
    position: absolute;
    z-index:10;
    text-align: center;
    font-size: 1.0vw;
    font-weight: 700;
    color:#353b39;
    top: 5.4vw;
    left: 0;
    right: 0;
    margin:auto;
}
.buy_menu .menu_area.rent li a .rubi1{
	display: block;
	font-size: 0.6vw;
	line-height: 0.7vw;
	top: 6.9vw;
}
.buy_menu .menu_area.rent li a .rubi2{
	display: block;
	font-size: 0.6vw;
	line-height: 0.7vw;
	top: 7.8vw;
}
.btn_area {
    width: 100%;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
    flex-direction:row;
    justify-content:flex-start;
    -webkit-justify-content: flex-start;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
    margin-top: 40px;
}
.btn_area a {
display: flex;
align-items: center;
justify-content: center;
    width: 15%;
    background:#fff;
    color:#2bba72;
    font-weight: 700;
    height: 60px;
    border-radius:30px;
    margin-bottom: 20px;
    font-size: 15px;
    margin-right: 2%;
}

.btn_area a:nth-child(6){margin-right: 0;}

.btn_area a:hover{
    background:#2aba72;
    color:#fff;
}



@media screen and ( max-width: 1450px ) {
    .buy_menu{padding:60px 4vw;}
    
}

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

    .buy_menu .map .pin{
        width: 7vw;
    }

    .buy_menu .map .pin.pin01{ left: 14.83vw;}
    .buy_menu .map .pin.pin02{width: 8.7vw;top: 7.6vw; left: 25.4vw;}
    .buy_menu .map .pin.pin03{ top: 13.46vw; left: 10.4vw;}
    .buy_menu .map .pin.pin04{top: 16vw;left: 18.06vw;}
    .buy_menu .map .pin.pin05{top: 13vw; left: 25.6vw;}
    .buy_menu .map .pin.pin06{ top: 22.86vw;left: 13.66vw;}
    .buy_menu .map .pin.pin07{top: 23.33vw; left: 30.33vw;}
    
    
    .buy_menu li a:before{
        top:2.466vw;
    }

	.buy_menu .menu_area.rent li a span{
    font-size: 1.2vw;
    top: 6.5vw;
	}
	.buy_menu .menu_area.rent li a .rubi1{
		font-size: 0.7vw;
		line-height: 0.8vw;
		top: 8.2vw;
	}
	.buy_menu .menu_area.rent li a .rubi2{
		font-size: 0.7vw;
		line-height: 0.8vw;
		top: 9.2vw;
	}
    .buy_menu li a span{font-size: 18px;top: 7vw;}
	/*
    .buy_menu .menu_area.rent li:first-child a span{top: 6.5vw;font-size: 17px;}*/

    .bnr_area_wrap {
        width: 100%;
        padding-bottom:15px;
    }

    .bnr_area_wrap a {
        padding-top:20px;
    }
    .bnr_area_wrap a:nth-child(2){padding-top: 27px;}
	
	
}

@media screen and ( max-width: 1000px ) {
    
     .buy_menu li a span{font-size: 15px;top: 8vw;}
	/*
    .buy_menu .menu_area.rent li:first-child a span{top: 7.5vw;font-size: 14px;}*/
}
@media screen and ( max-width: 900px ) {
    .bnr_area_wrap a {
    width: 48%;
    margin-bottom: 30px;
        padding-top: 22px;
    }
}

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

    .buy_menu { padding:35px 0 50px;}
    .buy_menu .tit,
    .buy_menu .s_tit{display:none;}
    .buy_menu .tit.pc_off,
    .buy_menu .s_tit.pc_off{display:inline-block;}
    .buy_menu .tit.pc_off{margin-left: 20px;margin-bottom: 0;}
    .map_menu_wrap{
        margin-bottom: 25px;
    }
    .buy_menu .map_area {width: 100%;}
    .buy_menu .map{
        width: 100%;
        background-image:url(../image/buy/map_sp.jpg);
        background-size:cover;    
        margin-top: 30px;
        border-radius:0px;
    }
	
    .buy_menu .map .pin{
        width: 17.7vw;
    }

    .buy_menu .map .pin:hover{transform: translate(0px,-3px);}

    .buy_menu .map .pin.pin01{top:11.25vw;left: 33.5vw;}
    .buy_menu .map .pin.pin02{width: 23.75vw;top:15.85vw;left: 58.3vw;}
    .buy_menu .map .pin.pin03{top:34vw;left: 21.875vw;}
    .buy_menu .map .pin.pin04{top:38.375vw;left: 42.125vw;}
    .buy_menu .map .pin.pin05{top:31.25vw;left: 58.25vw;}
    .buy_menu .map .pin.pin06{top:18.86vw;left: 10.66vw;}
    .buy_menu .map .pin.pin07{top:54.125vw;left: 69.125vw;}

    .buy_menu .menu_area {width:100%;}
    .buy_menu .menu_area ul {width: calc(100% - 40px);margin: 30px auto 0;}
    .buy_menu .menu_area ul:after{
        content:"";
        display: block;
        width: 30.23%;
    }
    .buy_menu li {
        width: 30.23%;
        margin-bottom:15px;
    }
        .buy_menu li a {
        width: 100%;
        height: 100%;
        border: 4px solid #2bba72;
        font-size: 14px;
        box-shadow: 0px 3px 10px 1px #d5d5d5;
        line-height: 16px;
        margin-bottom: 3.75vw;
    padding-top: 67px;
    }
    .buy_menu li a:before{
        content:"";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top:28px;
        margin:auto;
        width: 29px;
        height: 28px;
        background:url(../image/top/buy_menu_icon01.png);
        background-size:cover;
    }
    .buy_menu li a:after{display:none;}


    .buy_menu li:nth-child(2) a:before{
        top:29px; width: 36px; height: 23px;
        background-image:url(../image/top/buy_menu_icon02.png);
    }

    .buy_menu li:nth-child(3) a:before{
        top:24px; width: 25px; height: 32px;
        background-image:url(../image/top/buy_menu_icon03.png);
    }

    .buy_menu li:nth-child(4) a:before{
        top:36px; width: 48px; height: 16px;
        background-image:url(../image/top/buy_menu_icon04.png);
    }

    .buy_menu li:nth-child(5) a:before{
        top:32px; width: 38px; height: 20px;
        background-image:url(../image/top/buy_menu_icon05.png);
    }
	
	
    .buy_menu li a span{ position: relative;font-size: 14px; top:auto;}

	
    .bnr_area_wrap {
        width: calc(100% - 20px);
        overflow-x: scroll;
        padding-bottom: 10px;
        margin-left: 20px;
    }
    .bnr_area_wrap .bnr_area {
        margin-top: 0;
        width: 860px;
        max-width: 900px;

    }


    .bnr_area_wrap a {
        padding:20px 0 0 75px;
        width: 200px;
        height: 70px;
        margin-bottom: 0;
    }
    
    


    /*-- rent --*/
	
	.buy_menu .menu_area.rent li {
    width: 30.8%;
    margin-right: 3.655%;
    margin-bottom: 1.73vw;
	}
	.buy_menu .menu_area.rent li a:before{
    top:2.5vw;
	}
	  .buy_menu .menu_area.rent li a {
		width: 100%;
		height: 100%;
		border: 4px solid #2bba72;
		font-size: 14px;
		box-shadow: 0px 3px 10px 1px #d5d5d5;
		line-height: 16px;
		margin-bottom: 3.75vw;
		padding-top: 110px;
	}
	.buy_menu .menu_area.rent li a span{
		font-size: 2vw;
		top: 8vw;
	}
	.buy_menu .menu_area.rent li a .rubi1{
		font-size: 1.4vw;
		line-height: 1.5vw;
		top: 11vw;
	}
	.buy_menu .menu_area.rent li a .rubi2{
		font-size: 1.4vw;
		line-height: 1.5vw;
		top: 13vw;
	}
    .buy_menu .menu_area.rent li a:before{
        top: 23px;
        width: 36px;
        height: 28px;
    }

    .buy_menu .menu_area.rent li:nth-child(2) a:before{
        top: 28px;
        width: 39px;
        height: 22px;
    }

    .buy_menu .menu_area.rent li:nth-child(3) a:before{
        top: 20px;
        width: 24px;
        height: 30px;
    }

    .buy_menu .menu_area.rent li:nth-child(4) a:before{
        top: 29px;
        width: 57px;
        height: 22px;
    }


    .buy_menu .menu_area.rent li:first-child a {padding-top: 60px;}
	/*
    .buy_menu .menu_area.rent li:first-child a span{top: auto;font-size: 14px;}*/
    
    .btn_area {
        width: calc(100% - 40px);
        margin:0 auto;
    }
    .btn_area a {
        width: 30%;
        margin-bottom: 15px;
        font-size: 14px;
        margin-right: 5%;
    }

    .btn_area a:nth-child(3n){margin-right: 0;}    
}


/*20251122*/
@media screen and ( max-width: 650px ) {
.buy_menu .menu_area.rent li a:before{
    top:3vw;
}
.buy_menu .menu_area.rent li:nth-child(2) a:before{
    top:3.2vw; width: 50px; height: 30px;
}

.buy_menu .menu_area.rent li:nth-child(3) a:before{
    top:2.2vw; width: 30px; height: 40px;
}

.buy_menu .menu_area.rent li:nth-child(4) a:before{
    top:3.8vw; width: 68px; height: 22px;
}
.buy_menu .menu_area.rent li a span{
    font-size: 2.5vw;
	line-height: 2.5vw;
    top: 10vw;
}
.buy_menu .menu_area.rent li a .rubi1{
	font-size: 1.9vw;
	line-height: 1.9vw;
	top: 14vw;
}
.buy_menu .menu_area.rent li a .rubi2{
	font-size: 1.9vw;
	line-height: 1.9vw;
	top: 16vw;
}
}
@media screen and ( max-width: 500px ) {
.buy_menu .menu_area.rent li a {
    padding-top: 100px;
}
.buy_menu .menu_area.rent li a:before{
    top:4.5vw;
}
.buy_menu .menu_area.rent li:nth-child(2) a:before{
    top:5.2vw; width: 50px; height: 30px;
}

.buy_menu .menu_area.rent li:nth-child(3) a:before{
    top:3vw; width: 30px; height: 40px;
}

.buy_menu .menu_area.rent li:nth-child(4) a:before{
    top:5.8vw; width: 68px; height: 22px;
}

.buy_menu .menu_area.rent li a span{
    font-size: 2.8vw;
	line-height: 2.8vw;
    top: 15vw;
}
.buy_menu .menu_area.rent li a .rubi1{
	font-size: 2vw;
	line-height: 2.2vw;
	top: 19vw;
}
.buy_menu .menu_area.rent li a .rubi2{
	font-size: 2vw;
	line-height: 2.2vw;
	top: 21vw;
}
}


/* ==========================================================================
	recommend
========================================================================== */
.recommend{
    position: relative;
    padding: 60px 0 60px 0;
    box-sizing:border-box;
    position: relative;
}
.recommend .tit{padding-left:60px;}
.recommend_slide{margin-top: 40px;}
.recommend_slide .slick-slide{margin: 0 15px; }

.recommend_slide{width:100%;}

.recommend_slide .slick-list{padding-right:50%;padding-left:60px;}

.recommend_slide li a:hover{opacity:.7 !Important;}



.recommend .illust{
    position: absolute;
    right: 60px;
    bottom:0;
    display: block;
    width: 28.38%;
    max-width:335px;
    z-index:500;
}
.recommend.rent .illust{
    width: 35.84%;
    max-width:380px;
}
.magazine .slick-prev,
.magazine .slick-next{
    position: absolute;
    top: 50%;
    width: 70px;
    height:70px;
    padding: 0;
    z-index:50;
}


.recommend_slide .slick-prev,
.recommend_slide .slick-next{
    position: absolute;
    top: 50%;
    width: 70px;
    height:70px;
    padding: 0;
    z-index:50;
}
.recommend_slide .slick-prev{/*left:calc(5% - 20px);*/left:40px;background:url(../image/common/prev_btn02.png);background-size:cover;}
.recommend_slide .slick-prev:before{ display:none;}

.recommend_slide .slick-next{ right:auto;left:calc(50% - 50px); background:url(../image/common/next_btn02.png);background-size:cover;}
.recommend_slide .slick-next:before{ display:none;}


.bs_list ul{margin-bottom: 0;}



@media screen and ( max-width: 800px ) {
    .recommend{padding: 50px 0 85px;}
    
    .recommend_slide{margin-top:30px;}
    .recommend_slide .slick-slide{margin: 0 10px; }
    
    
    .recommend_slide .slick-list{padding-right:0;padding-left:0;}
    
    .recommend .illust{display:none;}
    .recommend .tit,
    .recommend .s_tit{margin-left: 20px;}    
}





/* ==========================================================================
	list_pan
========================================================================== */

.list_pan {
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:30px 0 0 0;
}
.list_pan div {
    text-align:left;
    padding-left: 55px;
    color:#353b39;
    width: 100%;
    box-sizing:border-box;
}
.list_pan a {
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    color:#353b39;
    display: inline-block;
}
.list_pan a:after{    
    content:"〉";
    display: inline-block;
    font-size: 16px;
    color:#353b39;
    margin:0 6px 0 13px;
}
.list_pan p {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}

@media screen and ( max-width: 800px ) {
    
    .list_pan {
        height: auto;
        padding:14px 0;
        border-radius:0 0 0 0;
        background:#2bba72;
    }
    .list_pan div {
        text-align:left;
        padding-left: 20px;
        color:#fff;
    }
    .list_pan a {
        font-size: 13px;
        line-height: 1.5;
        color:#fff;
    }
    .list_pan a:after{    
        font-size: 13px;
        color:#fff;
        margin:0 6px 0 13px;
    }
    .list_pan p {
        font-size: 13px;
    }
}

/* ==========================================================================
	search_area
========================================================================== */

.search_area {
    background:#fff;
    position: relative;
    padding:40px 60px;
    box-sizing:border-box;
}

.search_area .sort_area{
    position: relative;
    width: 100%;
    background:#2bba72;
    border-radius:15px;
    box-sizing:border-box;
    margin-top: 20px;
    
}
.search_area .sort_area .sort{
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color:#fff;
    padding:18px 0 18px 20px;
    box-sizing:border-box;
    width: 100%;
}

.search_area .sort_area .sort:before{
    content:"";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 15px;
    background:url(../image/common/sort_icon.png);
    background-size:cover;
}


.search_area .sort_area .sort.active:before{
    background-image:url(../image/common/sort_icon_af.png);
}

.sort_list_wrap{
    display: none;
    background:#f7f7f0;
    padding:30px 50px 50px;
    border-radius:0 0 15px 15px;
    box-sizing:border-box;
}
.sort_list{
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding:20px 0 10px;
    box-sizing:border-box;
    border-bottom:1px solid #e0e0c0;
}
.sort_list_wrap .sort_list:nth-child(5){
    border:none;
}

.sort_list_wrap .sort_list h3{
    
    width: 153px;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
}

input[type=checkbox] {
        /*
  display: none;*/
        opacity: 0;
    position: absolute;
    left: 0;
}
.form-list{
    width: calc(100% - 153px);
    
}

.form-list label {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 25px 10px 0;
  padding: 0 0 0 30px;
  vertical-align: middle;
  width:auto ;
  font-size:14px;
  cursor: pointer;
}

.form-list label:hover:after {
  border-color: #3bbf7e
    }

.form-list label:after {
      -webkit-transition: border-color 0.2s linear;
      transition: border-color 0.2s linear;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      margin-top: -2px;
      width: 18px;
      height: 18px;
      border: 2px solid #3bbf7e;
    box-sizing:border-box;
      border-radius: 5px;
        background: #fff;
      content: '';
}

.form-list label input:checked + label:before {
	border-color:#3bbf7e
}


.form-list label input:checked + label:after {
	opacity: 1;
	border-color:#3bbf7e;
}

.form-list label:before {
  content: '';
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
    top: -2px;
    left: 0px;
    width: 18px;
    height: 18px;
        z-index:500;
      border-radius: 5px;
  opacity: 0;
    background:url(../image/common/check.jpg);
    background-size:cover;
}
input[type=checkbox]:checked + label:before {
  opacity: 1;
}



.sort_list .select_area{
    width: calc(100% - 153px);
    
}
.sort_list span{
    display: inline-block;
    margin:0 20px;
    font-size: 14px;
    vertical-align: middle;
}
.select_custom {
	overflow: hidden;
    display:inline-block;
    width: 140px;
    vertical-align: middle;
    
	margin:0;
	text-align: center;
}
.select_custom select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
    border-radius:5px;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.select_custom select::-ms-expand {
    display: none;
}
.select_custom{
	position: relative;
	border-radius: 5px;
	background: #ffffff;
}
.select_custom:before {
    content:"";
	position: absolute;
    width: 30px;
    height: 30px;
    background:url(../image/common/select_icon.jpg);
    background-size:cover;
    border-radius:0 5px 5px 0;
    right: 0;
    top: 0;
    z-index:10;
}
.select_custom select {
	padding: 5px 38px 5px 8px;
	color: #666666;
}

.link_btn{
    border:none;
    width: 90%;
    max-width:600px;
    height: 40px;
    display: block;
    font-size: 14px;
    color:#fff;
    font-weight: 700;
    background:#2bba72;
    border-radius:15px;
    margin:20px auto 0;
    text-align: center;
    
}

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

    .search_area {background:#f7f7f0; padding:30px 20px; box-sizing:border-box; }
    .search_area:before{
        content:"";
        display: block;
        width: 100%;
        height: 135px;
        background:#fff;
        position: absolute;
        left: 0;
        top: 0;
        z-index:1;        
    }

    .search_area .sort_area{ border:1px solid #2bba72; box-sizing:border-box;z-index:10;margin-top: 25px;}
    .search_area .sort_area .sort{padding:20px 0 20px 20px;}
    .search_area .sort_area .sort:before{ width: 16px; height: 16px;right: 20px;top: 20px; }


    .sort_list_wrap{ padding:0 20px 30px;}
    .sort_list{ padding:27px 0 7px;}
    .sort_list_wrap .sort_list h3{ width: 84px; font-size: 16px; margin-bottom: 20px;}
    
    .form-list{ width: calc(100% - 84px); }

    .form-list label {margin: 0 18px 20px 0; font-size:15px;cursor: pointer;}



    .sort_list .select_area{width: calc(100% - 84px);}
    .sort_list span{display:none;}
    .select_custom { overflow: hidden;display:block;width: 210px; margin-bottom: 20px;}
    .select_custom select {
        width: 100%;
        padding-right: 1em;
        cursor: pointer;
        text-indent: 0.01px;
        text-overflow: ellipsis;
        border: none;
        outline: none;
        border-radius:5px;
        background: transparent;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
    }
    .select_custom{position: relative; border-radius: 5px; background: #ffffff; }
    .select_custom:before { width:40px; height: 40px; }
    .select_custom select {padding: 10px 40px 9px 8px;}

    .link_btn{font-size: 15px;margin:16px auto 0; }
    
}
/* ==========================================================================
	list_wrap
========================================================================== */

.list_wrap {
    position: relative;
    width: 100%;
    padding:120px 60px 10px;
    box-sizing:border-box;
}
.list_wrap .count {
    display: block;
    position: absolute;
    left: 60px;
    top: 42px;
    font-size: 16px;
    font-weight: 700;
}
.list_wrap .count span{
    display: inline-block;
    visibility: bottom;
    font-size: 40px;
    color:#2bba72;
    margin-right: 8px;
}







.list_wrap .sort_btn_area {
    position: absolute;
    right: 60px;
    top:40px;
    z-index:150;
}
.list_wrap .sort_btn_area p {
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    right: 150px;
    top: 16px;
    text-align:right;
    width: 110px;
}
.sort_btn_area .sort_btn {
    position: relative;
    display: block;
    width:120px;
    border-radius:20px;
    background:#3bbf7e;
    color:#fff;
}
.sort_btn_area .sort_btn .sort{
    position: relative;
    padding:13px 0 13px 17px;
    color:#fff;
    font-size: 14px;
    font-weight:700;    
}
.sort_btn_area .sort_btn .sort:before{
    content:"";
    display: block;
    width: 10px;
    height: 10px;
    background:url(../image/common/sort_btn_icon.png);
    background-size:cover;
    position: absolute;
    top: 15px;
    right:20px;
    
}
.sort_btn div {
    display:none;
    width: 120px;
}
.sort_btn a {
    display: block;
    padding:10px;
    color:#fff;
    border-top:1px solid #fff;
    font-size: 14px;
    font-weight:700;
    box-sizing:border-box;
}
.sort_btn a:hover{
    background:#fff;
    color:#3bbf7e;
}

.list_wrap ul {
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
    flex-direction: row;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
}
.list_wrap ul p{
    font-size: 16px;
    font-weight: 700;
}
.list_wrap ul li {
    width: 31.13%;
    margin-right: 3.3%;
    margin-bottom: 30px;
}

.list_wrap ul li:nth-child(3n){
    margin-right: 0;
}

.list_wrap ul li a{
    display:block;
    position: relative;
    color:#353b39;
    background-size:cover;
}
.list_wrap ul li a:hover{
    color:#2aba72;
    opacity:.7;
}

.list_wrap ul li a:before{
    content:"";
    display: block;
    width: 100px;
    height: 44px;
    position: absolute;
    right: 0;
    top: -10px;
    z-index:15;
    background-size:cover;
}


.list_wrap li a.business:before{background-image:url(../image/common/business_icon.png);}
.list_wrap li a.contracted:before{background-image:url(../image/common/contracted_icon.png);}
.list_wrap li a.entry:before{background-image:url(../image/common/entry_icon.png);}



.list_wrap ul li a.new:after{
    content:"";
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    left: -10px;
    top: -10px;
    z-index:15;
    background:url(../image/common/new_icon.png);
    background-size:cover;
}



.list_wrap ul li a .img_area {
    position:relative;
    z-index:10;
    background-size:cover;
    background-position:center center;
    border-radius:30px;
}

.list_wrap ul li .img_area:before{
    content:"";
    display: block;
    padding-top:67.9611%;
}
.list_wrap ul li .img_area {
    position:relative;
    z-index:10;
    background-size:cover;
    background-position:center center;
    border-radius:30px;
}

.list_wrap ul li a .img_area:before{
    content:"";
    display: block;
    padding-top:67.9611%;
}



.list_wrap ul li a.contracted .img_area:after{
    content:"";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index:5;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,.3);
    border-radius:30px;
}


.list_wrap ul li a .img_area span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 150px;
    height: 40px;
    background:#f7f7f0;
    left: 0;
    bottom:-1px;
    border-radius:0 15px 0 0;
    font-size: 14px;
    font-weight: 700;
    z-index:10;
}


.list_wrap ul li h3 {
    font-size: 16px;
    font-weight: 700;
    margin:18px 0 15px;
}

.list_wrap ul li h4 {
    position: relative;
    font-size: 22px;
    font-weight: bold;
    color:#2aba72;
}
.list_wrap ul li h4.en:after{
    content:"万円";
    display:inline-block;
    font-size: 14px;
    font-weight: 700;
    color:#2aba72;
    margin-left:7px;
}
.list_wrap ul li h4.en,
.list_wrap ul li h4.en2{
     
    font-size: 24px;   
}
.list_wrap ul li h4.en2{
    font-family: 'Righteous', cursive;    
}
.list_wrap ul li h4.en2:after {
    content:"円";
    display:inline-block;
    font-size: 14px;
    font-weight: 700;
    color:#2aba72;
    margin-left:7px;
}

.list_wrap ol{margin-top: 20px;}
.list_wrap ol li{
    padding:10px;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    box-sizing:border-box;
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    border-top:1px solid #e0e0c0;
}

.list_wrap ol li h5 {
    width: 55px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}
.list_wrap ol li.area h5{
    width: 88px;
}

.list_wrap ol li p {
    width: calc(100% - 55px);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

.list_wrap ol li.area p{
    width: calc(100% - 88px);
    
}



.pager_link{
	margin-top:20px;
	position:relative;
    width: 100%;
    margin:0 auto;
    text-align: center;
	}


.pager_link a,
.pager_link span{
	display:inline-block;
	width:50px;
	height:50px;
	box-sizing:border-box;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#2aba72;
	padding-top:17px;
	background:#Fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	margin:0 5px;
	}


.pager_link a:hover,
.pager_link span.current{
	color:#fff;
	background:#2aba72;
	}
.pager_link a:first-child,
.pager_link span:first-child{
	margin-left:0;
	}
.pager_link p{
	display:inline-block;
	font-size:14px;
	margin-left:10px;
	}


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

    .list_wrap { padding:90px 20px 45px;}
    .list_wrap .count {left: 20px; top: 10px;font-size: 14px; }
    .list_wrap .count span{ font-size: 35px;}

    .list_wrap .sort_btn_area { right: 20px; top:0;}
    .list_wrap .sort_btn_area p {font-size: 14px; right: 150px;top: 14px;width: 110px; }
   
    .list_wrap ul li {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 25px;
        background:#fff;
        border-radius:15px;
    }
    .list_wrap ul li a.new:after{width: 65px;  height: 65px;}
    .list_wrap ul li .img_area {border-radius:15px;}
    .list_wrap ul li a .img_area span {width: 140px;height: 35px; border-radius:0 8px 0 0; font-size: 13px;background:#fff; }

    .list_wrap ul li h3 {  font-size: 16px; margin:18px 0 15px;padding:0 20px;box-sizing:border-box;}
    
    .list_wrap ul li h4 {font-size: 22px;padding-left: 20px;}
    .list_wrap ul li h4.en, 
    .list_wrap ul li h4.en2{font-size: 30px;padding-left: 20px;}
    .list_wrap ul li h4:after{font-size: 16px; }

    .list_wrap ol{margin-top: 22px;}
    .list_wrap ol li{ padding:15px 20px;margin-bottom: 0;border-radius:0;}
    .list_wrap ol li:last-child{border-radius:0 0 15px 15px;}
    .pager_link{margin-top:20px;}
}




/* ==========================================================================
	back
========================================================================== */

.back {
    position: relative;
    height: 80px;
    border-radius:30px 0 0 0;
    padding:30px 0 0 70px;
    box-sizing:border-box;

}
.back a {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding-left: 30px;
    color:#353b39;
}

.back a:hover{color:#2aba72;}
.back a:before{
    content:"";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: -1px;
    background:url(../image/common/back_icon.png);
    background-size:cover;
    transition:all .3s;
}

.back a:hover:before{
    transform: translate(-3px,0);
}
@media screen and ( max-width:800px) {

    .back {height: 45px;border-radius:0; padding:15px 0 0 20px; background:#2bba72;}
    
    .back a {font-size: 13px; padding-left: 25px;color:#fff;}

    .back a:hover{color:#fff;}
    .back a:before{
        width: 15px;
        height: 15px;
        top: -1px;
    }

}
/* ==========================================================================
	title
========================================================================== */
.title {
    position: relative;
    background:#fff;
    padding:20px 40px 0;
    box-sizing:border-box;
    border-left:20px solid #2bba72;
}
.title a {
    display: inline-block;
    padding:8px 15px;
    background:#2aba72;
    color:#fff;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
    margin:0 20px 20px 0;
    border-radius:15px;
    border:2px solid #2aba72;
    box-sizing:border-box;
}
.title a:hover{color:#2aba72;background:#fff;}
.title h2 {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    color:#2aba72;
    vertical-align: middle;
    margin-bottom:20px;
    
}



@media screen and ( max-width:800px) {
    .title {position: relative;  background:#fff; padding:20px 20px 0;border-left:none; }
    
    .title a {
        display: inline-block;
        padding:8px 15px;
        background:#2aba72;
        color:#fff;
        font-size: 13px;
        font-weight: 700;
        vertical-align: middle;
        margin:0 20px 10px 0;
        border-radius:8px;
        border:2px solid #2aba72;
    }
    .title h2 {
        display: block;
        font-size: 21px;
        line-height: 28px;
        margin-bottom:20px;

    }
}

/* ==========================================================================
	buy_page_wrap
========================================================================== */

.buy_page_wrap {
    position: relative;
    padding:30px 60px 80px;
}
.buy_page_wrap.g_bg{
    padding-bottom:30px;
}

.buy_page_wrap:before{
    content:"";
    display: block;
    width: 100%;
    height: 20vw;
    background:#f7f7f0;
    position: absolute;
    left: 0;
    top: 0;
    z-index:1;
}
@media screen and ( max-width:1200px) {
    .buy_page_wrap{padding:30px 5vw 80px;}  
    .buy_page_wrap:before{height: 350px;}
}
@media screen and ( max-width:800px) {
    .buy_page_wrap {padding:0px;}
    .buy_page_wrap:before{display:none;}    
    .buy_page_wrap.g_bg{ padding-bottom:0px; }

}


/* ==========================================================================
    .slick_wrap
========================================================================== */
.slick_wrap {
    position: relative;
    z-index:10;
    background:#fff;
    border-radius:15px;
    padding-top: 20px;
}

.slick_wrap:before{
    content:"";
    display: block;
    width: 120px;
    height: 70px;
    position: absolute;
    right: 0;
    top:-10px;
    z-index:50;
    background-size:cover;
}


.slick_wrap.contracted:before{background-image:url(../image/common/contracted_b_icon.png);}
.slick_wrap.business:before{background-image:url(../image/common/business_b_icon.png);}


.buy_page_wrap #slick {width: 100%;}
#slick .slick-slide{margin: 0 10px; }

.buy_page_wrap .slick-dots{display:none !Important;}


#slick .slick-prev,
#slick .slick-next{
    position: absolute;
    top: 50%;
    width: 70px;
    height:70px;
    padding: 0;
    z-index:50;
}


#slick .slick-prev,
#slick .slick-next{
    position: absolute;
    top: 50%;
    width: 70px;
    height:70px;
    padding: 0;
    z-index:50;
}
#slick .slick-prev{left:calc(15% - 25px);background:url(../image/common/prev_btn02.png);background-size:cover;}
#slick .slick-prev:before{ display:none;}

#slick .slick-next{ right:calc(15% - 25px); background:url(../image/common/next_btn02.png);background-size:cover;}
#slick .slick-next:before{ display:none;}


.slick-counter {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center; 
    width: 100px;
    height: 40px;
    background:#fff;
    border-radius:20px;
    font-size: 16px;
    color:#2bba72;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -20px;
    z-index:100;
}

@media screen and ( max-width:800px) {
    .slick_wrap {border-radius:0px;padding-top: 10px; }
    .slick_wrap:before{ width: 82px;height: 48px;right: 20px;}
    #slick .slick-prev,
    #slick .slick-next{width: 35px; height:35px; }
    #slick .slick-prev{left:calc(20px - 5px);}
    #slick .slick-next{ right:calc(20px - 5px);}
    .slick-counter { width: 70px;height: 30px;border-radius:5px;font-size: 15px; bottom: -13px; }

}

/* ==========================================================================
    .page-con
========================================================================== */

.page-con {
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 80px;
}

/*--- l_con ---*/
.page-con .l_con {
    width: 320px;
}
.l_con .staff {
    position: relative;
    width: 260px;
    margin:0 auto 40px;
}
.l_con .staff p {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border: 4px solid #2bba72;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 35px 37px 60px;
    margin-bottom: 200px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    color:#2bba72;
}

.l_con .staff p:before{
    content:"";
    display: block;
    width: 27px;
    height: 32px;
    position: absolute;
    right: 67px;
    bottom:-32px;
    z-index:10;
    background:url(../image/common/staff_bubble_icon.png);
    background-size:cover;
}
.l_con .staff img {
    position: absolute;
    left: 0;
    width: 214px;
    bottom:52px;
    z-index:10;
}
.l_con .staff h3 {
    padding:18px 18px 18px 30px;
    color:#fff;
    font-size:16px;
    font-weight: 700;
    box-shadow:0px 5px 15px 3px #ebebeb;
    background:#2bba72;
    border-radius:8px;
}
.l-info_area {
    width: 100%;
    position: relative;
    border-radius:15px;
    background:#f7f7f0;
    border:10px solid #f7f7f0;
    box-sizing:border-box;
    margin:0 auto 40px;
}
.l-info_area div {
    background:#fff;
    padding:16px 0 25px;
    box-sizing:border-box;
    margin-bottom: 10px;
}
.l-info_area h4 {
    position: relative;
    font-size: 18px;
    height: 50px;
    padding:16px 0 0 65px;
    box-sizing:border-box;
    text-align:left;
    font-weight: 700;
}

.l-info_area h4:before{
    content:"";
    display: block;
    width: 45px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    background-size:cover;
}

.l-info_area .madori{text-align: center;}
.l-info_area .madori h4:before{background-image:url(../image/common/l-info_area_madori_icon.png);}
.l-info_area .madori img {width: 85%;}

.l-info_area .infomation h4:before{background-image:url(../image/common/l-info_area_info_icon.png);}

.l-info_area .infomation ul {width: calc(100% - 40px);margin:0 auto;}
.l-info_area .infomation ul li{    
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    border-bottom:1px solid #e0e0c0;
    padding:14px 5px;
    box-sizing:border-box;
}
.l-info_area .infomation ul li:last-child{border:none;padding-bottom: 0;}
.l-info_area .infomation ul li h5 {
    width: 80px;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
}
.l-info_area .infomation p {
    font-size: 14px;
    line-height: 22px;
    width: calc(100% - 80px);
}



.l-info_area .shop{text-align: center;}
.l-info_area .shop h4:before{background-image:url(../image/common/l-info_area_shop_icon.png);}

.l-info_area .shop img {width: calc(100% - 40px);margin:20px auto 16px;border-radius:5px;}
.l-info_area .shop p {font-size: 14px; line-height: 22px;text-align:left;padding:0 20px;box-sizing:border-box;}

.l_con .material_link{
    position: relative;
    display: block;
    width: 100%;
    padding:20px 30px;
    box-sizing:border-box;
    background:#2bba72;
    border-radius:15px;
    font-size: 16px;
    font-weight: 700;
    color:#fff;
    box-shadow:0px 5px 15px 3px #ebebeb;
}

.l_con .material_link:hover{box-shadow:none;transform: translate(0px,5px);}

.l_con .material_link:before{
    content:"";
    display: block;
    width: 15px;
    height: 16px;
    background:url(../image/common/material_link_icon.png);
    background-size:cover;
    position: absolute;
    right: 25px;
    top: 20px;
}
/*--- r_con ---*/
.page-con .r_con {
    width: calc(100% - 320px - 4vw);
}

.buy_page_wrap .movie_area {
  position:relative;
  width:100%;
  padding-top: 56.25%; 
  /*
    padding-top:71.47%;
    */
    margin-bottom: 50px;
    z-index:10;
}

.buy_page_wrap .movie_area iframe {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
    border-radius:5px;
}

.r_con .write_area h3{
    font-size: 22px;
    font-weight: 700;
    color:#2bba72;
    line-height: 1.5;
    margin-bottom: 25px;
}
.r_con .write_area p{
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px;
}
    
.r_con .write_area a,
.r_con .write_area p a{
    color:#2bba72;
    font-weight: 700;
    text-decoration:underline;
    word-break: break-all;
}

.r_con .write_area img{
    max-width:100%;
    height:auto;
}
.r_con .write_area .point{
    margin:30px 0;
}
.r_con .write_area .point p {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 11px;
}
.r_con .write_area .point li {
    position: relative;
    color:#2bba72;
    font-size: 14px;
    font-weight: 700;
    padding-left: 30px;
}
.r_con .write_area .point li:before{
    content:"";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 4px;
    background:url(../image/common/point_icon.png);
    background-size:cover;
}
.r_con .write_area .point li p {
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 0;
}


.r_con .write_area blockquote {
    padding:28px;
    box-sizing:border-box;
    background:#e7faf1;
    border-radius:15px;
    font-size: 14px;
    line-height: 26px;
    margin:30px 0;
}
.r_con .write_area blockquote p{margin-bottom: 0;}


.r_con .write_area {margin-bottom: 60px;}



.r_con .table_wrap {
	width:100%;
    margin-top: 30px;
    /*
	overflow-x:scroll;
	*/
    padding-bottom:10px;
    margin-bottom: 60px;
}

.r_con .table_wrap table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 5px;
  overflow: hidden;
    border:3px solid #2bba72;
    width: 100%;
}

.r_con .table_wrap th,
.r_con .table_wrap td{
    padding:17px 20px;
    vertical-align:middle;
    font-size: 14px;
    line-height: 16px;
    border-bottom:3px solid #2bba72;
}

.r_con .table_wrap tr:last-child th,
.r_con .table_wrap tr:last-child td {
    border-bottom:none;
}

.r_con .table_wrap th {
    width: 18%;
    box-sizing:border-box;
    background:#e7faf1;
    font-weight: 700;
    color:#2bba72;   
}

.r_con .table_wrap tr th:nth-child(3){
    border-left:3px solid #2bba72;    
}

.r_con .table_wrap td {
    width: 32%;
    border-left:3px solid #2bba72;
}


.r_con .access_area{
    position: relative;
    margin:60px 0;
}
.r_con .map_area{
    position: relative;
    height: 0;
    width: 100%;
    border-radius:15px;
    padding-top:55.88%;
    margin-top: 30px;

}
.r_con .map_area iframe,.r_con .map_area object,.r_con .map_area embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius:15px;
}


.r_con .contact_link {
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
    margin:30px 0 20px;
}

.r_con .contact_link a{text-decoration:none;}
.r_con .contact_link .tell {
width: 48.5%;
    text-align: center;
    height: 110px;
    padding-top:30px;
    background:#f7f7f0;
    border-radius:15px;
    box-sizing:border-box;
}

    
.r_con .contact_link .tell a {
    font-size: 29px;
    display: inline-block;
    vertical-align: middle;
    color:#353b39;
    letter-spacing: -0.03em;
}


.r_con .contact_link .tell p {
    font-size: 12px;
    color: #353b39;
}

.r_con .contact_link .tell h3 {
    margin-bottom: 6px;
}

.r_con .contact_link .tell span {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    margin-right: 6px;
}
.r_con .contact_link .link {
    width: 48.5%;
}

.r_con .contact_link .link a {
    display: block;
    padding:16px 10px;
    text-align: center;
    box-sizing:border-box;
    border-radius:15px;
    background:#353b39;
    font-size: 15px;
    font-weight: 700;
    color:#fff;
    vertical-align: middle;
}
.r_con .contact_link .link a:hover{
    opacity: .7;
}
.r_con .contact_link .link a:last-child{
    background:#00b900;
    margin-top: 10px;
}

.r_con .contact_link .link a span{
    position: relative;
    display:inline-block;
    padding-left:27px;
}
.r_con .contact_link .link a:last-child span{
    padding-left: 34px;
}
.r_con .contact_link .link a span:before{
    content:"";
    display: block;
    width: 16px;
    height: 13px;
    background:url(../image/common/mail_icon.png);
    background-size:cover;
    position: absolute;
    left: 0;
    top: 0;
}

.r_con .contact_link .link a:last-child span:before{
     width: 30px;   
    height: 30px;
    top:-8px;
    background-image:url(../image/common/line_icon.png);
}

#form_area{
    position: relative;
    z-index:50;
}


#form_area .c_txt{
     font-size: 16px;
    margin-top:40px;
}
.r_con #form{
    width:100%;
    background:#f7f7f0;
    border-radius:15px;
    padding:40px 40px 60px;
    box-sizing:border-box;
}
#form.conf{
    background: #fff;
    border-radius: 15px;
    padding: 40px 40px 60px;
    box-sizing: border-box;
    margin-top: 50px;
    
}

.conf .s_tit:before{background:#fff;}
.form li{
	box-sizing:border-box;
	position:relative;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	padding: 12px 0;
}
.mb{margin-bottom:65px;}


.form .text_area,
.form .form_area {
	box-sizing:border-box;
}

.form .text_area {
    position: relative;
    width: 230px;
	vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    box-sizing:border-box;
    padding-top: 10px;
}

.conf .form .text_area{ margin-top: 10px;}
.form .text_area p{
    font-size: 16px;
    margin-top: 10px;
}
textarea.form-item{    
    min-height:260px;
    padding:20px 25px;
}
.form .text_area label{

    font-weight: bold;    
    color: #2bba72;
    
}
.form .text_area span   {
    width: 50px;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    border-radius: 10px;
    background: #f6850d;
    font-size: 12px;
    color: #fff;
    box-sizing: border-box;
    padding-top: 8px;
    font-weight: bold;
    margin-left: 20px;
}

.form .form_area {
    font-size: 16px;
	width:calc(100% - 230px);
}
input::placeholder,
textarea::placeholder {
  color: #bcbcbc;
}

/* IE */
input:-ms-input-placeholder,textarea:-ms-textarea-placeholder {
  color: #bcbcbc;
}

/* Edge */
input::-ms-input-placeholder,
textarea::-ms-textarea-placeholder {
  color: #bcbcbc;
}



.form-item {
	width: 100%;
	height: 40px;
    padding: 12px 15px 10px;
	background:#fff;
    border-radius:15px;
	font-size: 15px;
	box-sizing: border-box;
    border:none;
}
.conf .form-item{background:#f7f7f0;}

.form-list label {
	position: relative;
	cursor: pointer;
	font-size:16px;
}

.form-list input {
	opacity: 0;
	position: absolute;
	left: 0;
	z-index: 0;
}

.form-list label:before,
.form-list label:after {
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box;
}
/*
.form-list label:before {
	width: 40px;
	height: 40px;
	top: -11px;
	left: 0;
	z-index: 0;
    background:#fff;
}
_:-ms-fullscreen, :root .form-list label:before {
	top: -8px;
}
*/
@supports (-ms-accelerator: true) and (not (color: unset)) {
  
.form-list label:before {
	top: -6px;
}
}
@supports (-ms-ime-align: auto) {
 .form-list label:before {
	top: -6px;
}
}



#form .form-submit{
    display: block;
    font-weight:700;
    color:#fff;
    font-size: 16px;
    background:url(../image/common/submit_bg.png);
    background-size:cover;
    width: 320px;
    height: 60px;
    border:none;
    margin:30px auto 0;
    box-shadow:0px 5px 15px 3px #d5d5d5;
    border-radius: 30px;
}
#form .form-cancel{
    display: block;
    font-weight:700;
    color:#fff;
    font-size: 16px;
    background:url(../image/common/b_submit_bg.png);
    background-size:cover;
    width: 320px;
    height: 60px;
    border:none;
    margin:0 auto;
    box-shadow:0px 5px 15px 3px #d5d5d5;
    border-radius: 30px;
}
.form.conf .form_area,
.form.conf .text_area {
    padding-top: 16px;
}



#form .form-foot{
    width:100%;
    max-width:760px;
    margin:50px auto 0;
    	-js-display: flex;
    	display:-webkit-box;
    	display: -webkit-flex;
    	display:-moz-box;
    	display:-ms-flexbox;
    	display: flex;
    	-webkit-justify-content: space-between;
        justify-content: space-between;
    	-webkit-flex-wrap: wrap;
    		-ms-flex-wrap: wrap;
    			flex-wrap: wrap;
}
#form .form-foot li{width: 360px;}


.g-recaptcha{margin:40px auto 50px;width: 304px;}


.thanks_tit {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px;
    color:#2bba72;
}
.thanks_txt{
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}
.back_btn{

    display: flex;
    align-items: center;
    justify-content: center; 
    width: 340px;
    height: 60px;
    background:#2bba72;
    color:#fff;
    font-size: 16px;
    font-weight: 700;
    border-radius:30px;
    margin:40px auto 0;
    border:2px solid #2bba72;
    box-sizing:border-box;
}
.back_btn:hover{
    background:#fff;
    color:#2bba72;
    
}

@media screen and (min-width:1201px) and ( max-width:1500px) {
    .page-con .l_con {width: 30%;}
    .page-con .r_con {width: 65%;}
}


@media screen and ( max-width:1100px) {
    .page-con .l_con {width: 34%;}
    .page-con .r_con {width: 62%;}
}

@media screen and (min-width:1201px) and ( max-width:1350px) {
    .form .text_area{width: 200px;}   
    .form .form_area { width: calc(100% - 200px);}
    .r_con .table_wrap { overflow-x: scroll;}
    .r_con .table_wrap table{min-width:600px;}
    
}


@media screen and (min-width:901px) and ( max-width:1050px) {
    .r_con .table_wrap { overflow-x: scroll;}
    .r_con .table_wrap table{min-width:600px;}
}
@media screen and ( max-width:910px) {
    #form .form-foot{width: 360px;}
    #form .form-foot li:first-child{margin-bottom: 20px;}
}

@media screen and ( max-width:900px) {
    .page-con .l_con,
    .page-con .r_con {width: 100%;}
    .page-con .l_con{margin-bottom: 60px;}
    
}


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

    .page-con {margin-top: 40px;}

    /*--- l_con ---*/
    
    .l_con{
        background:#f7f7f0;
        padding-bottom:30px;
    }
    .l_con .staff {
        width: 100%;
        padding:0 20px 30px;
        box-sizing:border-box;
        margin:0 auto 30px;
        background:#fff;
    }
    .l_con .staff p {
        margin-left:160px;
        width: calc(100% - 160px);
        border: 2px solid #2bba72;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        padding: 20px;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 25px;
        min-height:166px
    }

    .l_con .staff p:before{
        width: 14px;
        height: 14px;
        position: absolute;
        left:-13px;
        right:auto;
        bottom:0;
        top: 0;        
        margin:auto;
        background-image:url(../image/common/staff_bubble_icon_sp.png);
    }
    .l_con .staff img {width: 120px;bottom:72px;left: 20px;}
    .l_con .staff h3 {
        display:inline-block;
        padding:14px 8px 14px 8px;
        font-size:14px;
        border-radius:4px;
    }
    .l-info_area {
        border-radius:0px;
        background:#f7f7f0;
        border:20px solid #f7f7f0;
        border-bottom: 12px solid #f7f7f0;
        margin:0 auto 0;
    }
    .l-info_area div {
        background:#fff;
        padding:16px 0 25px;
        box-sizing:border-box;
        margin-bottom: 10px;
    }
    .l-info_area h4 {
        position: relative;
        font-size: 18px;
        height: 50px;
        padding:16px 0 0 65px;
        box-sizing:border-box;
        text-align:left;
        font-weight: 700;
    }

    .l-info_area h4:before{
        content:"";
        display: block;
        width: 45px;
        height: 50px;
        position: absolute;
        left: 0;
        top: 0;
        background-size:cover;
    }

    .l-info_area .madori{text-align: center;}
    .l-info_area .madori h4:before{background-image:url(../image/common/l-info_area_madori_icon.png);}
    .l-info_area .madori img {width: 85%;}

    .l-info_area .infomation h4:before{background-image:url(../image/common/l-info_area_info_icon.png);}

    .l-info_area .infomation ul {width: calc(100% - 30px);margin:0 auto;}
    .l-info_area .infomation ul li{
        border-bottom:1px solid #e0e0c0;
        padding:14px 5px;
        box-sizing:border-box;
    }
    .l-info_area .infomation ul li:last-child{border:none;padding-bottom: 0;}
    .l-info_area .infomation ul li h5 {width: 80px;  font-size: 15px;}
    .l-info_area .infomation p {font-size: 15px;}

    .l-info_area .shop{text-align: center;}
    .l-info_area .shop h4:before{background-image:url(../image/common/l-info_area_shop_icon.png);}

    .l-info_area .shop img {width: calc(100% - 30px);margin:20px auto 16px;border-radius:5px;}
    .l-info_area .shop p {font-size: 15px; line-height: 22px;text-align:left;padding:0 22px;}
    
    .l_con .material_link{width: calc(100% - 40px);margin:0 auto;}
    

    /*--- r_con ---*/
    .page-con .r_con {width: 100%;}

    .buy_page_wrap .movie_area {width:calc(100% - 40px);margin:0 auto 35px;}

    .r_con .write_area{width:calc(100% - 40px); margin:0 auto;}
    
    .r_con .write_area h3{ font-size: 21px;margin-bottom: 20px;}
    .r_con .write_area p{line-height: 25px;}


    .r_con .write_area .point p {font-size: 17px;  }
    .r_con .write_area .point li {font-size: 15px;}
    .r_con .write_area .point li p {  font-size: 15px;}


    .r_con .write_area blockquote {padding:20px 20px 15px; border-radius:8px;font-size: 14px;line-height: 25px;margin:27px 0;}
    .r_con .write_area blockquote p{margin-bottom: 0;}


    .r_con .write_area {margin-bottom: 3px;}


    .r_con .detail_area .tit,
    .r_con .detail_area .s_tit{
        
    margin-left: 20px;
}
    
    .r_con .table_wrap {
        width:100%;
        margin-top: 30px;
        overflow-x:scroll;
        padding:0 0 10px 20px;
        box-sizing: border-box;
        margin-bottom: 50px;
    }

    .r_con .table_wrap table {
        width: 800px;
        border:2px solid #2bba72;
    }

    .r_con .table_wrap th,
    .r_con .table_wrap td{
        padding:17px 20px;
        font-size: 14px;
        line-height: 16px;
        border-bottom:2px solid #2bba72;
    }

    .r_con .table_wrap tr:last-child th,
    .r_con .table_wrap tr:last-child td {
        border-bottom:none;
    }

    .r_con .table_wrap tr th:nth-child(3){border-left:2px solid #2bba72;}
    .r_con .table_wrap td {border-left:2px solid #2bba72;  }


    .r_con .access_area{width:calc(100% - 40px);margin:50px auto;}
    
    .r_con .map_area{ border-radius:8px; margin-top: 20px;}
    .r_con .map_area iframe,.r_con .map_area object,.r_con .map_area embed { border-radius:8px;}

    
    

    .r_con .form_area .tit,
    .r_con .form_area .s_tit{margin-left:20px;}
    .r_con .contact_link {width: calc(100% - 40px);margin:20px auto 40px;}

    .r_con .contact_link a{text-decoration:none;}
    .r_con .contact_link .tell {width: 100%;height: 105px;border-radius:8px;margin-bottom: 10px;margin-top: 20px;}


    .r_con .contact_link .tell a { font-size: 28px;}

    .r_con .contact_link .tell h3 {margin-bottom: 8px; }

    .r_con .contact_link .link {width: 100%;}

    .r_con .contact_link .link a { padding:20px 10px;border-radius:8px; font-size: 14px;font-weight: 700; }
    .r_con .contact_link .link a span{font-weight: 700;    }
    .r_con #form{background:#f7f7f0;border-radius:0;padding:27px 20px 50px; }
    .form li{padding: 12px 0;}



    .form .text_area { width: 100%;font-size: 18px; padding-top: 0;    }
    .form .text_area p{font-size: 18px;margin-top: 10px;}
    textarea.form-item{min-height:300px;padding:15px; }
    
    .form .text_area span   {
        width: 48px;
        height: 25px;
        border-radius: 12.5px;
        font-size: 12px;
        margin-left: 20px;
        padding-top: 6px;
    }

    .form .form_area {font-size: 15px; width:100%;margin-top: 15px;}


    .conf #form_area{padding:30px 20px;box-sizing:border-box;}

    .form-item {
        max-width:800px;
        height: 63px;
        padding:  15px;
        background:#fff;
        border-radius:0 0 8px 8px;
        font-size: 15px;
        font-weight: bold;
        box-sizing: border-box;
        border:none;
        border-top:3px solid #2bba72;
    }
    
    .conf .s_tit:before{background:#f7f6f1;}
    #form.conf {
        border-radius: 0;
        padding: 20px 0;
        box-sizing: border-box;
        margin-top: 0;
    }

    .form.conf .form_area, .form.conf .text_area {padding-top: 0px;}
    .conf .form li{padding: 6px 0;}
    .conf .form-item{padding-top: 22px;}
    #form .form-foot{margin:30px auto 15px;}
    
    

    .thanks_tit {
        font-size: 25px;
        margin-bottom: 30px;
        margin-top: 15px;
    }
    .thanks_txt{
        font-size: 15px;
        line-height: 24px;
    }
    .back_btn{
        width: 340px;
        height: 50px;
        font-size: 15px;
        border-radius:25px;
    }
}
/* ==========================================================================
    relation_slide
========================================================================== */
.relation{
    padding:60px 0 60px 60px;
    
}
.relation_slide{margin-top: 35px;}
.relation_slide li {
    position: relative;
}

.relation_slide .slick-list{padding-right:10%;}
.relation_slide li{margin-right: 30px;}


.relation_slide li a{
    position: relative;
    display: block;
    padding-top:10px;
}
.relation_slide li .w_bg{
    position: relative;
    display: block;
    background:#fff;
    border-radius:30px;
    padding:/*20px*/1.33vw;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
    color:#353b39;
}

.relation_slide li a:before{
    content:"";
    display: block;
    width: 100px;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    z-index:15;
    background-size:cover;
}

.relation_slide li a.business:before{background-image:url(../image/common/business_icon.png);}
.relation_slide li a.contracted:before{background-image:url(../image/common/contracted_icon.png);}
.relation_slide li a.entry:before{background-image:url(../image/common/entry_icon.png);}



.relation_slide li a .img_area{
    position: relative;
    width: 46.31%;
    border-radius:15px;
    background-size:cover;
    background-position:center center;
    }
.relation_slide li a .img_area:before{
    content:"";
    display: block;
    padding-top:67.27%;
}


.relation_slide li a .img_area span{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 140px;
    height: 30px;
    background: #fff;
    right: 0;
    bottom: -1px;
    border-radius: 15px 0 0 0;
    font-size: 12px;
    color:#353b39;
    font-weight: 700;
    z-index: 10;
}


.relation_slide li a .text_area{
    width: 48.47%;
    padding-top:1.33vw;
    
    
}


.relation_slide li a .text_area h3{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
.relation_slide li a .text_area p{
    font-size: 14px;
    line-height: 22px;
}

.relation_slide li a .text_area h4{
    position: relative;
    font-weight: 700;
    font-size: 20px;
    color:#2aba72;
    text-align:right;
    padding-right:36px;
}

.relation_slide li a .text_area h4.en{
     font-size: 26px;
    
}
.relation_slide li a .text_area h4.en:after{
    content: "万円";
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    color: #2aba72;
    margin-left: 7px;
}



.relation_slide li a .text_area h4.en2{
    font-family: 'Righteous', cursive;   
     font-size: 26px;    
}
.relation_slide li a .text_area h4.en2:after{
    content: "円";
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    color: #2aba72;
    margin-left: 7px;
}



.relation_slide li a .comment_area {
    width: 100%;
    margin-top: 20px;
    position: relative;
    padding-left:145px;
    min-height:90px;
}
.comment_area p {
    position: relative;
    display: block;
    width:calc(100% - 145px);
    border-radius:15px;
    background:#fff;
    border:3px solid #2bba72;
    box-sizing:border-box;
    padding:20px;
    font-size: 14px;
    line-height: 24px;
}
.comment_area p:before{
    content:"";
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    left: -16px;
    top:0;
    bottom:0;
    margin:auto;
    background:url(../image/common/relation_comment_ar.png);
    background-size:cover;
}

.relation_slide li a .comment_area:before{
    content:"";
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    left: 10px;
    top:0px;
    border-radius:45px;
    background-size:cover;
    z-index:50;
    box-sizing:border-box;
}


.relation_slide li .takuma .comment_area:before{background-image:url(../image/common/magazine_takuma.jpg);}
.relation_slide li .nakamura .comment_area:before{background-image:url(../image/common/magazine_nakamura.jpg);}
.relation_slide li .shirai .comment_area:before{background-image:url(../image/common/magazine_shirai.jpg);}
.relation_slide li .mura .comment_area:before{background-image:url(../image/common/magazine_mura.jpg);}
.relation_slide li .shimoda .comment_area:before{background-image:url(../image/common/magazine_shimoda.jpg);}
/*
.relation_slide li .karai .comment_area:before{background-image:url(../image/common/magazine_karai.jpg);}
*/
.relation_slide li .yokota .comment_area:before{background-image:url(../image/common/magazine_yokota.jpg);}
.relation_slide li .kawakami .comment_area:before{background-image:url(../image/common/magazine_kawakami.jpg);}
.relation_slide li .hayashida .comment_area:before{background-image:url(../image/common/magazine_hayashida.jpg);}
.relation_slide li .higashi .comment_area:before{background-image:url(../image/common/magazine_higashi.jpg);}
.relation_slide li .wada .comment_area:before{background-image:url(../image/common/magazine_wada.jpg);}
.relation_slide li .takenaga .comment_area:before{background-image:url(../image/common/magazine_takenaga.jpg);}
.relation_slide li .tajiri .comment_area:after{background-image:url(../image/common/magazine_tajiri.jpg);}
.relation_slide li .sugishima .comment_area:after{background-image:url(../image/common/magazine_sugishita.jpg);}
.relation_slide li .kounan .comment_area:after{background-image:url(../image/common/magazine_kounan.jpg);}
.relation_slide li .mine .comment_area:after{background-image:url(../image/common/magazine_mine.jpg);}



@media screen and ( max-width:800px) {
    .relation{padding:0 20px 85px; }
    .relation_slide{margin-top: 10px;}

    .relation_slide .slick-list{padding-right:0;}
    .relation_slide li{margin-right: 0;}


    .relation_slide li .w_bg{border-radius:15px; padding:10px 10px 25px;}


    .relation_slide li a .img_area{width: 100%;border-radius:15px; }

    .relation_slide li a .img_area span{
        width: 140px;
        height: 35px;
        background: #fff;
        right: auto;
        left:0;
        bottom: -1px;
        border-radius: 0 15px 0 0;
        font-size: 13px;
    }


    .relation_slide li a .text_area{ width: 100%;padding:20px 10px 0;}


    .relation_slide li a .text_area h4{
         font-size: 18px;
        padding-right:10px;
    }
    .relation_slide li a .text_area h4.en,
    .relation_slide li a .text_area h4.en2{
         font-size: 25px;
    }
    .relation_slide li a .text_area h4.en:after,
    .relation_slide li a .text_area h4.en2:after{
        font-size: 16px;
        margin-left: 7px;
    }


    .relation_slide li a .comment_area {
        width: 100%;
        margin-top: 20px;
        position: relative;
        padding-left:90px;
        min-height:60px;
    }
    .comment_area p {
        width:calc(100% - 90px);
        border-radius:8px;
        border:2px solid #2bba72;
    }
    .comment_area p:before{
        width: 10px;
        height: 10px;
        left: -9px;
        top:15px;
        margin:0;
        background-image:url(../image/common/relation_comment_ar_sp.png);
    }

    .relation_slide li a .comment_area:before{
        width: 60px;
        height: 60px;
        left: 0px;
        border-radius:30px;
    }

}