@charset "UTF-8";







#gmap iframe {
   aspect-ratio: 16/9;
   max-width: 660px;
   width: 100%;
   height: auto;
}




 /*///////////////////////////////////////ABOUT/////////////*/
.index #about {
	border-bottom:1px solid #e5e5e5;
	margin:0 auto 120px;
}

h3.ttl {
	text-align:center;
	font-size: 28px;
	font-weight: 700;
	margin-bottom:10px;
    letter-spacing: 0.4em;
    margin-right: -0.4em;
}
span.ttl_caption {
	display:block;
	text-align:center;
	font-size: 12px;
	margin-bottom:80px;
}


@media screen and (max-width:1080px){ 
.index #about {
	margin:0 auto 60px;
}

h3.ttl {
	font-size: 24px;
	margin-bottom:10px;
}
span.ttl_caption {
	font-size: 12px;
	margin-bottom:10px;
}
}




header{
	background:url(../img/ttl_bg_menu.jpg) 
	no-repeat top center;
	background-size:auto 330px;
	height:330px;
	margin-top:60px
}




#logo-page{
	padding:75px 0 0;
	width:250px;
	margin:0 auto
}


#web-btn{
	position:fixed;
	top:33vw;
	right:0;
	z-index:99;width:30px
}

.navopen #web-btn{
	display:none
}

@media screen and (min-width:767px){
#web-btn{
		position:fixed;
		top:175px;
		right:0;
		z-index:99;
		width:48px
}

header{
	background:url(../img/ttl_bg_menu.jpg) no-repeat top 60px center;
	height:300px;
	margin-bottom:30px;
	margin-top:0
}


}





#blog{background:#FFF;position:relative;border:1px solid #aaa;margin:0 5%;padding:30px 10px 35px}
#blog h2{margin-bottom:15px;text-align:left;position:relative;overflow:hidden}
#blog h2 span{position:relative}
#blog h2 span::before{width:600px;height:1px;position:absolute;top:50%;left:120%;content:"";background:currentColor
}
#blog .row{
	border-bottom:
	1px solid #aaa
}
#blog .row dl{padding:10px 0}
#blog .row dl dt{display:block;padding:0}
#blog .row dl dd a{display:block}
#blog #feed{margin-bottom:35px}
#blog #sns-link{display:flex;justify-content:center;align-items:center}
#blog #sns-link p{margin:0 15px}
#blog .btn span{padding-right:25px
}
#blog .btn a::before{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);background:url(../img/icon_more.png);width:11px;height:11px;z-index:3
}
@media screen and (min-width:767px){
#blog{background:#FFF;position:absolute;top:-70px;right:0;margin:0;border:none;border-bottom:1px solid #999999;padding:35px 0 35px;z-index:99;width:360px;box-sizing:border-box}
#blog h2{margin:0 0 10px 60px;text-align:left;position:relative;overflow:hidden}
#blog h2 span{position:relative}
#blog h2 span::before{
	width:600px;
	height:1px;
	position:absolute;
	top:50%;left:120%;
	content:"";
	background:currentColor;
	opacity:0.7
}#blog .row{border-bottom:1px solid #aaa}
#blog .row:last-child{border:none}
#blog .row dl{padding:12px 0;display:flex;flex-direction:row;align-items:flex-start}
#blog .row dl dt{font-size:10px;width:106px;padding-left:20px;box-sizing:border-box;line-height:30px}
#blog .row dl dd{width:calc(100% - 106px)}
#blog .row dl dd a{display:block;font-size:12px;height:auto;padding:0;line-height:30px}
#blog .row dl dd a::before{display:none}
#blog .row dl dd a:hover{text-decoration:underline}
#blog #feed{padding:0 15px 0 60px;margin-bottom:15px}
#blog #sns-link{display:flex;justify-content:flex-start;align-items:center;margin-left:60px}
#blog #sns-link p{margin:0}
#blog #sns-link p.btn-ins{margin-right:75px}
#blog .btn::before{display:none}
#blog .btn span{padding-right:25px}
#blog .btn a::before{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);background:url(../img/icon_more.png);width:11px;height:11px;z-index:3}
}





.wrap{max-width:1000px;position:relative;margin:0 auto}
@media screen and (max-width:768px){
.wrap{max-width:100%;padding:0 5%}
}
.sec-ttl{font-size:20px;line-height:38px;letter-spacing:4px;font-weight:800;width:fit-content;margin:0 auto
}
@media screen and (max-width:768px){
.sec-ttl{font-size:5vw}
}

#sec1{position:relative;padding-bottom:5vw}
#sec1::before{width:1px;position:absolute;top:0;left:10%;height:100%;background:currentColor;content:""
}

#sec1::after{
	width:15px;
	height:15px;
	position:absolute;
	top:28px;
	left:10%;
	content:"";
	
}

#sec1 h2{width:13px;left:5%;position:absolute;top:0}
#sec1 h3{padding:20px 0 30px}
#sec1 .wrap{padding:0 5% 0 15%}
#sec1 .note{font-size:10px;text-align:center;padding:50px 0 30px}
#sec1 ul{display:flex;flex-wrap:wrap}
#sec1 .btn{width:125px;margin-bottom:15px}
#sec1 .btn::before{
	position:absolute;
	content:"";
	background:url(../img/arr_01.png) no-repeat;
	width:37px;
	height:9px;
	top:50%;
	margin-top:-4px;
	right:-15px
}
#sec1 .btn a{
	font-size:12px}
.title-fix #sec1 h2{
	position:fixed
}

@media screen and (min-width:767px){
#sec1{
	position: relative;
	padding-bottom: 70px;
	max-width: 1300px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}#
sec1::before{width:1px;position:absolute;top:0;left:72px;height:810px;background:currentColor;content:""}
#sec1::after{width:18px;height:18px;top:30px;left:73px}
#sec1 h2{width:1300px;left:50%;transform:translateX(-50%);position:absolute;top:0;box-sizing:border-box;padding-left:17px;text-align:left}#sec1 .wrap{padding:0}
#sec1 h3{padding:20px 0 85px}
#sec1 .txt{text-align:center;margin-left:50px}
#sec1 .wrap{padding:0 5% 0 15%}
#sec1 .note{font-size:10px;text-align:center;padding:55px 0 35px}
#sec1 ul{margin-left:90px;display:flex;flex-wrap:inherit}
#sec1 .btn{
		/*width:240px;*/
		width:440px;
		height:45px;
		margin-bottom:0;
		margin-right:60px;
		margin-left:0;
	}
#sec1 .btn::before{position:absolute;content:"";background:url(../img/arr_01.png) no-repeat;width:37px;height:9px;top:50%;margin-top:-4px;right:-15px}
#sec1 .btn a{font-size:14px;letter-spacing:0.3em}}
#sec2{
	margin-bottom: 50px;
	position: relative;
	z-index: 12;
	background: #FFF;
	padding-top: 50px
}
#sec2 .sec2-ttl{margin-bottom:110px}
#sec2 .wrap{display:flex;flex-direction:row-reverse;justify-content:space-between}
#sec2 .wrap .right{width:507px}
#sec2 .wrap .right .sec2-slider{position:relative;right:-18px}
#sec2 .wrap .right .slider-desc{width:100%;display:flex;align-items:center;justify-content:center}
#sec2 .wrap .right .slider-desc .desc-img{width:51px;margin-right:15px}
#sec2 .wrap .right .slider-desc .desc-img img{width:100%;height:auto}
#sec2 .wrap .right .slider-desc .desc{font-size:20px;line-height:38px;letter-spacing:4px}
#sec2 .wrap .left{width:450px;display:flex;flex-direction:column;justify-content:space-between}




/* プライスケイ囲み */

#sec2 .wrap .left .price{
	border:3px solid #888;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:20px 0;
	height:fit-content;
	margin-bottom:25px
}
#sec2 .wrap .left .price p{
	font-size:16px;
	line-height:30px
}
#sec2 .wrap .left .price p span{
	font-size:20px
	}
	
	/* プライスケイ囲みここまで */


.button a {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    text-decoration: none;
    display: block;
    max-width: 350px;
    background: #eee;
    margin: auto;
    padding: 10px 30px;
    font-family: "Noto Sans Japanese";
    font-weight: 500;
    text-align: center;
    line-height: 1.8;
    text-decoration: none;
    outline: none;
    transition: ease .2s;
}

.button a span {
    position: relative;
    z-index: 3;
    color:#333;
}

.button a:hover span{
    color:#fff;
}

.bgleft:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background:#333;
  width: 100%;
  height: 100%;
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

.bgleft:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
}

body{
	vertical-align: middle;
	text-align: center;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}









#sec2 .slick-dots{margin-top:-50px;position:relative}
@media screen and (max-width:767px){
#sec2{margin-bottom:20vw}
#sec2 .sec2-ttl{margin-bottom:7vw}
#sec2 .wrap{display:block}
#sec2 .wrap .right{width:100%;margin-bottom:5vw}
#sec2 .wrap .right .sec2-slider{right:unset}
#sec2 .wrap .right .slider-desc .desc-img{width:7vw}
#sec2 .wrap .right .slider-desc .desc{font-size:4vw;line-height:24px}
#sec2 .wrap .left{width:100%}#sec2 .wrap .left .sec2-content{margin-bottom:3vw}

#sec2 .wrap .left .price{padding:2.5vw}
#sec2 .wrap .left .price p{font-size:13px}
#sec2 .wrap .left .price p span{font-size:16px}
}
#sec2::before{position:absolute;content:'';background:url(../img/deco.jpg) no-repeat;width:16px;height:16px;top:10px;right:0}
@media screen and (max-width:767px){
	#sec2::before{top:2vw}
}




@media screen and (max-width:767px){
	#sec3 .wrap .kado-nav-slider .slick-list .slick-track .slick-slide:first-child{margin:0 4px!important}
}

#sec3{margin-bottom:110px;position:relative}
#sec3 .wrap{max-width:1019px}
#sec3 .wrap .sec3-ttl{margin-bottom:70px;position:relative;width:100%;text-align:center}
#sec3 .wrap .sec3-ttl::after{position:absolute;content:'';background:#000;width:1000px;height:1px;top:50%;right:60%
}
@media screen and (max-width:768px){
	#sec3 .wrap .sec3-ttl::after{right:70%}
}



#sec3 .wrap .kado-sec3-slider{margin-bottom:30px}
#sec3 .wrap .kado-sec3-slider .slick-dots{position:relative;bottom:unset;display:none!important}
#sec3 .wrap .kado-sec3-slider .slick-dots li button{background:#fff}
#sec3 .wrap .kado-sec3-slider .slick-dots li.slick-active button{background:#000}
#sec3 .wrap .kado-nav-slider{margin-bottom:70px}
#sec3 .wrap .kado-nav-slider .slick-list .slick-track{transform:translate3d(0px,0px,0px)!important}
#sec3 .wrap .kado-nav-slider .slick-list .slick-track .slick-slide{width:calc(100% / 8 - 8px)!important;margin:0 4px;cursor:pointer}
#sec3 .wrap .kado-nav-slider .slick-list .slick-track .slick-slide .slider-item{width:100%;position:relative}
#sec3 .wrap .kado-nav-slider .slick-list .slick-track .slick-slide .slider-item img{width:100%;height:auto}
#sec3 .wrap .kado-nav-slider .slick-list .slick-track .slick-slide .slider-item::before{position:absolute;content:'';background:rgba(0,0,0,0.4);top:0;left:0;width:100%;height:100%}
#sec3 .wrap .kado-nav-slider .slick-list .slick-track .slick-slide:first-child{margin-left:0}
#sec3 .wrap .kado-nav-slider .slick-list .slick-track .slick-slide:last-child{margin-right:0}
#sec3 .wrap .kado-nav-slider .slick-list .slick-track .slick-slide.slick-current .slider-item::before{background:transparent}
#sec3 .wrap .sec3-content{width:100%;margin-bottom:55px}
#sec3 .wrap .price{border:1px solid #000;display:flex;justify-content:center;align-items:center;padding:20px 0;height:fit-content;margin:0 auto;width:450px}
#sec3 .wrap .price p{font-size:16px;line-height:30px}
#sec3 .wrap .price p span{font-size:20px}
@media screen and (max-width:767px){#sec3 .wrap .price{width:100%;padding:2.5vw 0}
#sec3 .wrap .price p{font-size:13px}#sec3 .wrap .price p span{font-size:16px}}

@media screen and (max-width:767px){
#sec3 .wrap .sec3-ttl{margin-bottom:70px;position:relative;width:30%;text-align:center}	
	
	
	#sec3{margin-bottom:22vw}
#sec3 .wrap{max-width:100%}
#sec3 .wrap .sec3-ttl{margin-bottom:7vw}
#sec3 .wrap .kado-sec3-slider{margin-bottom:3vw}#sec3 .wrap .kado-nav-slider{margin-bottom:5vw}
#sec3 .wrap .kado-nav-slider .slick-list .slick-track{display:flex!important;flex-wrap:wrap}
#sec3 .wrap .kado-nav-slider .slick-list .slick-track .slick-slide{width:calc(100% / 4 - 8px)!important}
#sec3 .wrap .sec3-content{margin-bottom:5.5vw;text-align:justify}
}

#sec3::before{
	position:absolute;
	content:'';
	background:#fff;
	width:16px;
	height:16px;
	top:3px;left:35px
	}

@media screen and (max-width:767px){#sec3::before{top:0.8vw;left:5%}
}
#sec3-2{
	margin-bottom: 10px;
	position: relative
}
#sec3-2 .wrap .sec3-2-ttl{margin-bottom:65px}

#sec3-2 .wrap .sec3-2-img{width:674px;margin:0 auto;margin-bottom:75px}
#sec3-2 .wrap .sec3-2-img img{width:100%;height:auto}
#sec3-2 .wrap .sec3-2-content{width:674px;margin:0 auto;margin-bottom:55px;text-align:center}
#sec3-2 .wrap .price{border:1px solid #000;display:flex;justify-content:center;align-items:center;padding:20px 0;height:fit-content;margin:0 auto;width:450px}
#sec3-2 .wrap .price p{font-size:16px;line-height:30px}
#sec3-2 .wrap .price p span{font-size:20px
}
@media screen and (max-width:767px){
	
#sec3-2 .wrap .price{width:100%;padding:2vw 0}
#sec3-2 .wrap .price p{font-size:13px}
#sec3-2 .wrap .price p span{font-size:16px}
}
@media screen and (max-width:767px){#sec3-2{margin-bottom:22vw}#sec3-2 .wrap .sec3-2-ttl{margin-bottom:7vw}#sec3-2 .wrap .sec3-2-img{width:100%;margin-bottom:5vw}#sec3-2 .wrap .sec3-2-content{width:100%;margin-bottom:5vw;text-align:justify}#sec3-2 .wrap .sec3-2-content br{display:none}}
#sec3-2::before{position:absolute;content:'';background:#fff;width:16px;height:16px;top:50px;right:0}
@media screen and (max-width:767px){#sec3-2::before{top:3vw}}


#sec4{margin-bottom:190px}
#sec4 .border-wrap{max-width:1300px;border:1px solid #999999;margin:0 auto;padding:65px 0}
#sec4 .border-wrap .wrap .sec4-ttl{margin-bottom:90px}
#sec4 .border-wrap .wrap .box{display:flex;justify-content:space-between;margin-left:-79px;margin-right:-79px}
#sec4 .border-wrap .wrap .box .box-item{text-align:center;width:45%;box-sizing:border-box}
#sec4 .border-wrap .wrap .box .box-item .item-ttl{font-size:20px;line-height:38px;margin-bottom:50px}
#sec4 .border-wrap .wrap .box .box-item .box-img{margin-bottom:50px;width:100%}
#sec4 .border-wrap .wrap .box .box-item .box-img img{width:100%;height:auto}
#sec4 .border-wrap .wrap .box .box-item .box-content{margin-bottom:45px}
#sec4 .border-wrap .wrap .box .box-item .price{border:1px solid #000;display:flex;justify-content:center;align-items:center;padding:20px 0;height:fit-content;margin:0 auto;width:450px}
#sec4 .border-wrap .wrap .box .box-item .price p{font-size:16px;line-height:30px}
#sec4 .border-wrap .wrap .box .box-item .price p span{font-size:20px}
@media screen and (max-width:767px){
#sec4 .border-wrap .wrap .box .box-item .price{width:100%;padding:2vw 0}
#sec4 .border-wrap .wrap .box .box-item .price p{font-size:13px}
#sec4 .border-wrap .wrap .box .box-item .price p span{font-size:16px}
}
@media screen and (max-width:1181px){#sec4 .border-wrap .wrap{max-width:750px}
#sec4 .border-wrap .wrap .box .box-item .price{width:100%}
}
@media screen and (max-width:930px){
	#sec4 .border-wrap .wrap{max-width:550px}
	}
@media screen and (max-width:767px){
	#sec4{margin-bottom:9vw}
	#sec4 .border-wrap{max-width:90%;padding:6.5vw 0}
	#sec4 .border-wrap .wrap{max-width:100%}
	#sec4 .border-wrap .wrap .sec4-ttl{margin-bottom:7vw}
	#sec4 .border-wrap .wrap .box{display:block;margin:unset}
	#sec4 .border-wrap .wrap .box .box-item{width:100%}
	#sec4 .border-wrap .wrap .box .box-item .item-ttl{font-size:4.8vw;line-height:32px;margin-bottom:5vw}
	#sec4 .border-wrap .wrap .box .box-item .box-img{margin-bottom:5vw}
	#sec4 .border-wrap .wrap .box .box-item .box-content{margin-bottom:4.5vw}
	#sec4 .border-wrap .wrap .box .box-item.box-1{margin-bottom:15vw}
	}
#floor .wrap{padding-top:100px;position:relative}
#floor .wrap .sec5-ttl{text-align:center;margin:0;margin-left:220px;margin-bottom:65px}
#floor .wrap .sec5-ttl .sec5-subttl{font-size:16px;display:block}
#floor .wrap .sec5-top-img .top-img{position:absolute;z-index:10}
#floor .wrap .sec5-top-img .top-img img{width:100%;height:auto}
#floor .wrap .sec5-top-img .top-img.img-1{top:0;right:-112px;width:492px}
#floor .wrap .sec5-top-img .top-img.img-2{top:378px;right:-150px;width:398px}
#floor .wrap .sec5-content{width:50%;margin-bottom:60px}
#floor .wrap .sec5-bot-img{width:869px;position:relative;left:-166px}
@media screen and (max-width:768px){
	#floor .wrap .sec5-ttl{margin:0 auto;margin-bottom:7vw;line-height:32px}
	#floor .wrap .sec5-ttl .sec5-subttl{font-size:16px}
	#floor .wrap .sec5-top-img{display:flex;justify-content:space-between;gap:20px;margin-bottom:4vw}
	#floor .wrap .sec5-top-img .top-img{position:relative;top:unset!important;right:unset!important}
	#floor .wrap .sec5-top-img .top-img.img-1{width:50%}
	#floor .wrap .sec5-top-img .top-img.img-2{width:50%}
	#floor .wrap .sec5-content{width:100%;margin-bottom:6vw}
	#floor .wrap .sec5-bot-img{width:100%;left:unset}}
@media screen and (min-width:767px) and (max-width:1299px){
	#sec1 h2{width:1220px}
	#sec1 ul{margin-left:25px}
	#sec1 .txt{margin-left:0}}