@charset "UTF-8";
@media all and (min-width: 1301px) {  
    .showroom #container_page_large{
       /* max-width: 890px;*/
    }
}  
@media all and (min-width: 641px) {

.showroom #container_page_large .page_body {
width: 1200px;
margin-left: auto;
margin-right: auto;
}


/*===================SR_top=========================*/
				
				
				
.thumb .slick-prev, .thumb .slick-next {
top: 35% !important;
/*-webkit-transform: translate(0, -100%);*/
}
				
	
.slick-dots li button::before {
color: #fff !important;
}
	
	
				
.showroom #container_page_large #SR_top {
color: #fff;
}


.showroom #container_page_large .SR_all_bk {
padding-top: 20px;
padding-bottom: 60px;
position: relative;
background-image: url("./images/SR_all_bk.jpg");
background-repeat: repeat;
background-size: contain;		
}

.showroom #container_page_large #SR_top h2 {
 font-size: 70px;
	color: #FFEFC7;
	text-align: center;
		letter-spacing: .2em;
			padding: 80px 0 40px;
}

.showroom #container_page_large #SR_top dl {
	text-align: center;
}

.showroom #container_page_large #SR_top dl dt {
 font-size: 26px;
	padding: 40px 0;
}

.showroom #container_page_large #SR_top dl dd {
 font-size: 18px;
	line-height: 1.8em;
}

.showroom #container_page_large #SR_top .catch {
 font-size: 50px;
	letter-spacing: .2em;
	text-align: center;
	padding: 80px 0 50px;
}

/*===================SR_top=========================*/

/*===================movie=========================*/

.showroom #container_page_large #movie .movie_in {
margin: 0 0;
}

/*===================movie=========================*/


/*===================slide=========================*/


    /* slide */
    .showroom #container_page_large #slide{
      margin-top: 45px;
    }
    .showroom #container_page_large #slide .slide_wrapper .slider{
        width: 90%;
        margin: 0 auto 2em;
    }
    .showroom #container_page_large #slide .slide_wrapper .thumb.slick-dotted.slick-slider{
        width: 91%;
        margin: 0 auto 1em;
    }
    .showroom #container_page_large #slide .slide_wrapper .slider li,
				.showroom #container_page_large #slide .slide_wrapper .thumb li{
        aspect-ratio: 3/2;
    }
    .showroom #container_page_large #slide .slide_wrapper .slider li a,
				.showroom #container_page_large #slide .slide_wrapper .thumb li a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .showroom #container_page_large #slide .slide_wrapper .slider li a img,
				.showroom #container_page_large #slide .slide_wrapper .thumb li a img{
        width: auto;
        height: 100%;
        margin: 0 auto;
    }
    .showroom #container_page_large #slide .slide_wrapper .thumb .slick-dots{
        bottom: -10px;
    }
    .showroom #container_page_large #slide .slide_wrapper .thumb .slick-dots li button:before{
        font-size: 50px;
    }

/*===================slide=========================*/


/*===================SR_button_block=========================*/



.showroom #container_page_large #SR_button_block .button_wrap {
background-color: #947F3B;
margin-top: 30px;
}

.showroom #container_page_large #SR_button_block .button_wrap .button {
display: flex;
}

.showroom #container_page_large #SR_button_block .button_wrap .button li {
width: 33%;
flex-direction: column;
display: flex;
box-sizing: border-box;
border-right: 1px solid #fff;
}

.showroom #container_page_large #SR_button_block .button_wrap .button li:last-child {
border-style: none;
}


.showroom #container_page_large #SR_button_block .button_wrap .button li a {
color: #fff;
line-height: 1.8em;
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px 0 50px;
}

.showroom #container_page_large #SR_button_block .button_wrap .button li a:hover {
background-color: #5B4C28;
}



.showroom #container_page_large #SR_button_block .button_wrap .button li a span {
display: block;
position: relative;
}



.showroom #container_page_large #SR_button_block .button_wrap .button li a span:after {
    content: '';
    display: inline-block;
				position: absolute;
				bottom: -30px;
				left: 50%;
				transform: translateX(-50%);
    width: 26px;
    height: 26px;
    background-image: url(./images/SR_button_arrow.png);
    background-size: contain;
    vertical-align: -1px;
    background-repeat: no-repeat;
}


.showroom #container_page_large #SR_button_block .top_BtnBase a,
.showroom #container_page_large #SR_flow .top_BtnBase a{
background-color: unset;
color: #fff;
border: #fff solid 1px;
}

.showroom #container_page_large #SR_button_block .top_BtnBase a:hover,
.showroom #container_page_large #SR_flow .top_BtnBase a:hover{
background-color: #5B4C28;
}


/*===================SR_button_block=========================*/


/*===================SR_cando=========================*/


.Lora {
font-family: 'Lora', serif;
font-family: 'Shippori Mincho B1', serif;
}


.showroom #container_page_large #SR_cando {
background-color: #F5F5F5;
}

.showroom #container_page_large #SR_cando .SR_cando_bk {
position: relative;
background-image: url("./images/SR_cando_bk.png");
background-repeat: no-repeat;
background-size: contain;		
}

.showroom #container_page_large h3 {
text-align: center;
 font-size: 32px;
	padding: 80px 0;
}

.showroom #container_page_large #SR_cando .point_title_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: center;
				width: 80%;
margin: 0 auto;
}

.showroom #container_page_large #SR_cando .point_title_block li {
width: 28%;
position: relative;
  display: inline-block;
  margin: 1.5em 0;
  /*padding: 7px 10px;*/
  min-width: 120px;
  max-width: 100%;
  font-size: 16px;
		 /*box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);*/
			filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}

.showroom #container_page_large #SR_cando .point_title_block li a {
color: #fff;
background: #000;
display: block;
border-radius: 10px;
}



.showroom #container_page_large #SR_cando .point_title_block li:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #000;
}


.showroom #container_page_large #SR_cando .point_title_block li .triangle {
  position: absolute;
  top: -49.5px;
  width: 0;
  height: 0;
  border-right: 134px solid transparent;
  border-left: 134px solid transparent;
  border-bottom: 53px solid #000;
  border-radius: 5px;
}

.showroom #container_page_large #SR_cando .point_title_block li .box {
width: 90%;
margin: 0 auto;
  position: relative;
		  z-index: 1;
}

.showroom #container_page_large #SR_cando .point_title_block li .box .title {
color: #947f3b;
display: block;
border-bottom: 1px solid #947f3b;
padding: 8px 10% 10px;
text-align: center;
  font-size: 20px;
}


.showroom #container_page_large #SR_cando .point_title_block li .box .title span {
  font-size: 58px;
		padding-left: 4px;
}

.showroom #container_page_large #SR_cando .point_title_block li .box .ph {
padding: 10px 0 20px;
}

.showroom #container_page_large #SR_cando .point_title_block li .box .txt {
text-align: center;
padding-bottom: 20px;
}




.showroom #container_page_large #SR_cando .point_block_wrap {
margin: 80px 0 100px;
}



.showroom #container_page_large #SR_cando .point_block_wrap li {
margin-bottom: 60px;
}


.showroom #container_page_large #SR_cando .point_block_wrap li .point_block {
box-sizing: border-box;
border: 1px solid #000;
background-color: #fff;
position: relative;
min-height: 380px;
}

.showroom #container_page_large #SR_cando .point_block_wrap li .point_block .title {
color: #947f3b;
display: block;
border-bottom: 1px solid #947f3b;
padding: 30px 0 20px 1em;
font-size: 30px;
background-color: #000;
}

.showroom #container_page_large #SR_cando .point_block_wrap li .point_block .title span {
font-size: 70px;
		padding-left: 20px;
}



.showroom #container_page_large #SR_cando .point_block_wrap li .point_block_inner {
    display: flex;
    justify-content: space-between;
				flex-flow: row-reverse;
				position: relative;
				padding: 0 3%;
}

.showroom #container_page_large #SR_cando .point_block_wrap li .point_block_inner .left_txt {
width: 55%;
padding: 40px 0;
}

.showroom #container_page_large #SR_cando .point_block_wrap li .point_block_inner .left_txt dt {
font-size: 25px;
padding-bottom: 20px;
}

.showroom #container_page_large #SR_cando .point_block_wrap li .point_block_inner .left_txt dd {
font-size: 18px;
line-height: 1.8em;
}

.showroom #container_page_large #SR_cando .point_block_wrap li .point_block_inner .right_ph {
position: relative;
width: 40%;
}


.showroom #container_page_large #SR_cando .point_block_wrap li .point_block_inner .right_ph p {
position: absolute;
top: -60px;
box-sizing: border-box;
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}


/*===================SR_cando=========================*/


/*===================SR_voice=========================*/


.showroom #container_page_large .SR_voice_bk {
padding-top: 20px;
padding-bottom: 60px;
position: relative;
background-image: url("./images/SR_voice_bk.jpg");
background-size: 100% auto;
/*background-repeat: repeat;
background-size: contain;	*/	
}

.showroom #container_page_large #SR_voice h3 {
padding-bottom: 40px;
}


.showroom #container_page_large #SR_voice .sub_title {
text-align: center;
line-height: 2em;
font-size: 20px;
letter-spacing: .1em;
}

.showroom #container_page_large #SR_voice ul {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
}

.showroom #container_page_large #SR_voice ul li {
width: 30%;
position: relative;
}

.showroom #container_page_large #SR_voice ul li .ph {
border-radius: 50%;
position: relative;
overflow: hidden;
}

.showroom #container_page_large #SR_voice ul li .txt_box {
position: relative;
top: -40px;
box-sizing: border-box;
border: 1px solid #ccc;
background-color: #fff;
padding: 30px 10%;
min-height: 470px;
}

.showroom #container_page_large #SR_voice ul li .txt_box p {
line-height: 1.7em;
}

.showroom #container_page_large #SR_voice ul li .txt_box p span {
display: block;
/*text-align: right;*/
position: absolute;
bottom: 2em;
right: 10%;
}




.showroom #container_page_large #SR_voice ul li:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  background-image: url("./images/SR_voice_ph_shadow.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 40px;
  background-size: contain;
}

.showroom #container_page_large #SR_voice .top_BtnBase a {
background-color: unset;
}

.showroom #container_page_large #SR_voice .top_BtnBase a:hover {
background-color: #333;
}


/*===================SR_voice=========================*/


/*===================SR_flow=========================*/

.showroom #container_page_large #SR_flow {
}

.showroom #container_page_large #SR_flow h3,
.showroom #container_page_large #SR_family h3,
.showroom #container_page_large #SR_access h3{
color: #fff;
}

.showroom #container_page_large #SR_flow .box_wrap {
    flex-wrap: wrap; 
    display: flex;
    justify-content: space-between;
				position: relative;
				margin-bottom: 120px;
}


.showroom #container_page_large #SR_flow .box_wrap .ph_box {
width: 70%;
position: relative;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box {
width: 28%;
background-color: rgba(255,255,255,0.9);
position: absolute;
z-index: 1;
top: 120px;
left: 52%;
padding: 60px 3%;
min-height: 360px;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box dl {
text-align: center;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box dl dt {
background-color: #947f3b;
color: #fff;
border-radius: 20px;
width: 30%;
margin: 0 auto;
letter-spacing: .1em;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box dl dd {
font-size: 4rem;
padding: 40px 0 60px;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box .title {
font-size: 1.2rem;
text-align: center;
letter-spacing: .1em;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box .txt {
font-size: 1rem;
line-height: 2em;
padding-top: 20px;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box .txt a {
color: #0066cb;
text-decoration: underline;
}


.showroom #container_page_large #SR_flow .flow2 {
 flex-flow: row-reverse;
}

.showroom #container_page_large #SR_flow .flow2 .txt_box {
left: 12%;
}


/*===================SR_flow=========================*/


/*===================SR_family=========================*/

.showroom #container_page_large #SR_family #SR_window {
}

.showroom #container_page_large #SR_family .SR_window_bk {
padding: 100px 0;
position: relative;
background-image: url("./images/SR_window_bk.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
} 

.showroom #container_page_large #SR_family .ph_big {
margin-bottom: 40px;
} 

.showroom #container_page_large #SR_family .txt_box_wrap {
background-color: #5b4c28;
color: #fff;
padding: 40px 10%;
}

.showroom #container_page_large #SR_family .txt_box_wrap .txt_box {
flex-wrap: wrap; 
display: flex;
justify-content: space-between;
} 

.showroom #container_page_large #SR_family .txt_box_wrap .txt_box .txt {
width: 60%;
padding-left: 1.3em;
text-indent: -1.3em;
font-size: 1.4rem;
}

.showroom #container_page_large #SR_family .txt_box_wrap .txt_box .txt li {
line-height: 1.4em;
padding-bottom: 10px;
}



.showroom #container_page_large #SR_family .txt_box_wrap .ph {
width: 20%;
}



.showroom #container_page_large #SR_family .balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px 0;
  width: 100%;
  color: #fff;
  font-size: 16px;
  background: #947f3b;
  border-radius: 15px;
		text-align: center;
}

.showroom #container_page_large #SR_family .balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #947f3b;
}

.showroom #container_page_large #SR_family .balloon p {
font-size: 1.4rem;
font-weight: bold;
line-height: 1.8em;
padding-bottom: 20px;
}


.showroom #container_page_large #SR_family .balloon ul {
flex-wrap: wrap; 
display: flex;
justify-content: space-between;
    align-items: center;
   width: 90%;
margin: 0 auto;
} 

.showroom #container_page_large #SR_family .balloon ul li {
width: 50%;
}

.showroom #container_page_large #SR_family .balloon ul li a {
color: #fff;
}



.showroom #container_page_large #SR_family .balloon ul li .tel a {
font-size: 2rem;
} 

.showroom #container_page_large #SR_family .balloon ul li .tel a:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url(./images/SR_family_tel_off.png);
    background-size: contain;
    vertical-align: -1px;
    background-repeat: no-repeat;
				padding-right: .5em;
}

.showroom #container_page_large #SR_family .balloon ul li .tel a:hover {
color:#5b4c28; 
}


.showroom #container_page_large #SR_family .balloon ul li .tel a:hover:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url(./images/SR_family_tel_on.png);
				    background-size: contain;
    vertical-align: -1px;
    background-repeat: no-repeat;
				padding-right: .5em;
}



.showroom #container_page_large #SR_family .balloon ul li .mail {
position: relative;
}

.showroom #container_page_large #SR_family .balloon ul li .mail a {
display: block;
background-color: #fff;
color: #5b4c28;
padding: 20px 0;
}




.showroom #container_page_large #SR_family .balloon ul li .mail a:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url(./images/SR_family_mail_off.png);
    background-size: contain;
    vertical-align: -9px;
    background-repeat: no-repeat;
				  padding-right: .5em;
						transition: all 0.5s ease 0s;
}

.showroom #container_page_large #SR_family .balloon ul li .mail a:hover {
background-color: #5b4c28;
color: #fff;
}


.showroom #container_page_large #SR_family .balloon ul li .mail a:hover:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
background-image: url(./images/SR_family_mail_on.png);
    background-size: contain;
    vertical-align: -9px;
    background-repeat: no-repeat;
				  padding-right: .5em;
}

.showroom #container_page_large #SR_family .last_txt {
font-size: 1.8rem;
text-align: center;
padding: 20px 0;
letter-spacing: .1em;
}



.showroom #container_page_large #SR_family .top_BtnBase a {
background-color: #5b4c28;
color: #fff;
border-color: #fff;
}

.showroom #container_page_large #SR_family .top_BtnBase a:hover {
background-color: #333;
}

/*===================SR_family=========================*/



/*===================SR_access=========================*/

.showroom #container_page_large #SR_access {

}

.showroom #container_page_large #SR_access .title_wrap {
position: relative;
padding: 90px 0;
}


.showroom #container_page_large #SR_access .title_wrap h3 {
z-index: 10;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
color: #fff;
}

.showroom #container_page_large #SR_access .title_wrap .bk_txt {
  font-size: 9rem;
  color: #5b4c28;
  letter-spacing: .05em;
  text-align: center;
  padding: 40px 0 0;
}

.showroom #container_page_large #SR_access .box_wrap {
flex-wrap: wrap; 
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
}


.showroom #container_page_large #SR_access .box_wrap .ph_box {
width: 45%;
}

.showroom #container_page_large #SR_access .box_wrap .ph_box ul {
flex-wrap: wrap; 
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}

.showroom #container_page_large #SR_access .box_wrap .ph_box ul li {
width: 48%;
}

.showroom #container_page_large #SR_access .box_wrap .access_box {
width: 50%;
color: #fff;
}


.showroom #container_page_large #SR_access .box_wrap .com_name {
font-size: 1.2rem;
padding-bottom: 20px;
}

.showroom #container_page_large #SR_access .box_wrap dl {
font-size: 1rem;
  display: flex;
  flex-wrap: wrap;
box-sizing: border-box;
}

.showroom #container_page_large #SR_access .box_wrap dl dt {
width: 20%;
border-bottom: 2px solid #5b4c28;
}

.showroom #container_page_large #SR_access .box_wrap dl dd {
width: 80%;
border-bottom: 2px solid #947f3b;
}

.showroom #container_page_large #SR_access .box_wrap dl dt,
.showroom #container_page_large #SR_access .box_wrap dl dd {
padding: 10px 0 4px;
}

.showroom #container_page_large #SR_access .box_wrap dl dd.catch_train:before  {
    content: '';
    display: inline-block;
    background-image: url(./images/SR_access_train_icon.png);
    width: 26px;
    height: 26px;
    background-size: contain;
    vertical-align: -9px;
    background-repeat: no-repeat;
				  padding-right: .5em;
						
}

.showroom #container_page_large #SR_access .box_wrap dl dd.catch_car:before  {
    content: '';
    display: inline-block;
    background-image: url(./images/SR_access_car_icon.png);
    width: 26px;
    height: 26px;
    background-size: contain;
    vertical-align: -9px;
    background-repeat: no-repeat;
				  padding-right: .5em;
						
}



.showroom #container_page_large #SR_access .box_wrap dl dt:nth-child(n+7),
.showroom #container_page_large #SR_access .box_wrap dl dd:nth-child(n+8) {
border-style: none;
}


.showroom #container_page_large #SR_access .box_wrap dl dd:nth-child(n+9) {
padding-left: 20%;
border-style: none;
}


.showroom #container_page_large #SR_access iframe {
margin-bottom: 60px;
}

/*===================SR_access=========================*/


				
}


@media all and (max-width: 640px) {

.showroom #container_page_large .page_body {
width: 90%;
margin-left: auto;
margin-right: auto;
}
 
/*===================SR_top=========================*/
						
.thumb .slick-prev, .thumb .slick-next {
top: 35% !important;
/*-webkit-transform: translate(0, -100%);*/
}
				
	
.slick-dots li button::before {
color: #fff !important;
}
	
	
				
.showroom #container_page_large #SR_top {
color: #fff;
}


.showroom #container_page_large .SR_all_bk {
padding-top: 20px;
padding-bottom: 20px;
position: relative;
background-image: url("./images/SR_all_bk.jpg");
background-repeat: repeat;
background-size: contain;		
}

.showroom #container_page_large #SR_top h2 {
 font-size: 30px;
	color: #FFEFC7;
	text-align: center;
		letter-spacing: .2em;
			padding: 80px 0 20px;
}

.showroom #container_page_large #SR_top dl {
	text-align: center;
}

.showroom #container_page_large #SR_top dl dt {
font-size: 20px;
padding: 10px 0;
line-height: 1.8em;
}

.showroom #container_page_large #SR_top dl dd {
font-size: 14px;
	line-height: 1.8em;
	text-align: left;
}

.showroom #container_page_large #SR_top dl dd br {
display: none;
}


.showroom #container_page_large #SR_top .catch {
font-size: 20px;
letter-spacing: .2em;
text-align: center;
padding: 40px 0 20px;
}

/*===================SR_top=========================*/

/*===================movie=========================*/

.showroom #container_page_large #movie .movie_in {
margin: 0 0;
}

/*===================movie=========================*/


/*===================slide=========================*/


    /* slide */
    .showroom #container_page_large #slide{
      margin-top: 30px;
    }
    .showroom #container_page_large #slide .slide_wrapper .slider{
        width: 85%;
        margin: 0 auto 2em;
    }
    .showroom #container_page_large #slide .slide_wrapper .thumb.slick-dotted.slick-slider{
        width: 91%;
        margin: 0 auto 1em;
    }
    .showroom #container_page_large #slide .slide_wrapper .slider li,
				.showroom #container_page_large #slide .slide_wrapper .thumb li{
        aspect-ratio: 3/2;
    }
    .showroom #container_page_large #slide .slide_wrapper .slider li a,
				.showroom #container_page_large #slide .slide_wrapper .thumb li a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .showroom #container_page_large #slide .slide_wrapper .slider li a img,
				.showroom #container_page_large #slide .slide_wrapper .thumb li a img{
        width: auto;
        height: 100%;
        margin: 0 auto;
    }
    .showroom #container_page_large #slide .slide_wrapper .thumb .slick-dots{
        bottom: -10px;
    }
    .showroom #container_page_large #slide .slide_wrapper .thumb .slick-dots li button:before{
        font-size: 50px;
    }


 .showroom #container_page_large #slide .slide_wrapper .thumb.slick-dotted.slick-slider {
  display: none !important;
}



/*===================slide=========================*/


/*===================SR_button_block=========================*/



.showroom #container_page_large #SR_button_block .button_wrap {
background-color: #947F3B;
margin-top: 30px;
  margin-bottom: 40px;
}

.showroom #container_page_large #SR_button_block .button_wrap .page_body {
width: 100%;
}



.showroom #container_page_large #SR_button_block .button_wrap .button {
display: flex;
flex-wrap: wrap;
}



.showroom #container_page_large #SR_button_block .button_wrap .button li {
width: 50%;
flex-direction: column;
display: flex;
box-sizing: border-box;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

.showroom #container_page_large #SR_button_block .button_wrap .button li:last-child {

}

.showroom #container_page_large #SR_button_block .button_wrap .button li:nth-child(n+3) {
border-bottom: none;
}

.showroom #container_page_large #SR_button_block .button_wrap .button li:nth-child(even) {
border-right: none;
}


.showroom #container_page_large #SR_button_block .button_wrap .button li a {
color: #fff;
line-height: 1.8em;
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px 0 50px;
}

.showroom #container_page_large #SR_button_block .button_wrap .button li a:hover {
background-color: #5B4C28;
}



.showroom #container_page_large #SR_button_block .button_wrap .button li a span {
display: block;
position: relative;
}



.showroom #container_page_large #SR_button_block .button_wrap .button li a span:after {
    content: '';
    display: inline-block;
				position: absolute;
				bottom: -30px;
				left: 50%;
				transform: translateX(-50%);
    width: 26px;
    height: 26px;
    background-image: url(./images/SR_button_arrow.png);
    background-size: contain;
    vertical-align: -1px;
    background-repeat: no-repeat;
}


.showroom #container_page_large #SR_button_block .top_BtnBase a,
.showroom #container_page_large #SR_flow .top_BtnBase a{
background-color: unset;
color: #fff;
border: #fff solid 1px;
}

.showroom #container_page_large #SR_button_block .top_BtnBase a:hover,
.showroom #container_page_large #SR_flow .top_BtnBase a:hover{
background-color: #5B4C28;
}


/*===================SR_button_block=========================*/


/*===================SR_cando=========================*/


.Lora {
font-family: 'Lora', serif;
font-family: 'Shippori Mincho B1', serif;
}


.showroom #container_page_large #SR_cando {
background-color: #F5F5F5;
}

.showroom #container_page_large #SR_cando .SR_cando_bk {
position: relative;
background-image: url("./images/SR_cando_bk.png");
background-repeat: no-repeat;
background-size: contain;		
}

.showroom #container_page_large h3 {
text-align: center;
 font-size: 20px;
	padding: 60px 0;
	line-height: 1.8em;
}

.showroom #container_page_large #SR_cando .point_title_block {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
margin: 0 auto;
flex-wrap: wrap;
}

.showroom #container_page_large #SR_cando .point_title_block li {
width: 46%;
position: relative;
  display: inline-block;
 margin: 1.5em 2%;
  /*padding: 7px 10px;*/
  min-width: 120px;
  max-width: 100%;
  font-size: 13px;
		 /*box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);*/
			filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
			margin-bottom: 30px;
}

.showroom #container_page_large #SR_cando .point_title_block li a {
color: #fff;
background: #000;
display: block;
border-radius: 10px;
}



.showroom #container_page_large #SR_cando .point_title_block li:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #000;
}


.showroom #container_page_large #SR_cando .point_title_block li .triangle {
  position: absolute;
 top: -29px;
  width: 0;
  height: 0;
 border-right: 20.9vw solid transparent;
 border-left: 20.9vw solid transparent;
  border-bottom: 32px solid #000;
  border-radius: 5px;
}

.showroom #container_page_large #SR_cando .point_title_block li .box {
width: 90%;
margin: 0 auto;
  position: relative;
		  z-index: 1;
}

.showroom #container_page_large #SR_cando .point_title_block li .box .title {
color: #947f3b;
display: block;
border-bottom: 1px solid #947f3b;
padding: 8px 10% 10px;
text-align: center;
  font-size: 18px;
}


.showroom #container_page_large #SR_cando .point_title_block li .box .title span {
  font-size: 40px;
		padding-left: 4px;
}

.showroom #container_page_large #SR_cando .point_title_block li .box .ph {
padding: 10px 0 20px;
}

.showroom #container_page_large #SR_cando .point_title_block li .box .txt {
text-align: left;
padding-bottom: 20px;
min-height: 6em;
}

.showroom #container_page_large #SR_cando .point_title_block li .box .txt br {
display: none;
}





.showroom #container_page_large #SR_cando .point_block_wrap {
margin: 40px 0 60px;
}



.showroom #container_page_large #SR_cando .point_block_wrap li {
margin-bottom: 40px;
}


.showroom #container_page_large #SR_cando .point_block_wrap li .point_block {
box-sizing: border-box;
border: 1px solid #000;
background-color: #fff;
position: relative;
min-height: 380px;
}

.showroom #container_page_large #SR_cando .point_block_wrap li .point_block .title {
color: #947f3b;
display: block;
border-bottom: 1px solid #947f3b;
padding: 20px 0 10px 1em;
font-size: 20px;
background-color: #000;
}

.showroom #container_page_large #SR_cando .point_block_wrap li .point_block .title span {
font-size: 50px;
padding-left: 10px;
}



.showroom #container_page_large #SR_cando .point_block_wrap li .point_block_inner {
padding: 20px 5%;
}

.showroom #container_page_large #SR_cando .point_block_wrap li .point_block_inner .left_txt {
width: 100%;
padding: 20px 0 10px;
}

.showroom #container_page_large #SR_cando .point_block_wrap li .point_block_inner .left_txt dt {
font-size: 18px;
padding-bottom: 10px;
text-align: center;
line-height: 1.6em;
}

.showroom #container_page_large #SR_cando .point_block_wrap li .point_block_inner .left_txt dd {
font-size: 14px;
line-height: 1.8em;
}

.showroom #container_page_large #SR_cando .point_block_wrap li .point_block_inner .right_ph {
position: relative;
width: 100%;
}


.showroom #container_page_large #SR_cando .point_block_wrap li .point_block_inner .right_ph p {
}


/*===================SR_cando=========================*/


/*===================SR_voice=========================*/


.showroom #container_page_large .SR_voice_bk {
padding-top: 20px;
padding-bottom: 60px;
position: relative;
background-image: url("./images/SR_voice_bk.jpg");
background-size: cover;
}

.showroom #container_page_large #SR_voice h3 {
padding-bottom: 20px;
}


.showroom #container_page_large #SR_voice .sub_title {
text-align: center;
line-height: 1.8em;
font-size: 15px;
letter-spacing: .1em;
}

.showroom #container_page_large #SR_voice ul {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
padding-top: 20px;
}

.showroom #container_page_large #SR_voice ul li {
width: 100%;
position: relative;
}

.showroom #container_page_large #SR_voice ul li .ph {
border-radius: 50%;
position: relative;
overflow: hidden;
}

.showroom #container_page_large #SR_voice ul li .txt_box {
position: relative;
top: -40px;
box-sizing: border-box;
border: 1px solid #ccc;
background-color: #fff;
padding: 20px 8%;
}

.showroom #container_page_large #SR_voice ul li .txt_box p {
line-height: 1.7em;
font-size: .8rem;
}

.showroom #container_page_large #SR_voice ul li .txt_box p span {
display: block;
text-align: right;
}




.showroom #container_page_large #SR_voice ul li:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  background-image: url("./images/SR_voice_ph_shadow.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 40px;
  background-size: contain;
}

.showroom #container_page_large #SR_voice .top_BtnBase a {
background-color: unset;
}

.showroom #container_page_large #SR_voice .top_BtnBase a:hover {
background-color: #333;
}


/*===================SR_voice=========================*/


/*===================SR_flow=========================*/

.showroom #container_page_large #SR_flow {
}

.showroom #container_page_large #SR_flow h3,
.showroom #container_page_large #SR_family h3,
.showroom #container_page_large #SR_access h3{
color: #fff;
}

.showroom #container_page_large #SR_flow .box_wrap {
				position: relative;
				margin-bottom: 60px;
}


.showroom #container_page_large #SR_flow .box_wrap .ph_box {
width: 100%;
position: relative;
z-index: 1;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box {
width: 70%;
margin: 0 auto;
background-color: rgba(255,255,255,0.9);
padding: 40px 6% 30px;
position: relative;
margin-top: -60px;
z-index: 2;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box dl {
text-align: center;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box dl dt {
background-color: #947f3b;
color: #fff;
border-radius: 20px;
width: 30%;
margin: 0 auto;
letter-spacing: .1em;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box dl dd {
font-size: 3rem;
padding: 30px 0 30px;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box .title {
font-size: 1.2rem;
text-align: center;
letter-spacing: .1em;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box .txt {
font-size: .8rem;
line-height: 2em;
padding-top: 20px;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box .txt a {
color: #0066cb;
text-decoration: underline;
}


.showroom #container_page_large #SR_flow .flow2 {
/* flex-flow: row-reverse;*/
}

.showroom #container_page_large #SR_flow .flow2 .txt_box {
/*left: 12%;*/
}


/*===================SR_flow=========================*/


/*===================SR_family=========================*/

.showroom #container_page_large #SR_family #SR_window {
}

/*.showroom #container_page_large #SR_family .SR_window_bk {
padding: 100px 0;
position: relative;
background-image: url("./images/SR_window_bk.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
} */

.showroom #container_page_large #SR_family #SR_window_sp {
height: 100px;
position: relative;
}

.showroom #container_page_large #SR_family .hoge__attachment {
position: absolute;
left: 0;
top: 0;
display: block;
height: 100%;
width: 100%;
}

.showroom #container_page_large #SR_family .hoge__attachment .hoge__attachment__clip {
position: relative;
overflow: hidden;
clip-path: inset(0 0 0 0);
height: 100%;
}

.showroom #container_page_large #SR_family .hoge__attachment .hoge__attachment__clip img {
position: fixed;
width: 100%;
min-height: 100vh;
height: auto;
left: 0;
top: 0;
pointer-events: none;
}






.showroom #container_page_large #SR_family .ph_big {
margin-bottom: 20px;
} 

.showroom #container_page_large #SR_family .txt_box_wrap {
background-color: #5b4c28;
color: #fff;
padding: 30px 5%;
}

.showroom #container_page_large #SR_family .txt_box_wrap .txt_box {
/*flex-wrap: wrap; 
display: flex;
justify-content: space-between;*/
} 

.showroom #container_page_large #SR_family .txt_box_wrap .txt_box .txt {
width: 90%;
padding-left: 1.3em;
text-indent: -1.3em;
font-size: 1rem;
}

.showroom #container_page_large #SR_family .txt_box_wrap .txt_box .txt li {
line-height: 1.4em;
padding-bottom: 10px;
}



.showroom #container_page_large #SR_family .txt_box_wrap .ph {
width: 50%;
margin: 0 auto;
}



.showroom #container_page_large #SR_family .balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px 0;
  width: 100%;
  color: #fff;
  font-size: 16px;
  background: #947f3b;
  border-radius: 15px;
		text-align: center;
}

.showroom #container_page_large #SR_family .balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #947f3b;
}

.showroom #container_page_large #SR_family .balloon p {
font-size: .9rem;
font-weight: bold;
line-height: 1.8em;
padding: 0 10% 20px;
text-align: left;
}


.showroom #container_page_large #SR_family .balloon ul {
   width: 90%;
margin: 0 auto;
} 

.showroom #container_page_large #SR_family .balloon ul li {
width: 100%;
margin-bottom: 20px;
}

.showroom #container_page_large #SR_family .balloon ul li a {
color: #fff;
}



.showroom #container_page_large #SR_family .balloon ul li .tel a {
font-size: 1.3rem;
} 

.showroom #container_page_large #SR_family .balloon ul li .tel a:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(./images/SR_family_tel_off.png);
    background-size: contain;
    vertical-align: -3px;
    background-repeat: no-repeat;
				padding-right: .2em;
}

.showroom #container_page_large #SR_family .balloon ul li .tel a:hover {
color:#5b4c28; 
}


.showroom #container_page_large #SR_family .balloon ul li .tel a:hover:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(./images/SR_family_tel_on.png);
				    background-size: contain;
    vertical-align: -3px;
    background-repeat: no-repeat;
				padding-right: .2em;
}



.showroom #container_page_large #SR_family .balloon ul li .mail {
position: relative;
}

.showroom #container_page_large #SR_family .balloon ul li .mail a {
display: block;
background-color: #fff;
color: #5b4c28;
padding: 20px 0;
}




.showroom #container_page_large #SR_family .balloon ul li .mail a:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url(./images/SR_family_mail_off.png);
    background-size: contain;
    vertical-align: -9px;
    background-repeat: no-repeat;
				  padding-right: .5em;
						transition: all 0.5s ease 0s;
}

.showroom #container_page_large #SR_family .balloon ul li .mail a:hover {
background-color: #5b4c28;
color: #fff;
}


.showroom #container_page_large #SR_family .balloon ul li .mail a:hover:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
background-image: url(./images/SR_family_mail_on.png);
    background-size: contain;
    vertical-align: -9px;
    background-repeat: no-repeat;
				  padding-right: .5em;
}

.showroom #container_page_large #SR_family .last_txt {
font-size: 1rem;
text-align: center;
padding: 20px 0;
letter-spacing: .1em;
}

.showroom #container_page_large #SR_family .top_BtnBase {
width: 95%;
}


.showroom #container_page_large #SR_family .top_BtnBase a {
background-color: #5b4c28;
color: #fff;
border-color: #fff;
}

.showroom #container_page_large #SR_family .top_BtnBase a:hover {
background-color: #333;
}





/*===================SR_family=========================*/



/*===================SR_access=========================*/

.showroom #container_page_large #SR_access {

}

.showroom #container_page_large #SR_access .title_wrap {
position: relative;
padding: 40px 0;
}


.showroom #container_page_large #SR_access .title_wrap h3 {
z-index: 10;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
color: #fff;
}

.showroom #container_page_large #SR_access .title_wrap .bk_txt {
  font-size: 3rem;
  color: #5b4c28;
  letter-spacing: .05em;
  text-align: center;
  padding: 10px 0 0;
}

.showroom #container_page_large #SR_access .box_wrap {
margin-bottom: 30px;
}


.showroom #container_page_large #SR_access .box_wrap .ph_box {
width: 90%;
margin: 0 auto;
}

.showroom #container_page_large #SR_access .box_wrap .ph_box ul {
flex-wrap: wrap; 
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}

.showroom #container_page_large #SR_access .box_wrap .ph_box ul li {
width: 48%;
}

.showroom #container_page_large #SR_access .box_wrap .access_box {
width: 90%;
margin: 0 auto;
color: #fff;
margin-top: 20px;
}


.showroom #container_page_large #SR_access .box_wrap .com_name {
font-size: 1.1rem;
padding-bottom: 20px;
text-align: center;
}

.showroom #container_page_large #SR_access .box_wrap dl {
font-size: .8rem;
  display: flex;
  flex-wrap: wrap;
box-sizing: border-box;
}

.showroom #container_page_large #SR_access .box_wrap dl dt {
width: 25%;
border-bottom: 2px solid #5b4c28;
}

.showroom #container_page_large #SR_access .box_wrap dl dd {
width: 75%;
border-bottom: 2px solid #947f3b;
line-height: 1.6em;
}

.showroom #container_page_large #SR_access .box_wrap dl dt,
.showroom #container_page_large #SR_access .box_wrap dl dd {
padding: 10px 0 4px;
}

.showroom #container_page_large #SR_access .box_wrap dl dd.catch_train:before  {
    content: '';
    display: inline-block;
    background-image: url(./images/SR_access_train_icon.png);
    width: 24px;
    height: 24px;
    background-size: contain;
    vertical-align: -8px;
    background-repeat: no-repeat;
				  padding-right: .5em;
						
}

.showroom #container_page_large #SR_access .box_wrap dl dd.catch_car:before  {
    content: '';
    display: inline-block;
    background-image: url(./images/SR_access_car_icon.png);
    width: 24px;
    height: 24px;
    background-size: contain;
    vertical-align: -8px;
    background-repeat: no-repeat;
				  padding-right: .5em;
						
}



.showroom #container_page_large #SR_access .box_wrap dl dt:nth-child(n+7),
.showroom #container_page_large #SR_access .box_wrap dl dd:nth-child(n+8) {
border-style: none;
}


.showroom #container_page_large #SR_access .box_wrap dl dd:nth-child(n+9) {
padding-left: 25%;
border-style: none;
}


.showroom #container_page_large #SR_access iframe {
margin-bottom: 60px;
}

/*===================SR_access=========================*/

	
}


@media all and (min-width:641px) and (max-width:810px) {

.showroom #container_page_large .page_body {
width: 96%;
margin-left: auto;
margin-right: auto;
}


.showroom #container_page_large #SR_top .catch {
font-size: 4.5vw;
}

.showroom #container_page_large #SR_cando .point_title_block li .triangle {
border-right: 10.8vw solid transparent;
border-left: 10.8vw solid transparent;
}


.showroom #container_page_large #SR_cando .point_title_block li .box .txt {
font-size: 1.6vw;
}

.showroom #container_page_large #SR_cando .point_block_wrap li .point_block_inner .left_txt dt {
font-size: 2.5vw;
  line-height: 1.6em;
}

.showroom #container_page_large #SR_cando .point_block_wrap li .point_block_inner .left_txt dd {
font-size: 1.9vw;
}

.showroom #container_page_large #SR_cando .point_block_wrap li .point_block_inner .right_ph p {
top: 35px;
}

.showroom #container_page_large #SR_voice .sub_title {

}

.showroom #container_page_large .SR_voice_bk {
background-size: cover;
}

.showroom #container_page_large #SR_voice ul li .txt_box {
min-height: 530px;
}

.showroom #container_page_large #SR_voice ul li .txt_box p {
font-size: .8rem;
}


.showroom #container_page_large #SR_voice ul {
padding-top: 30px;
}

.showroom #container_page_large #SR_flow .box_wrap {
margin-bottom: 160px;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box {
top: 20px;
left: 40%;
width: 50%;
padding: 30px 3%;
}
.showroom #container_page_large #SR_flow .box_wrap .txt_box dl dd {
font-size: 3rem;
padding: 30px 0 30px;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box .txt {
font-size: .9rem;
line-height: 1.6em;
padding-top: 10px;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box {
min-height: unset;
}

.showroom #container_page_large #SR_flow .flow2 .txt_box {
left: 4%;
}

.showroom #container_page_large #SR_family .txt_box_wrap {
padding: 40px 5%;
}

.showroom #container_page_large #SR_family .txt_box_wrap .txt_box .txt {
font-size: 1.2rem;
}

.showroom #container_page_large #SR_family .last_txt {
font-size: 1.5rem;
}


}


@media all and (min-width:811px) and (max-width:1800px) {

.showroom #container_page_large .SR_voice_bk {
background-size: cover;
}

}

@media all and (min-width:811px) and (max-width:1500px) {

.showroom #container_page_large #SR_flow .box_wrap .txt_box {
top: 20px;
padding: 30px 3%;
}

.showroom #container_page_large #SR_flow .box_wrap .txt_box dl dd {
padding: 30px 0 30px;
}


}




@media all and (min-width:811px) and (max-width:1000px) {

.showroom #container_page_large #SR_flow .box_wrap .txt_box {
width: 40%;
min-height: unset;
}

}








