.zoomslider{height:100vh;}
header{display:flex;justify-content:space-between; padding:40px;position: absolute;top: 0;z-index: 999;width: 100%;}
.logo a{width:155.625px; background:url(../../images/REPLUS_newlogo_wh.png) no-repeat; background-size:100%; height:50px; z-index:9999;position: fixed; top:35px;}
.single_banner .logo a{background:url(../../images/REPLUS_newlogo_bk.png) no-repeat; background-size:100%;}
.logo.active{z-index:9999; background:url(../../images/REPLUS_newlogo_bk.png) no-repeat; background-size:100%;}
.logo img{width:100%;}
body.active{overflow: hidden;}
.rpwwt-widget ul li a{text-decoration:none;}
.rpwwt-widget ul li a:hover{color:#000;}

h2,nav ul li a{font-family: 'Gurmukhi MN','EB Garamond',sans-serif;}
p{font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','游明朝体+36ポかな','YuMincho +36p Kana', sans-serif;}
/*アニメーション*/
.animation,.anim_massage{opacity:0;visibility:hidden;transition:1.5s;transform: translateY(30px);}
.animation.active,.anim_massage.active{opacity: 1;visibility: visible;transform: translateY(0);}

.para1{background:url(../../images/renovation.jpg) no-repeat top center;}
.para2{background:url(../../images/architects_2.jpg) no-repeat top center;}
.para3{background:url(../../images/consulting.jpg) no-repeat top center;}
.para5{background:url(../../images/ressismore_img_l.png) no-repeat top center #000; color:#fff; background-size:100%;}
@media screen and (max-width:640px){
	.para5{background:url(../../images/ressismore_img_s.jpeg) no-repeat top center #000; color:#fff; background-size:100%;}
}
.para5 h2{color:#fff;}
.para5{padding:163vw 12vw 0 12vw !important;}
.para1,.para2,.para3{background-size:auto 107%;}

ul.icons li a img{width:35px; transition:all .3s; position:relative; bottom:0;}
ul.icons li a:hover img{position:relative; bottom:10px;}
ul.icons li{padding:0 25px;}

.btn-trigger{display:none;}
#thumbnail,nav ul.sns{display:none;}

	nav{display:none;transform: translateX(100vw);transition: transform .3s;position:fixed;top:0;left:0px;height:100vh;width:450px;background:rgba(82, 82, 82,0.8);margin:0px; padding-top:94px;}
	nav.slide-in {transform: translateX(calc(100vw - 450px));}
	nav ul.nav{display:block; margin-bottom:65px;list-style-type:none;padding:0;}
	nav ul.nav li{text-align: center;margin-bottom: 4vh;padding:0;}
	nav ul.nav li a{color:#333;}
	nav ul.nav li a img{width:154px;}
	nav ul.sns{padding:0;display:flex; width:90%; margin:0 auto;justify-content:center;list-style-type:none;}
	nav ul.sns li{width:35px; height:35px; margin:0 6px; padding:0 4px;}
	nav ul.sns li img{width:100%;}
	.btn-trigger {position:fixed; top:30px; right:30px;width: 50px;height: 44px;cursor: pointer;transform:scale(0.5);}
	.btn-trigger span {position: absolute;left: 0;width: 100%;height: 4px;background-color: #e0e0e0;border-radius: 4px;}
	.single_banner .btn-trigger span{background:#363636;}
	.btn-trigger.active span{background-color:#fff;}
	.btn-trigger, .btn-trigger span {display: inline-block;transition: all .5s;box-sizing: border-box;}
	.btn-trigger span:nth-of-type(1) {top: 0;}
	.btn-trigger span:nth-of-type(2) {top: 20px;}
	.btn-trigger span:nth-of-type(3) {bottom: 0;}
	#btn01.active span:nth-of-type(1) {-webkit-transform: translateY(20px) rotate(-45deg);transform: translateY(20px) rotate(-45deg);}
	#btn01.active span:nth-of-type(2) {opacity: 0;}
	#btn01.active span:nth-of-type(3) {-webkit-transform: translateY(-20px) rotate(45deg);transform: translateY(-20px) rotate(45deg);}
	ul.icons li{padding:0 15px;}

@media screen and (max-width:1024px){
	.para1,.para2,.para3{background-size:auto 120%;}
}
@media screen and (min-width:741px){
	.lim h2 {margin: 0 0 30px 0;}
}
@media screen and (max-width:740px){
	body.active{overflow: hidden;}
	.logo{width: 124.5px;}
	#thumbnail{display:block; width:100%; overflow:scroll;}
	#thumbnail ul{list-style-type:none; width:150%; padding:0; margin:0; display:flex;justify-content:flex-start;}
	#thumbnail::-webkit-scrollbar {display:none;}
	#thumbnail ul li{width:100px; height:80px; overflow:hidden; margin-right:10px; padding:0;}
	#thumbnail ul li img{width:100%;}
	.zoomslider{height:50vh;}
	header{padding:20px;}
	.para1{background-size:auto 133vw;}
	.para2{background-size:auto 142vw;}
	.para3{background-size:auto 123vw;}
	.spotlight.style1 .content{padding:22vw 2rem;}
	.btn-trigger {position:fixed; top:15px; right:15px;width: 50px;height: 44px;cursor: pointer;transform:scale(0.5);}
	nav{width:210px;}
	nav.slide-in {transform: translateX(calc(100vw - 210px));}
	.lim h2 {margin: 0 0 5.5vh 0;}
	.lim p {margin: 0 0 4vh 0;}
}
@media screen and (max-width: 736px) and (orientation: portrait){
	.style_column{flex-direction:column !important;}
}