@charset "UTF-8";
@import url("https://use.typekit.net/vtn3mpe.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');


/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/
body { font-family: "noto-sans-cjk-jp","游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif; font-weight: 500; margin:0; padding: 0; -webkit-text-size-adjust: 100%; letter-spacing: 0.05em; overflow-x: hidden; line-height: 1.8; font-feature-settings: palt; color: #282828; position: relative; overflow-x: hidden; color: #000;}
html { font-size: 62.5%; } /* 10px */
body { font-size: 1.6rem; } /* 16px */
p  { font-size: 1.6rem; } /* 16px */

#wrapper{overflow-x: hidden;}

.ind-transform { position: absolute; top: -30%; }

a { text-decoration: none; color:#282828; }
a.underline{ text-decoration: underline; }
a:focus,
a:hover { text-decoration: none; }
a { outline:none;}
:focus { outline: 0; }

.flex{ display: flex; }
.flex-jus{display: flex; justify-content: space-between; }
.flex-jus-cen{display: flex; justify-content: space-between; align-items: center;}
.flex-it-cen{display: flex; align-items: center; }

.centerposi,
.pc-centerposi { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.centertate,
.pc-centertate { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } 
.centeryoko,
.pc-centeryoko { position: absolute; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } 

.cshover button,
.cshover input,
.cshover a, 
a.cshover{ -webkit-transition:all .3s; transition:all .3s; }
.cshover input:hover,
.cshover button:hover,
.cshover a:hover, 
a.cshover:hover { -webkit-opacity: 0.6; opacity: 0.6; }

.imgwrap{line-height: 0;}

@media(min-width: 768px){
a[href^="tel:"]{
  pointer-events: none;
}
}

/* ハック
==========================================================*/

@media screen and (min-width: 1041px){
.sp-hide1040{display: block;}
.sp-show1040{display: none;}
}
@media screen and (max-width: 1040px){
.sp-hide1040{display: none;}
.sp-show1040{display: block;}
}
@media screen and (max-width: 900px){
	html{font-size: 55%;}
}
@media screen and (min-width: 861px){
.sp-show860{display: none;}
.sp-hide860{display: block;}
}
@media screen and (max-width: 860px){
.sp-show860{display: block;}
.sp-hide860{display: none;}
}
@media screen and (min-width: 551px){
.sp-show550{display: none;}
.sp-hide550{display: block;}
.sp-show-inline550{display: none;}
}
@media screen and (max-width: 550px){
.sp-show550{display: block;}
.sp-hide550{display: none;}
.sp-show-inline550{display: inline;}
html{font-size: 53%;}
}


.fn_Gara{font-family: 'cormorant-garamond', serif;}
.fn_Roboto{font-family: 'Roboto', sans-serif;}
.fn_serif{font-family: 'Noto Serif JP', serif;}
.fn_sanserif{font-family: "noto-sans-cjk-jp",sans-serif; font-weight: 300; font-style: normal;}
.wm1000{max-width: 1000px; width: 90%; margin: 0 auto;}
.pt110d150{padding: 110px 0 150px;}
.h2ttl{font-size: 3rem; line-height: 1;}

/* common
==========================================================*/

/*  menu triggerここから  */
.navInner { display: none; width: 25px; height: 20px; }/* position: absolute; right: calc(6% - 20px); z-index: 5555 !important; top: 40px; */
.menu-trigger { width: 25px; height: 20px; line-height: inherit; cursor: pointer; position: relative; top: 0; right: 0; z-index: 9999;}
.menu-trigger.active { margin-left: 0px; position: relative; z-index: 999999;}
.menu-trigger,
.menu-trigger span { display: inline-block; transition:all .4s; box-sizing: border-box; }
.menu-trigger span{ position: absolute; left: 0; width: 100%; height: 2px; background-color: #000; }
.menu-trigger span:nth-of-type(1){ top:0;}
.menu-trigger span:nth-of-type(2){ top: 9px;}
.menu-trigger span:nth-of-type(3){ bottom:0;}
.menu-trigger:not(.active):hover span:nth-of-type(1){ top: 2px;}
.menu-trigger:not(.active):hover span:nth-of-type(3){ bottom: 2px;}
.menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(9px) rotate(-45deg);transform:translateY(9px) rotate(-45deg); background-color: #000;}
.menu-trigger.active span:nth-of-type(2){opacity:0}
.menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-9px) rotate(45deg);transform:translateY(-9px) rotate(45deg); background-color: #000;}
@media screen and (max-width: 860px){
.navInner{display: block;}
}

/*  menu triggerここまで  */


/* header
==========================================================*/
header{width: 100vw; background-color: #fff; height: 90px; position: fixed; z-index: 5555;}
#header{width: 95%; margin: 0 auto;}
.headInner{padding-top: 21px;}
.logo a{display: block; width: 100%; height: auto;}
.g-nav{}
.g-nav li{margin-right: 40px;}
.g-nav li:last-child{margin-right: 0;}
.g-nav li a{font-size: 1.8rem;}
.h-snswrap{}
.h-snswrap li{min-width: 20px;}
.h-snswrap li:first-child{margin-right: 20px;}

@media screen and (min-width: 861px){
#menuInner{display: block !important;}
}
@media screen and (max-width: 1060px){
	.g-nav li{margin-right: 25px;}
	.g-nav li a{font-size: 1.5rem;}
}
@media screen and (max-width: 860px){
#menuInner{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff;}
#logo{position: relative; z-index: 5555;}
.g-nav{flex-flow: column; position: absolute; top: 50%; transform: translateY(-50%); left: 12%;}
.g-nav li{padding: 13px 0;}
.g-nav li a{font-size: 2rem;}
}
@media screen and (max-width: 550px){
header{height: 64px;}
#logo{width: 150px;}
.navInner, .menu-trigger{width: 20px; height: 14px;}
.menu-trigger{top: -3px;}
.menu-trigger span{height: 1px;}
.menu-trigger span:nth-of-type(2){top: 6px;}
.menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg); background-color: #000;}
.menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-7px) rotate(45deg);transform:translateY(-7px) rotate(45deg); background-color: #000;}
.g-nav{flex-flow: column; position: static; padding-left: 12%; padding-top: 60vw; transform: translateY(0);}
}



/* Index - MV
==========================================================*/
#MV{width: calc(100vw - 20px); margin: 0 auto; height: calc(100vh - 100px); padding-top: 90px;}
#MV .wrap, #MV .wrap .wrapInner{width: 100%; height: 100%;}
.fv_slideshow {width: 100%;height: 100%;}
.fv_slideshow li {width: 100%;height: calc(100vh - 100px);background-size: cover;}
.fv_slideshow li p.poab{font-size: 1.2rem; bottom: 20px; right: 20px; color: #fff;}
/* スクロールボタン ここから */
#indMainPlaybtn {cursor: pointer; position: absolute; bottom: 60px; z-index: 10;}
#indMainPlaybtn a span {position: absolute; top: 0; left: 50%; width: 20px; height: 35px; margin-left: -20px; border: 2px solid #fff; border-radius: 40px; box-sizing: border-box;}
#indMainPlaybtn a span::before {position: absolute; top: 10px; left: 50%; content: ''; width: 6px; height: 6px; margin-left: -3px; background-color: #fff; border-radius: 100%; -webkit-animation: sdb 2s infinite; animation: sdb 2s infinite; box-sizing: border-box;}
/* #indMainPlaybtn a span::after {position: absolute; width: 7px; height: 7px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; top: 40px; left: 50%; content: ''; margin-left: -4px; transform: rotate(45deg);} */
@-webkit-keyframes sdb {
	0% {-webkit-transform: translate(0, 0); opacity: 0; }
	40% {opacity: 1; }
	80% {-webkit-transform: translate(0, 10px); opacity: 0; }
	100% {opacity: 0; }
}
@keyframes sdb {
	0% {transform: translate(0, 0); opacity: 0; }
	40% {opacity: 1; }
	80% {transform: translate(0, 10px); opacity: 0; }
	100% {opacity: 0; }
}
/* スクロールボタン ここまで */
@media screen and (max-width: 768px){
}
@media screen and (max-width: 550px){
#MV{padding-top: 64px; height: calc(100vh - 74px);}
.pt110d150{padding: 60px 0;}
#MV .wrap .wrapInner .h2ttl{width: 280px;}
.fv_slideshow li {height: calc(100vh - 74px);}
}


/* Index - philo
==========================================================*/
#philo .wrapInner .ttl{font-size: 3rem; line-height: 1.45;}
#philo .wrapInner .txtwrap p{font-size: 2.6rem; line-height: 1.75;}
#philo .wrapInner ul{margin-top: 10px;}
#philo .wrapInner ul li{padding: 40px 0; border-bottom: 1px solid #d5d5d5;}
#philo .wrapInner ul li:last-child{border-bottom: none;}
#philo .wrapInner ul li .flex-l{width: 12%;}
#philo .wrapInner ul li .flex-r{width: 88%;}
#philo .wrapInner .imgwrap{margin-top: 80px;}
@media screen and (max-width: 700px){
#philo .wrapInner ul li .flex-r br{display: none;}
}
@media screen and (max-width: 550px){
#philo .wrapInner .txtwrap p{font-size: 1.6rem; line-height: 1.75;}
.h2ttl{font-size: 1.8rem;}
#philo .wrapInner .ttl{font-size: 2.1rem;}
#philo .wrapInner .imgwrap{margin-top: 35px;}
#philo .wrapInner ul li{padding: 20px 0; border-bottom: 1px solid #d5d5d5;}
#philo .wrapInner ul li .flex-r .mt20{margin-top: 10px !important;}
}


/* Index - works
==========================================================*/
.none{display: none;}
#works .wrap{width: calc(100vw - 20px); margin: 0 auto; background-color: #000; color: #fff;}
#works .wrapInner .txtwrap p{font-size: 2.6rem; line-height: 1.75;}
#works .wrapInner .imgwrap{margin-top: 80px;}

.square{top: -4px; font-size: 4px; padding-right: 3px;}
.works-item ul li p{position: relative; padding-left: 14px;}
.works-item ul li p::before{content: ""; width: 4px; height: 4px; background-color: #fff; position: absolute; top: 12px; left: 0; transition: all .4s;}
.works-item ul li p.empty::before{display: none;}
.works-item ul li.on-detail:hover p::before{background-color: #000; transition: all .4s;}

.works-item li{padding: 15px 20px; border-top: 1px solid #fff;}
.works-item li.on-detail{padding: 0;}
.works-item li.on-detail a{padding: 15px 20px;}
.works-item li:last-child{border-bottom: 1px solid #fff;}
.works-item li a{color: #fff;}
.on-detail:hover{color: #000; background-color: #fff; transition: all .4s;}
.on-detail:hover{transition: all .4s;}
.on-detail a{transition: all .4s;}
.on-detail:hover a{color: #000; transition: all .4s;}
.works-item .l-flex{width: 100%;}
.workswrap .flex-jus{z-index: 555;}
.works-item .flex-jus p.btn_icon{width: 10%;}
.works-item .flex-jus p.date{width: 10%;}
.works-item .flex-jus p.place{width: 16%;}
.works-item .flex-jus p.cate{width: 20%;}
.works-item .flex-jus p.details{width: 54%;}
.linknone{pointer-events: none;}
.workswrap .dropdown{width: 160px; height: 34px; background-color: #4d4d4d; border-radius: 3px; transition: all .4s; top: -3px; right: 0; z-index: 555; cursor: pointer;}
.workswrap .dropdown .menu-title{padding: 3px 0;}
.workswrap .dropdown .menu-title::before{content: ""; width: 12px; height: 8px; background: url(../images/arrow.svg) center center no-repeat; background-size: contain; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); transition: all .4s;}
.workswrap .dropdown.clicked .menu-title::before{transform: translateY(-49%) rotate(180deg); transition: all .4s;}
.workswrap .dropdown .sub-menu ul li{border-top: 1px solid #8f8f8f; width: 90%; margin: 0 auto;}
.workswrap .dropdown .sub-menu ul li a{color: #8f8f8f; transition: all .4s; cursor: pointer; display: block; padding: 2px 0 3px;}
.workswrap .dropdown .sub-menu ul li a:hover{color: #fff; transition: all .4s;}
.workswrap .dropdown .sub-menu ul li.current a:hover{color: #8f8f8f;}
.workswrap .dropdown .sub-menu ul { height: 100%; overflow-y: scroll;}
.workswrap .dropdown .sub-menu{opacity: 0; visibility: hidden; transition: all .4s; height: 0;}
.workswrap .dropdown.clicked{border-radius: 3px 3px 0 0;}
.workswrap .dropdown.clicked .sub-menu{opacity: 1; visibility: visible; transition: all .4s; background-color: #4d4d4d; border-radius: 0 0 3px 3px; position: relative; top: -1px; height: 300px;}
.workswrap .dropdown.clicked{transition: all .3s;}

.workswrap > .flex-jus{padding: 17px 0;}
.works-years li.poab{top: -70px; border: none; padding: 0;}
/* swipebox hack */
#swipebox-overlay{background: rgba(0,0,0, .7);}
#swipebox-bottom-bar{bottom: 47.5%; z-index: 555;}
#swipebox-arrows{max-width: 940px; width: 90%;}
#swipebox-prev{width: 40px; height: 34px; background-image: url(../images/swipe-prev.png)!important;background: center center no-repeat; background-size: contain;}
#swipebox-next{width: 40px; height: 34px; background-image: url(../images/swipe-next.png)!important;background: center center no-repeat; background-size: contain;}
#swipebox-close{width: 40px; height: 40px; background-image: url(../images/swipe-close.png)!important;background: center center no-repeat; background-size: contain; top: 20px; right: 20px;}
#swipebox-bottom-bar, #swipebox-top-bar{background: none;}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container{max-height: 90%; max-width: 90%;}
#swipebox-arrows{height: 34px;}
@media screen and (max-width: 860px){
.works-item .flex-jus p.date, .works-item .flex-jus p.place, .works-item .flex-jus p.cate{display: none;}
.works-item .l-flex{width: 100%;}
.works-item .flex-jus p.details{width: 100%;}
}
@media screen and (max-width: 550px){
.works-item li, .works-item .flex-jus p.details{font-size: 1.2rem;}
.square{top: -2px;}
.workswrap .dropdown{width: 100%; font-size: 1.3rem;}
.works-years li.poab{font-size: 1.6rem; top: -33px;}
.workswrap .dropdown .menu-title{padding: 7px 0;}
.works-years ul.mt40{margin-top: 50px!important;}
.workswrap .dropdown .sub-menu ul li a{padding: 7px 0 8px;}
.workswrap .dropdown .menu-title::before {left: 5%;}
.works-item li, .works-item li.on-detail a{padding: 10px;}
.works-item ul li p::before{top: 7px;}

}


/* Index - company
==========================================================*/
#company .wrapInner{padding-bottom: 40px;}
.table-design{margin-top: 50px;}
.table-design dl{padding: 20px; border-top: 1px solid #e0e0e0;}
.table-design dl.border-bottom{border-bottom: 1px solid #e0e0e0;}
.table-design dl dd > dl{border: none;}
.pdnone{padding: 0!important;}
.table-design dl dt{width: 200px;}
.table-design dl dd{width: calc(100% - 200px);}
@media screen and (max-width: 860px){
.table-design dl dt{width: 150px;}
.table-design dl dd{width: calc(100% - 150px);}
.table-design dl dd dl dt{width: 200px;}
}
@media screen and (max-width: 550px){
.table-design{margin-top: 20px;}
.table-design dl{flex-flow: column; padding: 12px 0;}
#company .table-design dl:last-child{border-top: none; padding-top: 0;}
.table-design dl dt{width: 100%; font-weight: bold; color: #282828;}
.table-design dl dd{width: 100%;}
.table-design dl dd dl dt{width: 100%; font-weight: normal;}
#company .wrapInner{padding-bottom: 60px;}
}


/* Index - access
==========================================================*/
#access .mapimg{margin-top: 100px;}
#access .wrapInner{padding-bottom: 0;}
.triangle{position: relative; padding-right: 14px;}
.triangle::before{content: ""; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 8px; border-color: transparent transparent transparent #ffffff; position: absolute; top: 11px; right: 0; transition: all .4s;}
.on-detail:hover .triangle::before{border-color: transparent transparent transparent #000; transition: all .4s;}
#access .triangle::before{border-color: transparent transparent transparent #000; top: 10px;}
@media screen and (max-width: 550px){
#access .wrapInner{padding: 0;}
#access .table-design dl dd.flex-jus{flex-flow: column; align-items: flex-start;}
#access .mapimg{margin-top: 50px; width: 110%; margin-left: -5%;}
.triangle{padding-right: 10px;}
.triangle::before{content: ""; width: 0; height: 0; border-style: solid; border-width: 2px 0 2px 4px; border-color: transparent transparent transparent #ffffff; position: absolute; top: 8px; right: 0;}
#access .triangle::before{border-width: 3px 0 3px 6px; border-color: transparent transparent transparent #000; top: 9px;}
}


/* Index - foot
==========================================================*/
#footer{width: calc(100vw - 20px); margin: 150px auto 0; border-top: 1px solid #e0e0e0;}
#footer .wrapInner{width: 96.3%; margin: 0 auto; padding: 35px 0 25px;}
#footer .wrapInner > .flex-jus{align-items: center;}
#footer .wrapInner ul li{font-size: 1.8rem;}
#footer .wrapInner ul li:not(:last-child){margin-right: 40px;}
.small{font-size: 1rem; margin-top: 50px; color: #808080;}
@media screen and (max-width: 1060px){
	#footer .wrapInner ul li:not(:last-child) {margin-right: 25px;}
	#footer .wrapInner ul li{font-size: 1.5rem;}
}
@media screen and (max-width: 860px){
#footer .wrapInner .flex-r{display: none;}
#footer .wrapInner .flex-jus{flex-flow: column; align-items: center;}
#footer .wrapInner .small{text-align: center;}
}
@media screen and (max-width: 550px){
	#footer{margin: 0 auto; border-top: none;}
	#footer .wrapInner .small{margin-top: 30px;}
	#footer .wrapInner{padding: 50px 0 30px;}
	#footer .wrapInner .flex-jus > .flex-l {width: 135px;}
}

@keyframes zoom-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.works-years:not(:first-child) li{display: none;}
.works-years:not(:first-child) li.animate{display: block;}
.animate {
animation: .8s zoom-in;
}


/* 2021.08.20 */
#pages_kasou{padding-top: 190px;}
.current__gallery .gallery, .current__recruit .recruit{color: #808080;}
.kasou_h1ttl{font-size: 3rem;}

.pages_recruit .table-design dl dt, .pages_recruit .table-design dl dd{letter-spacing: 0.02em;}

.entry_wrap{display: block; margin-top: 80px;}
.entry_tel_wrap{background: #000; padding: 30px 0; color: #fff; max-width: 380px; width: 100%; border-radius: 5px; margin: 20px auto 0;}
.entry_tel--flex{justify-content: center;}
.entry_tel--flex div:first-child{margin-right: 15px;}
.entry_tel_wrap p{font-size: 1.4rem; margin-top: 5px;}

@media screen and (max-width: 550px){
	#pages_kasou{padding-top: 125px;}
	.entry_wrap{margin: 40px 0 15px;}
}

#ind_gallery .wrap{width: calc(100vw - 20px); margin: 0 auto; background: #F0F0F0;}
.ind_gallery__table{margin-top: 50px;}
.ind_gallery__table li{border-top: 1px solid #cdcdcd;}
.ind_gallery__table li:last-child{border-bottom: 1px solid #cdcdcd;}
.ind_gallery__table a{position: relative; display: block; padding: 15px 20px; transition:  all .4s;}
.ind_gallery__table a:hover{background: #fff;}
.ind_gallery__table a::after{content: ""; width: 8px; height: 12px; background: url("../images/arrow_black.svg")center center no-repeat; background-size: contain; position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}

@media screen and (max-width: 550px){
	.ind_gallery__table{margin-top: 35px;}
	.ind_gallery__table a{padding: 10px; font-size: 1.5rem;}
	.ind_gallery__table a::after{right: 10px;}
}


.pages_gallery{margin: 0 10px; background: #F0F0F0; padding-bottom: 160px;}
.pages_gallery .kasou_h1ttl{margin-bottom: 100px;}
.kasou--gallery #footer{margin-top: 0;}
.gallery__cate_name{font-size: 1.8rem;}
.gallery__list_wrap{margin-top: 45px;}
.gallery__list_wrap{justify-content: space-between; flex-wrap: wrap;}
.gallery__list_wrap li{width: 49%; margin-bottom: 40px;}
.gallery__list_name{font-size: 1.4rem; margin-top: 10px;}

.gallery__list_slick{margin-top: 40px;}
.gallery__list_slick .slick-center{margin: 0;}
.gallery__list_slick .slick-slide{margin: 0 10px;}
.gallery__list_slick .slide-arrow.prev-arrow {padding: 0; position: absolute; top: auto; bottom: -50px; right: auto; left: 0; transform: translateX(0); width: 10px; cursor: pointer;}
.gallery__list_slick .slide-arrow.next-arrow {padding: 0; position: absolute; top: auto; bottom: -50px; right: auto; left: 0; transform: translateX(30px); width: 10px; cursor: pointer;}
.gallery__list_slick .slick-dots li, .gallery__list_slick .slick-dots li button{width: 50px; height: 2px !important; margin: 0; padding: 0;}
.slick-dots {bottom: -54px; right: auto; left: 70px;}
.gallery__list_slick .slick-dots li button::before{content: ""; width: 50px; height: 2px; background: #BABABA; top: 0;}
/* .gallery__list_slick .slick-dots li.slick-active button::before{content: ""; width: 50px; height: 2px; background: #000;} */
.gallery__list_slick .slick-dots li button::after{content: ""; width: 0; height: 2px; background: #000; top: 0;}
.gallery__list_slick .slick-dots li.slick-active button::after{content: ""; display: block; width: 50px; height: 2px; background: #000; top: 0; transition: all .4s; position: absolute; top: 0; left: 0; z-index: 5000; }

.btn_to__Index{align-items: center; bottom: -57px; right: 0;}
.btn_to__Index p{margin-left: 10px;}

.progress {position: absolute; left: 69px; bottom: -44px; width: 320px; height: 2px; background: #BABABA;}
.bar {display: block; width: 0%; height: 2px; background: #000;}
@media screen and (max-width:640px){
	.wrap {
		width: 100%;
	}
}


@media screen and (max-width: 860px){
	.gallery__list_wrap li{width: 100%; margin-bottom: 40px;}
	.gallery__list_wrap li:last-child{margin-bottom: 0;}
	.pages_gallery{padding-bottom: 100px;}
	.pages_gallery--item{padding-bottom: 200px;}
}
@media screen and (max-width: 768px){
	.gallery__list_slick ul.slick-dots{z-index: 5000; left: 70px;}
}
@media screen and (max-width: 600px){
	.pages_gallery .kasou_h1ttl {margin-bottom: 65px;}
	.gallery__list_wrap li{margin-bottom: 30px;}
	.pages_gallery{padding-bottom: 65px;}
	.pages_gallery--item{padding-bottom: 150px;}
	.gallery__list_slick .slick-slide {margin: 0 5px;}
	.progress {bottom: -32px; width: 70%; height: 1px; right: 0; left: auto;}
	.bar{height: 1px;}

	.btn_to__Index{bottom: -85px; right: auto; left: 0;}
	/* .gallery__list_slick ul.slick-dots{width: calc(100% - 69px);} */
	.gallery__list_slick .slick-dots li,
	.gallery__list_slick .slick-dots li button,
	.gallery__list_slick .slick-dots li button::before,
	.gallery__list_slick .slick-dots li.slick-active button::after{width: 25px;}
	.gallery__list_slick ul.slick-dots{left: auto; right: 0; bottom: -40px;}
	.gallery__list_slick .slide-arrow.prev-arrow{width: 7px; bottom: -36px;}
	.gallery__list_slick .slide-arrow.next-arrow{width: 7px; bottom: -36px; transform: translateX(25px);}
}