@charset "UTF-8";


/***************************************************

	access

***************************************************/

main{
	overflow: hidden;
	/*padding-bottom: 0;*/
}

#access_top{
	text-align: center;
	margin-bottom: 192px;
}

#access_top h2{
	font-size: 40px;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: 0.04em;
	color: var(--color1);
	margin-bottom: 20px;
}

#access_top h2 strong{
	font-weight: 500;
	background: var(--txt_accent, linear-gradient(90deg, #1158B8 0%, #2CC1D9 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#access_top .head_caption{
	font-size: 20px;
	font-weight: 400;
	line-height: 2.0;
	margin-bottom: 80px;
}

#access_top .slider_wrapp{

}

#access_top .slider_wrapp .access_slider{

}

#access_top .slider_wrapp .access_slider li.slick-slide{
	padding: 0 12px;
	box-sizing: border-box;
}

#access_top .slick-dots{
	bottom: -65px;
}

#access_top .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 10px;
}

#access_top .slick-dots li button {
    width: 12px;
    height: 12px;
    padding: 0;
    background: #EDEFF2;
}

#access_top .slick-dots li.slick-active button {
    background: var(--color1);
}


#access_top .slick-dots li button:before{
    content: none;
}

#access_top .slick-prev::before,
#access_top .slick-next::before{
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	background-image: url('../images/common/icon_slider_arrow.svg');
    position: absolute;
    top: 0;
    left: 0;
}

#access_top .slick-prev::before{
    transform: scale(-1, 1);
}


/* ナビ全体 */
#access_top .slider_nav {
  position: relative;
  width: fit-content;
  margin: -45px auto 0;
}

/* dotsを中央に固定 */
#access_top .slider_nav .slick-dots {
  display: flex !important;
  justify-content: center;
  position: relative;
  margin: 0;
}

#access_top .slider_nav .slick-prev,
#access_top .slider_nav .slick-next {
  position: absolute;
  top: unset;
  bottom: -74px;
  transform: translateY(0);
  width: 32px;
  height: 32px;
}

#access_top .slick-prev {
    left: -46px;
}

#access_top .slick-next {
    right: -46px;
}



#access_add{

}

#access_add .cont_wrapp{
	width: 1200px;
	margin: 0 auto 120px;
}

#access_add .cont_wrapp h2{
	font-size: 40px;
	line-height: 1.75;
	font-weight: 500;
	color: var(--color1);
	letter-spacing: 0.04em;
}

#access_add .cont_wrapp .add_data{
	font-size: 22px;
	font-weight: 400;
	line-height: 1.75;
	letter-spacing: 0.02em;
	margin-bottom: 64px;
}

#access_add .cont_wrapp .flex_block{
	display: flex;
	justify-content: space-between;
}

#access_add .cont_wrapp .flex_block .map_area{
	width: 486px;
}

#access_add .cont_wrapp .flex_block .map_area .map_data{
	margin-bottom: 24px;
	height: 647px;
	overflow: hidden;
	border-radius: 4px;
}

#access_add .cont_wrapp .flex_block .map_area .map_data iframe{
	width: 100%;
	height: 100%;
}

#access_add .cont_wrapp .flex_block .map_area .link_btn{

}

#access_add .cont_wrapp .flex_block .map_area .link_btn a{
	display: block;
	width: 249px;
	height: 56px;
	border-radius: 56px;
	border: 1px solid var(--color1);
	color: var(--color1);
	position: relative;
}

#access_add .cont_wrapp .flex_block .map_area .link_btn a:hover{
	background: var(--color1);
	color: #fff;
	opacity: 1;
}

#access_add .cont_wrapp .flex_block .map_area .link_btn a::after{
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	background-image: url('../images/common/icon_link.svg');
	position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%);
    transition: all 0.2s linear;
}

#access_add .cont_wrapp .flex_block .map_area .link_btn a:hover::after{
	filter: brightness(0) invert(1);
}

#access_add .cont_wrapp .flex_block .map_area .link_btn a strong{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 0.04em;
	position: absolute;
    top: 50%;
    left: 30px;
    transform: translate(0, -50%);
}

#access_add .cont_wrapp .flex_block .text_area{
	width: 588px;
}

#access_add .cont_wrapp .flex_block .text_area ul{
	border-top: 1px solid #B5BBC2;
}

#access_add .cont_wrapp .flex_block .text_area ul li{
	padding: 64px 0;
	border-bottom: 1px solid #B5BBC2;
}

#access_add .cont_wrapp .flex_block .text_area ul li .li_title{
	font-size: 32px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.02em;
	color: var(--color1);
	padding-left: 72px;
	margin-bottom: 16px;
	position: relative;
}

#access_add .cont_wrapp .flex_block .text_area ul li .li_title::before{
	content: '';
	display: inline-block;
	width: 56px;
	height: 56px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	background-image: url('../images/access/icon_access01.svg');
	position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

#access_add .cont_wrapp .flex_block .text_area ul li.li02 .li_title::before{
	background-image: url('../images/access/icon_access02.svg');
}

#access_add .cont_wrapp .flex_block .text_area ul li.li03 .li_title::before{
	background-image: url('../images/access/icon_access03.svg');
}

#access_add .cont_wrapp .flex_block .text_area ul li .li_caption{
	font-size: 18px;
	font-weight: 400;
	line-height: 2.0;
}


.showroom_visit{
	padding-bottom: 120px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	background-image: url('../images/access/showroom_bg.png');
}

.showroom_visit a{
	display: flex;
	align-items: center;
	width: 1200px;
	height: 409px;
	margin: 0 auto;
	border-radius: 8px;
	overflow: hidden;
	background: linear-gradient(120deg, rgba(17, 88, 184, 0.90) 1.94%, rgba(44, 193, 217, 0.90) 71.24%, rgba(186, 240, 168, 0.90) 100%);
	box-shadow: 0 40px 40px 0 rgba(128, 174, 216, 0.20);
	backdrop-filter: blur(10px);
	position: relative;
}

.showroom_visit a:hover{
	opacity: 1;
}

.showroom_visit a::before{
	content: '';
	display: inline-block;
	width: 759px;
	height: 106px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	background-image: url('../images/access/showroom_inner_bg.png');
	position: absolute;
	bottom: 0;
	right: 0;
}

.showroom_visit a .image_area{
	width: 516px;
	height: 100%;
	position: relative;
	z-index: 3;
}

.showroom_visit a .image_area img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.showroom_visit a .text_area{
	width: calc(100% - 516px);
	padding-left: 0;
	box-sizing: border-box;
	color: #fff;
	position: relative;
	z-index: 3;
}

.showroom_visit a .text_area .main_catch{
	font-size: 32px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.02em;
	margin-bottom: 16px;
}

.showroom_visit a .text_area .main_caption{
	font-size: 18px;
	font-weight: 400;
	line-height: 2.0;
	margin-bottom: 24px;
}

.showroom_visit a .text_area .btn{
	width: 366px;
	height: 88px;
	border-radius: 88px;
	background: #fff;
	color: var(--color1);
	position: relative;
	transition: all 0.2s linear;
}

.showroom_visit a:hover .text_area .btn{
	background: var(--color1);
	color: #fff;	
}

.showroom_visit a .text_area .btn::before{
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	background-image: url('../images/common/icon_mail2.svg');
	position: absolute;
    top: 50%;
    left: 32px;
    transform: translate(0, -50%);
    transition: all 0.2s linear;
}

.showroom_visit a:hover .text_area .btn::before{
	filter: brightness(0) invert(1);
}

.showroom_visit a .text_area .btn strong{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	position: absolute;
    top: 50%;
    left: 74px;
    transform: translate(0, -50%);
}






/********************************************************************************
	リッキド用 CSS
********************************************************************************/

@media(max-width:1280px){

#access_add .cont_wrapp{
	width: 93.75vw;
}

#access_add .cont_wrapp .flex_block .map_area{
	width: 37.96875vw;
}

#access_add .cont_wrapp .flex_block .map_area .map_data{
	height: 50.546875vw;
}

#access_add .cont_wrapp .flex_block .text_area{
	width: 45.9375vw;
}


.showroom_visit a{
	width: 93.75vw;
}

.showroom_visit a .image_area{
	width: 40.3125vw;
}

.showroom_visit a .text_area{
	width: calc(100% - 40.3125vw);
	padding-left: 0;
}



}


/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:680px){

.page_head {
	height: 59.733333vw;
}

#access_top{
	margin-bottom: 36.266667vw;
}

#access_top h2{
	font-size: 6.4vw;
	line-height: 1.5;
	letter-spacing: 0;
	margin-bottom: 10.666667vw;
}

#access_top .head_caption{
	font-size: 4.8vw;
	margin-bottom: 17.066667vw;
}

#access_top .slider_wrapp{

}

#access_top .slider_wrapp .access_slider{

}

#access_top .slider_wrapp .access_slider li.slick-slide{
	padding: 0 1.6vw;
}

#access_top .slick-dots{
	bottom: -65px;
}

#access_top .slick-dots li {
    width: 3.2vw;
    height: 3.2vws;
    margin: 0 2.666667vw;
}

#access_top .slick-dots li button {
    width: 3.2vw;
    height: 3.2vw;
}

#access_top .slick-prev::before,
#access_top .slick-next::before{
	width: 8.533333vw;
	height: 8.533333vw;
}

#access_top .slick-prev::before{
    transform: scale(-1, 1);
}


/* ナビ全体 */
#access_top .slider_nav {
  margin: -18.666667vw auto 0;
}

#access_top .slider_nav .slick-prev,
#access_top .slider_nav .slick-next {
  position: absolute;
  top: unset;
  bottom: -19.733333vw;
  transform: translateY(0);
  width: 8.533333vw;
  height: 8.533333vw;
}

#access_top .slick-prev {
    left: -12.266667vw;
}

#access_top .slick-next {
    right: -12.266667vw;
}



#access_add{

}

#access_add .cont_wrapp{
	width: auto;
	margin: 0 6.4vw 17.066667vw;
}

#access_add .cont_wrapp h2{
	font-size: 6.4vw;
	line-height: 1.5;
	letter-spacing: 0;
	margin-bottom: 4.266667vw;
}

#access_add .cont_wrapp .add_data{
	font-size: 4.8vw;
	letter-spacing: 0;
	margin-bottom: 10.666667vw;
}

#access_add .cont_wrapp .flex_block{
	display: block;
}

#access_add .cont_wrapp .flex_block .map_area{
	width: auto;
}

#access_add .cont_wrapp .flex_block .map_area .map_data{
	margin-bottom: 6.4vw;
	height: 116vw;
	overflow: hidden;
	border-radius: 0 2.133333vw 2.133333vw 0;
}

#access_add .cont_wrapp .flex_block .map_area .link_btn a{
	width: 66.4vw;
	height: 14.933333vw;
	border-radius: 14.933333vw;
}

#access_add .cont_wrapp .flex_block .map_area .link_btn a::after{
	width: 6.4vw;
	height: 6.4vw;
    right: 5.333333vw;
}

#access_add .cont_wrapp .flex_block .map_area .link_btn a strong{
	font-size: 4.8vw;
    left: 8vw;
}

#access_add .cont_wrapp .flex_block .text_area{
	width: auto;
	margin-top: 10.666667vw;
}

#access_add .cont_wrapp .flex_block .text_area ul li{
	padding: 6.4vw 0;
}

#access_add .cont_wrapp .flex_block .text_area ul li .li_title{
	font-size: 5.333333vw;
	letter-spacing: 0;
	padding-left: 17.066667vw;
	margin-bottom: 4.266667vw;
}

#access_add .cont_wrapp .flex_block .text_area ul li .li_title::before{
	width: 12.8vw;
	height: 12.8vw;
}

#access_add .cont_wrapp .flex_block .text_area ul li .li_caption{
	font-size: 4.266667vw;
}



.showroom_visit{
	width: auto;
	margin: 0;
	padding: 0 6.4vw 21.333333vw;
}

.showroom_visit a{
	display: block;
	width: 87.2vw;
	height: auto;
	border-radius: 2.133333vw;
	overflow: hidden;
	background: linear-gradient(158deg, rgba(17, 88, 184, 0.90) 1.67%, rgba(44, 193, 217, 0.90) 71.16%, rgba(186, 240, 168, 0.90) 100%);
	box-shadow: 0 10.666667vw 10.666667vw 0 rgba(128, 174, 216, 0.20);
	backdrop-filter: blur(2.666667vw);
}

.showroom_visit a::before{
	content: none;
}

.showroom_visit a .image_area{
	width: auto;
	height: auto;
}

.showroom_visit a .text_area{
	width: auto;
	padding: 0 0 14.933333vw;
}

.showroom_visit a .text_area .main_catch{
	font-size: 5.333333vw;
	letter-spacing: 0;
	margin-bottom: 4.266667vw;
	text-align: center;
}

.showroom_visit a .text_area .main_caption{
	font-size: 4.266667vw;
	margin: 0 6.4vw 6.4vw;
}

.showroom_visit a .text_area .btn{
	width: 70.933333vw;
	height: 21.333333vw;
	border-radius: 21.333333vw;
	margin: 0 auto;
}

.showroom_visit a .text_area .btn::before{
	width: 6.4vw;
	height: 6.4vw;
    left: 8.533333vw;
}

.showroom_visit a .text_area .btn strong{
	font-size: 4.8vw;
	line-height: 1.3;
    left: 17.6vw;
}



}