@charset "UTF-8";

/*--------------------------------
reset
--------------------------------*/
html,body,div,p,img,iframe,a,span,blockquote,q,address,cite,
pre,code,em,small,strong,b,i,
header,article,section,nav,figure,figcaption,hgroup,menu,aside,footer,time,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd,
table,tbody,thead,tfoot,th,tr,td,
form,fieldset,legend,label,select,input,textarea,button{
	margin: 0;
	padding: 0;
	border: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: baseline;
}
header,article,section,nav,figure,figcaption,hgroup,menu,aside,footer{
	display: block;
}
ul li{
	list-style-type: none;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 500;
}
body{
	line-height: 1;
}
a{
	text-decoration: none;
}
img{
	vertical-align: middle;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
select,option,input,textarea,button{
	font: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}
input[type=radio]{
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
}
input[type=checkbox]{
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}
blockquote::before,blockquote::after,q::before,q::after{
	content: '';
	content: none;
}
[type=submit],[type=button],[type=reset],[type=file],button{
	cursor: pointer;
}
:focus{
	outline: none;
}
html{
	font-size: 62.5%;
}
body{
	font-family: "shippori-mincho", sans-serif, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Yu Gothic", sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1;
	color: #333;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}
a {
	color: #333;
	-webkit-tap-highlight-color: rgba(238, 223, 227, 0.2);
}
a:hover {
	opacity: .5;
}
sup,
sub{
	font-size: xx-small;
}

/*--------------------------------
common
--------------------------------*/
.text-center {
	text-align: center;
}
.is-light{
	color: #fff;
}
.is-shadow{
	text-shadow: 0 0 1px rgba(0,0,0,.8), 0 0 4px rgba(0,0,0,.4);
}
.text-right {
	text-align: right;
}

.small-text {
	font-size: 75%;
}
.large-text{
	font-size: 150%;
}
.fit-img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.has-max {
	height: auto;
	max-width: 100%;
}

.flex-wrapper {
	display: flex;
}

.grid-wrapper {
	display: grid;
}
.attention-text{
	color: #837C59;
}
.strong-text{
	color: #79516e;
}
.img-wrapper{
	position: relative;
}
.img-wrapper .caption{
	position: absolute;
	bottom: 0;
	left: 8px;
	right: 8px;
	z-index: 1;
}
.gara-font{
	font-family: garamond-premier-pro-display, serif;
}
.en-font{
	font-family: 'Noto Serif', serif;
}
.ja-font{
	font-family: 'Noto Serif JP', serif, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.shippori{
	font-family: "shippori-mincho", sans-serif;
}
.times-font{
	font-family: "times-new-roman", sans-serif;
}
.gothic-font{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", 'Noto Sans JP', sans-serif, "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
	font-weight: 300;
}
.vertical-text{
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	text-orientation: upright;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
}
.inline-block{
	display: inline-block;
}
@media screen and (max-width: 767px){
	.sp-none{
		display: none;
	}
}
@media screen and (min-width: 768px){
	.pc-none{
		display: none;
	}
}
@keyframes slideUpFade{
	0% {
		opacity: 0;
		transform: translate(0, 20px);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}
@keyframes blink{
	0%,40%,60%,100% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

a.none{
    pointer-events: none;
    opacity: .4;
}
/*--------------------------------
componet
--------------------------------*/
.inner{
	margin: 0 auto;
	padding: 0 16px;
	max-width: 1300px;
}
.inner-wide{
	margin: 0 auto;
	padding: 0 16px;
	max-width: 1680px;
}
.primary-heading{
	margin-bottom: .8em;
	font-size: 4.6rem;
	line-height: 1.3;
}
.secondary-heading{
	margin-bottom: .8em;
	font-size: 3rem;
	line-height: 1.3;
}
.tertiary-heading{
	margin-bottom: .8em;
	font-size: 2rem;
	line-height: 1.4;
}
.primary-lead{
	font-size: 2.8rem;
	line-height: 1.7;
}
.page-title-wrap{
	padding: 24px 0;
	text-align: center;
}
.page-title{
	font-family: 'Cormorant Garamond', serif;
	font-size: 4rem;
	line-height: 1.2;
	letter-spacing: .02em;
	text-indent: .02em;
}
.page-title-lead{
	font-size: 1.4rem;
	line-height: 1.4;
}
.page-title-wrap .secondary-heading{
	margin-top: 2em;
}
@media screen and (max-width: 767px){
	.primary-heading{
		font-size: 2.4rem;
	}
	.secondary-heading{
		font-size: 2rem;
	}
	.tertiary-heading{
		font-size: 1.6rem;
	}
	.primary-lead{
		font-size: 1.6rem;
	}
	.page-title{
		font-size: 3rem;
	}
}
.note{
	margin: 1em 0;
	font-size: 1.6rem;
	line-height: 1.6;
}
.primary-note{
	margin: .8em 0;
	font-size: 2rem;
	line-height: 1.8;
}
@media screen and (max-width: 767px){
	.note{
		font-size: 1.4rem;
	}
	.primary-note{
		font-size: 1.4rem;
	}
}
.caption{
	margin: 8px 0;
	font-weight: 300;
	font-size: 1.2rem;
	line-height: 1.4;
}
.btn{
	padding: 8px 16px;
	display: inline-block;
	position: relative;
	background: #333;
	color: #fff;
	font-size: 1.6rem;
	transition: all .3s ease-out;
}
.btn:hover{
	opacity: .8;
}
.general-btn{
	margin: 8px 4px;
	padding: 0 16px;
	width: 100%;
	max-width: 330px;
	height: 60px;
	font-size: 2.8rem;
	line-height: 60px;
	box-shadow: 0 1px 14px rgba(0,0,0,.3);
}

.light-bg{
	background-color: #eaeded;
}
.gray-bg{
	background-color: #eee;
}
.light-gray-bg{
	background-color: #fbfbfb;
}
.gold-bg{
	background: rgb(201,190,153);
	background: linear-gradient(120deg, rgb(160, 149, 110) 0%, rgba(201,190,153,1) 69%, rgba(217,212,191,1) 100%);
}
.general-box{
	margin: 16px 0;
	padding: 48px 72px;
	background: #fff;
	box-shadow: 1px 1px 4px rgba(0,0,0,.2);
}
@media screen and (max-width: 767px){
	.general-box{
		padding: 16px;
	}
}


/*--------------------------------
layout
--------------------------------*/
.main-container{
	overflow: hidden;
	transition: all .3s ease-in-out;
}
.mv-container{
	position: relative;
}
.mv-text{
	position: absolute;
	top: 5%;
	left: 5%;
	max-width: 940px;
	font-size: 7.6rem;
	font-weight: lighter;
	color: #fff;
}
@media screen and (max-width: 767px){
	.mv-text{
		top: 10%;
		font-size: 4rem;
		text-shadow: 0 0 4px rgba(0,0,0,.4);
	}
	.mv-container .img-wrapper .caption{
		font-size: 1rem;
		text-align: right;
		bottom: -5px;
	}
}
.is-sticky{
	/*margin-top: 100px;*/
}
.general-section .inner{
	padding: 140px 16px;
}
.general-section#lineup .inner,
.general-section#pickup .inner{
	max-width: calc(100% - 128px);
}
.general-section .inner-wide{
	padding: 80px 5%;
}
.general-section .inner-full{
	padding: 80px 0;
}
@media screen and (max-width: 1029px){
	.is-sticky{
		/*margin-top: 50px;*/
	}
}
@media screen and (max-width: 767px){
	.general-section .inner{
		padding: 40px 16px;
	}
	.general-section#lineup .inner,
	.general-section#pickup .inner{
		max-width: 100%;
	}
	.general-section .inner-wide{
		padding: 40px 16px;
	}
	.general-section .inner-full{
		padding: 40px 0;
	}
}
.general-section .inner + .inner{
	padding-top: 0;
}
.general-parts .inner{
	padding: 32px 16px;
}
.general-area{
	margin-bottom: 64px;
}
@media screen and (max-width: 767px){
	.general-area{
		margin-bottom: 32px;
	}
}
.btn-space{
	margin-top: 40px;
	text-align: center;
}
.col-2,
.col-3{
	margin: 0 -24px;
	flex-wrap: wrap;
}
.col-2 > .flex-item{
	margin: 0 24px 16px;
	width: calc(50% - 48px);
}
.col-3 > .flex-item{
	margin: 0 24px 16px;
	width: calc(100% / 3 - 48px);
}
@media screen and (max-width: 767px){
	.col-2 > .flex-item,
	.col-3 > .flex-item{
		width: calc(100% - 48px);
	}
}
.section-parts{
	margin-bottom: 64px;
}
.component-parts{
	margin-bottom: 16px;
}


/*--------------------------------
footer
--------------------------------*/
footer{
    padding: 30px 0 50px;
    background: #F4F4F4;
}
.annotation{
    margin: 0 auto;
    max-width: 1090px;
    font-size: 1.2rem;
    line-height: 1.4;
}
.footer_company{
    margin: 40px auto;
    display: flex;
    justify-content: center;
}
.footer_company-item{
    max-width: 250px;
}
address{
    text-align: center;
		font-style: normal;
}
@media screen and (max-width: 787px){
	footer{
		padding: 10px 0 30px;
	}
	.footer_company-item{
		max-width: 180px;
	}
	.annotation{
    max-width: 90%;
    font-size: .9rem;
	}
}
/*--------------------------------
home
--------------------------------*/
.mv-container .slick-slide {
  line-height: 0;
  font-size: 0;
}
.title{
	font-size: 2rem;
	line-height: 1.4;
	letter-spacing: .1rem;
	margin-bottom: 50px;
}
.title .large-text{
	font-size: 7.8rem;
}
.radius-img{
	border-radius: 18px;
}
.lineup-name{
	margin-top: 40px;
	font-size: 2.4rem;
	line-height: 1.4;
	letter-spacing: .1rem;
}
.lineup-access{
	margin-top: 24px;
	font-size: 1.6rem;
	line-height: 1.8;
	/*min-height: 96px;*/
}

.lineup-btn-wrap{
	margin: 40px auto 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 18px 2%;
}
.lineup-btn{
	width:49%;
}
.lineup-btn:last-child{
	width:100%;
}
.lineup-btn-arrow{
	width: 56%
}
.lineup-items{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 80px 18px;
	margin: 0 auto;
}
.lineup-items .lineup-item{
	width: calc((100% - 18px * 3) / 4);
}
@media screen and (max-width: 1300px){
	.lineup-items{
		max-width: 900px;
		gap: 80px 30px;
	}
	.lineup-items .lineup-item{
		width: calc((100% - 30px * 1) / 2);
	}
}
@media screen and (max-width: 1080px){
	.lineup-items{
		gap: 80px 20px;
	}
}
.lineup-items .lineup-name{
	font-size: 2.2rem;
}
.lineup-items .lineup-access{
	margin-top: 24px;
	font-size: 1.3rem;
	line-height: 1.8;
	min-height: 96px;
}
@media screen and (max-width: 1300px){
	.lineup-items .lineup-access{
		min-height: unset;
	}
}
@media screen and (max-width: 787px){
	.title{
		font-size: 1.4rem;
		margin-bottom: 20px;
	}
	.title .large-text{
		font-size: 3.6rem;
	}
	#quality .lineup-items,
	.lineup-items{
		gap: 40px;
	}
	#pickup .lineup-items{
		gap: 50px;
	}
	.lineup-items .lineup-item{
		width: 100%;
	}
	.lineup-name{
		margin-top: 14px;
		font-size: 2.1rem;
		line-height: 1.4;
	}
	.lineup-items .lineup-access{
		margin-top: 10px;
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.lineup-btn-wrap{
		margin: 20px auto 0;
		gap: 12px 2%;
	}
}


.link-btn{
	padding: 18px 0;
	background: #978153;
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 100%;
	font-size: 1.4rem;
	letter-spacing: .1rem;
	transition: all 0.2s;
	border-radius: 30px;
	position: relative;
}
@media screen and (max-width: 1440px){
	#lineup .lineup-item:first-child .lineup-btn:nth-child(2) .link-btn{
		font-size: 1.18rem;
		letter-spacing: -.04rem;
	}
}
@media screen and (max-width: 1300px){
	#lineup .lineup-item:first-child .lineup-btn:nth-child(2) .link-btn{
		font-size: 1.3rem;
	}
}

.link-btn:hover{
	opacity: .7;
}
.link-btn::before{
	content: "";
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 15px;
	background: url(../images/arrow-wh.svg) center center no-repeat;
	top: 50%;
  	transform: translateY(-50%);
	right: 5%;
	transition: all 0.2s;
}
.link-btn:hover:before{
  right: 2%;
}
.req-btn{
	background: #163259;
}
.btn-arrow{
	padding: 17px 0;
	text-align: center;
	display: inline-block;
	width: 100%;
	color: #4A4C58;
	border: 1px solid #4A4C58;
	position: relative;
	transition: all 0.2s;
	font-size: 1.6rem;
	background: #fff;
	border-radius: 30px;
}

.btn-arrow::before{
	content: "";
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 15px;
	background: url(../images/arrow.svg) center center no-repeat;
	top: 50%;
  	transform: translateY(-50%);
	right: 5%;
	transition: all 0.2s;
}
.btn-arrow:hover:before,
.btn-arrow:hover:after{
  right: 2%;
}

@media screen and (min-width: 481px) and (max-width: 1240px) {
	.lineup-access {
    font-size: 1.8vw;
		/*min-height: 70px;*/
	}
	.btn-arrow{
		font-size: 1.2vw;
	}
	.btn-arrow::before {
    width: 40px;
	}
}
@media screen and (max-width: 787px){
	.link-btn{
		padding: 14px 0;
		font-size: 1.3rem;
	}
	.btn-arrow{
		padding: 14px 0;
		font-size: 1.4rem;
	}
	.btn-arrow::before{
		width: 20px;
		right: 2%;
	}
}

.contents-mv .img-wrapper .caption{
	bottom: 150px;
}
.contents-detail{
	position: sticky;
	background-color: #fff;
	margin-top: -150px;
	border-radius: 60px 60px 0 0;
}
.madori{
	margin-top: 24px;
	font-size: 3.2rem;
	line-height: 1.4;
}
@media screen and (max-width: 787px){
	.madori{
		margin-top: 10px;
	}
}
.madori span{
	font-size: 4.8rem;
}
.menseki{
	font-size: 6.2rem;
	line-height: 1.2;
}
.menseki em{
	font-style: normal;
    font-size: 1.6rem;
    display: inline-block;
    transform: translateY(-1em);
    margin-right: 10px;
}
.menseki span{
	font-size: 2.8rem;
}
.appoint-text .lineup-name{
	margin-top: 0;
}
@media screen and (max-width: 787px){
	.appoint-text .lineup-name{
		margin-top: 14px;
	}
}
.appoint-text .lineup-access{
	margin-top: 14px;
	min-height: unset;
}
@media screen and (max-width: 787px){
	.appoint-text .lineup-access{
		font-size: 1.4rem;
	}
}
.appoint-date{
	margin-top: 24px;
	margin-bottom: 16px;
    font-size: 1.9rem;
    line-height: 1.6;
}
.appoint-date.mb0{
	margin-bottom: 0;
}
#appointment .lineup-items{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
    justify-content: space-between;
	gap: 120px;
	max-width: unset;
}
#appointment .lineup-item{
    width: 100%;
	display: flex;
	gap: 4%;
}
.appointment-img-box{
	width: 26%;
}
.appointment-text-box{
	width: 64%;
}
@media screen and (max-width: 1200px){
	#appointment .lineup-items{
		justify-content: center;
	}
	#appointment .lineup-item{
		gap: 4%;
		justify-content: center;
	}
	.appointment-img-box{
		width: 37%;
	}
	.appointment-text-box{
		width: 42%;
	}
}
@media screen and (max-width: 900px){
	.appointment-text-box{
		width: 57%;
	}
}
@media screen and (max-width: 787px){
	#appointment .lineup-items{
		gap: 40px;
	}
	#appointment .lineup-item{
		flex-direction: column;
		gap: 4%;
	}
	.appointment-img-box{
		width: 100%;
	}
	.appointment-text-box{
		width: 100%;
	}
}
.appointment-text-wrap{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.appointment-text-wrap.size01{
	height: 396px;
}
.appointment-text-wrap + .appointment-text-wrap{
	margin-top: 40px;
	padding-top: 34px;
	border-top: 1px #333 solid;
}
@media screen and (max-width: 787px){
	.appointment-text-wrap + .appointment-text-wrap{
		margin-top: 28px;
		padding-top: 8px;
	}
}
.appointment-text-box .appoint-text{
	width: 54%;
}
.appointment-text-box .lineup-btn-wraps{
	width: 45%;
	align-self: flex-end;
}
@media screen and (max-width: 1200px){
	.appointment-text-wrap{
		flex-wrap: wrap;
	}
	.appointment-text-wrap.size01{
		height: unset;
	}
	.appointment-text-box .appoint-text{
		width: 100%;
	}
	.appointment-text-box .lineup-btn-wraps{
		width: 100%;
		align-self: flex-end;
		max-width: 420px;
	}
}
@media screen and (max-width: 787px){
	.appointment-text-box .lineup-btn-wraps{
		max-width: unset;
	}
}
.appointment-text-box .lineup-btn-wrap{
	margin: 20px auto 0;
}
#appointment .link-btn {
	line-height: 1.4;
	border-radius: 40px;
	padding: 0;
	height: 54px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.sapporolife-img{
	margin: 0 auto 100px;
}
.sapporolife-lead{
	font-size: 3.6rem;
	line-height: 1.6;
	margin-bottom: 30px;
}
.sapporolife-note{
	font-size: 1.8rem;
	line-height: 1.6;
	margin-bottom: 80px;
}
.point-items{
	flex-wrap: wrap;
	justify-content: space-between;
}
.point-item{
	width: calc(50% - 60px);
	margin-bottom: 160px;
}
.point-title{
	font-size: 3.8rem;
	letter-spacing: .1rem;
}
.point-title span{
	font-size: 7.4rem;
	font-style: italic;
	
}
.point-lead{
	font-size: 3.2rem;
	line-height: 1.4;
	letter-spacing: .1rem;
	margin-top: 20px;
}
.point-text{
	font-size: 1.8rem;
	line-height: 1.8;
	letter-spacing: .1rem;
	margin-top: 40px;
}

.slide-wrap{
	background-color: #163259;
	padding: 80px 0 100px;
}
.slide-lead{
	font-size: 3.6rem;
	letter-spacing: .3rem;
	color: #fff;
	line-height: 1.4;
	margin-bottom: 60px;
}
.location-slide-items {
  margin: 0 auto;
  max-width: 1580px;
  width: calc(100% - 30px);
}
.location-slide-items .slick-track,
.location-slide-items .slick-track{
	padding-bottom: 10px;
	left: 50%;
}
.location-slide-item {
  padding: 0 8px;
  box-sizing: border-box;
}
.location-slide .slide-arrow{
	position: absolute;
	z-index: 1;
	bottom: -15%;
	left: unset;
	right: unset;
	width: 1%;
	height: auto;
}
.location-slide .slide-arrow.prev-arrow{
	left: 45%;
	transform: rotate(180deg);
}
.location-slide .slide-arrow.next-arrow{
	right: 45%;
}
.indicator {
  flex: 1;
  height: 100%;
  background: transparent;
  transition: background-color 0.3s ease;
}
.indicator.active {
  background-color: #B5B5B5;
}
.map-wrap{
	padding: 100px 0;
}
.loc-lead{
	font-size: 3.2rem;
	line-height: 1.4;
	margin-bottom: 30px;
}
.loc-lead-sub{
	font-size: 1.8rem;
	line-height: 1.4;
	margin-bottom: 60px;
}

#quality .lineup-items{
	justify-content: space-between;
	gap: unset;
}
#quality .lineup-item{
	width: calc(100% / 2 - 18px);
	margin-bottom: 60px;
}
#quality .lineup-items .lineup-access{
	min-height: unset;
	font-size: 1.6rem;
}
@media screen and (max-width: 1300px) {
    #quality .lineup-items {
        max-width: unset;
    }
}
@media screen and (min-width: 481px) and (max-width: 1240px) {
	#quality .lineup-items .lineup-access{
		font-size: 1.8vw;
    }
}
@media screen and (max-width: 787px) {
	#quality .lineup-items .lineup-access{
		font-size: 1.4rem;
	}
	#quality .lineup-items{
		gap: 40px;
	}
}
.bg-gray{
	background-color: #F0F0F0;
}

.tel-wrapper{
	background-color: #163259;
	color: #fff;
	padding: 60px 0;
	line-height: 1.8;
	letter-spacing: .1rem;
}
.tel-item {
	margin-top: 30px;
	text-align: center;
	line-height: 1.8;
	border: 1px solid #4A4C58;
	border-radius: 10px;
	padding: 30px 0;
}
.tel-text{
	font-size: 1.4rem;
	letter-spacing: -.05rem;
}
@media screen and (max-width: 1300px){
	.tel-text{
		font-size: 1.6rem;
	}
}
.tel-number{
	font-size: 4.4rem;
	color: #333;
}
.tel-bottom{
	font-size: 1.4rem;
}
.co-text{
	font-size: 1.6rem;
	margin: 30px auto;
}
@media screen and (max-width: 787px){
	.contents-mv .img-wrapper .caption{
		bottom: 30px;
	}
	.contents-detail{
		margin-top: -30px;
		border-radius: 30px 30px 0 0;
	}
	.sapporolife-img{
		margin: 40px auto;
	}
	.sapporolife-lead{
		font-size: 2.4rem;
		margin-bottom: 30px;
	}
	.appoint-date{
		font-size: 1.6rem;
	}
	#appointment .link-btn {
		font-size: 1.2rem;
		line-height: 1.2;
		height: 41px;
	}
	.sapporolife-note{
		font-size: 1.4rem;
		margin-bottom: 60px;
	}
	.point-item{
		margin-bottom: 10px;
	}
	.point-item:nth-child(3),
	.point-item:nth-child(5),
	.point-item:nth-child(7),
	.point-item:nth-child(9){
		margin-top: 40px;
	}
	.point-item{
		width: 100%;
	}
	.point-title{
		font-size: 2.8rem;
	}
	.point-title span{
		font-size: 5.4rem;
		
	}
	.point-lead{
		font-size: 1.8rem;
	}
	.point-text{
		font-size: 1.4rem;
		line-height: 1.4;
		margin-top: 20px;
	}
	.slide-wrap{
		padding: 40px 0;
	}
	.slide-lead{
		font-size: 2.4rem;
		margin-bottom: 40px;
	}
	.location-slide{
		background: linear-gradient(180deg, #f1f2f5 0%, #f4f5f7 25%, #f8f9fa 50%, #fbfbfb 75%, #ffffff 100%);
	}
	.location-slide-items{
		margin: 0 auto 40px;
		flex-direction: column;
		gap: 60px 0;
		max-width: 85%;
	}
	.location-slide-item{
		width: 100%;
		padding: 0 8px;
		box-sizing: border-box;
	}
	.location-slide-items .slick-track,
	.location-slide-items .slick-track{
		left: unset;
	}
	.location-slide .slide-arrow{
		width: 5%;
	}
	.location-slide .slide-arrow.prev-arrow{
		left: 35%;
	}
	.location-slide .slide-arrow.next-arrow{
		right: 35%;
	}
	.indicator {
		flex: 1;
		height: 100%;
		background: transparent;
		transition: background 0.3s ease;
	}
	.indicator.active {
		background: #B5B5B5;
	}
	.loc-lead{
		font-size: 2.6rem;
		margin-bottom: 10px;
	}
	.loc-lead-sub{
		margin-bottom: 40px;
	}
	#quality .lineup-item{
		width: 100%;
		margin-bottom: 30px;
	}
	.tel-text{
		font-size: 1.4rem;
	}
	.tel-number{
		font-size: 4rem;
	}
	.tel-bottom{
		font-size: 1.2rem;
	}
}