@charset "UTF-8";
/* CSS Document */
#sanin{ max-width:1060px;}

#sanin #pickup .slide-arrow{ position:absolute; z-index:99; top:45%; width:3em; cursor:pointer;}
#sanin #pickup .slide-arrow::before{ display:none;}
#sanin #pickup .prev-arrow{ left:-2.5em;}
#sanin #pickup .next-arrow{ right:-2.5em;}
#sanin #pickup .slick-disabled{ opacity:0.2;}
#sanin #pickup .close{ position:absolute; width:3em; right:0.5em; top:0.5em; display:block;}
#sanin .slick-dots{ bottom: 0;font-size: 14px;position: relative;margin: 0.5em auto 0;width: 90%;}
#sanin .slick-dots li{ width:14px; height:14px; margin:0 3px;}
#sanin .slick-dots li button{ padding:0; width:14px; height:14px;}
#sanin .slick-dots li button::before{ font-size:14px;background-color: unset; width:14px; height:14px;}
#sanin .slick-dots li button::before{ opacity:1; color:#FFFFFF;}
#sanin .slick-dots li.slick-active button::before{ opacity:1; color:#C0AB92}
@media all and (max-width: 750px) {
	
#sanin #mv{ background-color:#DDD7BF;  }
#sanin #mv .img{ }
#sanin #mv .img p{position: absolute;width: 54%;max-width: 460px;right: 9%;top: 0%;text-align: center;}
#sanin #mv .img p span{position: absolute;width: 100%;left: 12%;top: 35%;letter-spacing: 0.1em;font-size: 1.3em;right: 0;margin: auto;}
	
	
#sanin #sec1{ background:#E9E6D9; padding:1px 0 6em;}

#sanin #sec1 .co_wrap{-moz-transform: translateY(-1em);-webkit-transform: translateY(-1em);-o-transform: translateY(-1em);-ms-transform: translateY(-1em);transform: translateY(-1em); }

#sanin #data_list{ display:none;}



#sanin .co_ttl{ max-width:65%; text-align:center; margin-left:auto; margin-right:auto;}

#sanin #sec1 #pickup{ text-align:center;}

#sanin #sec1 #pickup .slick{}
#sanin #sec1 #pickup .flex_wrap{ padding:1.5em 0.75em ; background:rgba(255,255,255,0.75); border-radius:1em; position:relative; text-align:left; margin:0 0.2em;}
#sanin #sec1 #pickup .flex_wrap .img{ display:block; text-align:center; margin:auto; max-width:200px; max-height:200px; width:14em; height:14em; background-size:cover; border-radius:1em; overflow:hidden;}
#sanin #sec1 #pickup .flex_wrap .text_wrap{}

#sanin #sec1 #pickup .flex_wrap .text_wrap .oiwai{max-width: 280px; width: 80%;  margin: 0 auto 0.2em;}
#sanin #sec1 #pickup .flex_wrap .text_wrap .ttl{ color:#ed7192; font-weight:600; font-size:1em; margin:1em auto 0;}
#sanin #sec1 #pickup .flex_wrap .text_wrap .text{ font-weight:600; margin:0.5em auto 1em; font-size:0.9em;}
#sanin #sec1 #pickup .flex_wrap .text_wrap .btn_wrap{}
#sanin #sec1 #pickup .flex_wrap .text_wrap .btn_wrap .btn{ display:block; color:#928075; text-decoration:none; border:2px solid #EEB4C7; padding:0.7em 2.5em 0.7em 1em; position:relative; border-radius:2em; font-size:1em; font-weight:600; text-align:center; margin:0.5em auto 0; width:100%;}
#sanin #sec1 #pickup .flex_wrap .text_wrap .btn_wrap .btn span{ position:absolute; width:1.5em; height:1.5em; top:0; bottom:0; right:0.5em; margin:auto;}

#sanin #pickup .slide-arrow{ position:absolute; z-index:99; top:20%; width:2em; cursor:pointer;}
#sanin #pickup .prev-arrow{ left:0.5em;}
#sanin #pickup .next-arrow{ right:0.5em;}



#sanin .co_ttl.search{ text-align:center; margin:4em auto 0;}
#sanin #search_console{ margin:0em auto 0; width:94%; max-width:1100px; background:rgba(255,255,255,0.75); padding:1em 0.5em; border-radius:1em;}
#sanin #search_console .flex_wrap{ padding:0 0 0; margin:0 0 0.5em; position:relative;}
#sanin #search_console .flex_wrap .ttl{ padding:0.5em; min-width:9em; text-align:center; background:#C0AB92; color:#FFF; margin-bottom:04px; border-radius:0.5em 0.5em 0 0;}
#sanin #search_console .flex_wrap .flex_wrap2{
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
#sanin #search_console .flex_wrap .data{ padding:0.5em 1em; background:#FFF;  border-radius:0 0 0 0.5em; position:relative; overflow:hidden;border:1px solid #C0AB92; border-right:none; flex:1;}
#sanin #search_console .flex_wrap .sankaku{display:block; background-color:#C0AB92; background-image:url(../images/sankaku.png); background-repeat:no-repeat; background-position:center center; width:2em; height:auto;  border-radius:0 0 0.5em 0; }


#sanin #search_console .search_btn.on{ cursor: pointer;}
#sanin #search_console .search_btn a{ display:block; width:90%; margin:1em auto 0; padding:0.5em ; border-radius:2em; color:#928075; border:2px solid #c0ab92; background:#FFF; text-align:center; font-size:1.2em; text-decoration:none; line-height:1;}
#sanin #search_console .search_btn a span.icon{ display:inline-block; width:1em; margin-right:0.25em;vertical-align: -0.1em;}



	

#sanin #sec2{ background:#FFF; padding:1px 0 2em; text-align:center; position:relative; max-width:94%; margin:auto;}
#sanin #sec2 .co_ttl{ position:absolute; left:0; right:0; text-align:center; bottom:100%;}

#sanin #sec2 .thank{ font-size:0.9em; margin:1.5em auto; text-align:left;}
#sanin #sec2 .thank span{ display:block; margin:0 auto 0.5em; text-align:center; max-width: 200px; width: 40%;}
	
	
#sanin #sec2 .data_wrap{}
#sanin #sec2 .flex_wrap{ display:block;}
#sanin #sec2 .data_cont{ border:2px solid #e8e6d8; display:block; width:100%; padding:1em; text-align:left; border-radius:1em;  margin-bottom:1em;}
#sanin #sec2 .data_cont .oiwai{ width: 80%; margin:0 auto 0.75em;}
#sanin #sec2 .data_cont .ttl{ color:#ED7192; font-size:1.2em;}
#sanin #sec2 .data_cont .text_wrap{ font-size:0.9em;}
#sanin #sec2 .data_cont .text_wrap div{ margin:0.25em auto 0;}
#sanin #sec2 .data_cont .text_wrap .text4 a{ text-decoration:underline; word-break: break-all;}
#sanin #sec2 .data_cont .voice{ text-align:center; margin:1em auto 0; width: 50%;}
	
#sanin #sec2 .kome_text{ text-align:left; color:#4d4d4d; margin:3em auto 2em; padding-top:2em; border-top:2px dotted #e8e6d8;}
#sanin #sec2 .kome_text p{ padding-left:1em; text-indent:-1em; font-size:0.9em;}
#sanin #sec2 .top_back{color:#4d4d4d; }
#sanin #sec2 .top_back a{display:inline-block; text-decoration:none; border:1px solid #323232; padding:0.5em; position:relative; border-radius:2em; font-size:1.1em; font-weight:600; min-width:10em; text-align:center; margin:0 0.5em 0 0; width:100%; max-width:420px; }
#sanin #sec2 .top_back a span{ display:block; position:absolute; width:0.75em; height:0.75em; top:0; bottom:0; right:0.5em; margin:auto;}
#sanin #sec2 .top_back a span img{ vertical-align:top;}

	

#sanin #sec2 .num_data_wrap{ display:none;}
#sanin #sec2 .num_data_wrap.on{ display:block;}

#sanin #sec2  .num_select{ color:#d7c7b4; text-align:center; margin-top:2em; line-height:1;
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;
-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#sanin #sec2  .num_select .num_wrap{ display:inline-block; text-align:left; flex:1;}
#sanin #sec2  .num_select .num_block{ display:inline-block; text-align:center; width:2em; height:2em; line-height:2; margin:0.2em; border:1px solid; border-radius:0.5em; cursor:pointer;}
#sanin #sec2  .num_select .num_block:hover{ background:#F8EEE4;}
#sanin #sec2  .num_select .num_block.on{ background:#928075; color:#FFF; cursor:auto;}
	
}




@media all and (min-width: 751px) {
#sanin a[href^="tel:"] {
        pointer-events: none;
        cursor: default;
		text-decoration:none;
}
	
#sanin #pickup .slide-arrow{ position:absolute; z-index:99; top:45%; width:2em; cursor:pointer;}
#sanin #pickup .prev-arrow{ left:-3em;}
#sanin #pickup .next-arrow{ right:-3em;}
	
	
#sanin .co_wrap{ max-width:840px; width:96%; margin:auto;}

#sanin #mv{ background-color:#DDD7BF;  height:250px;}
#sanin #mv .img{background-image:url(../images/cont/PC_mv1.jpg); background-repeat:no-repeat; background-position:top left; display:block;max-width:1100px; width:94%; height:250px; margin:auto; position:relative;}
#sanin #mv .img p{position: absolute;right: 21%;top: 4%;text-align: center;width: 23.8%; }
#sanin #mv .img p span{position: absolute;width: 75%;left:25%;top: 46%;letter-spacing: 0.1em;font-size: 2.1em;right: 0;margin: auto;}


#sanin #sec1{ background:#E9E6D9; padding:1px 0 8em;}
#sanin #sec1 .co_wrap{-moz-transform: translateY(-20px);-webkit-transform: translateY(-20px);-o-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px); width:88%; margin:auto;}




#sanin #sec1 #pickup{ text-align:center;}

#sanin #sec1 #pickup .flex_wrap{ padding:2em; background:rgba(255,255,255,0.75); border-radius:1em; position:relative; text-align:left;
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:flex-start;-moz-box-pack:flex-start;-ms-flex-pack:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;
-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#sanin #sec1 #pickup .slide_wrap .flex_wrap:first-of-type:after{ content:""; width:100%; display:block; border-bottom:3px dotted #E9E6D9; position:absolute; bottom:0px; left:0; height:2px;}
#sanin #sec1 #pickup .flex_wrap .img{ display:block; text-align:center; margin:auto; max-width:200px; max-height:200px; width:14em; height:14em; background-size:cover; border-radius:1em; overflow:hidden;}
#sanin #sec1 #pickup .flex_wrap .text_wrap{ flex:1; padding-left:2em;}
#sanin #sec1 #pickup .flex_wrap .text_wrap .oiwai{max-width: 250px;  margin: 0 0 0.5em;}
#sanin #sec1 #pickup .flex_wrap .text_wrap .ttl{ color:#ed7192; font-weight:600; font-size:1.2em;}
#sanin #sec1 #pickup .flex_wrap .text_wrap .text{ font-weight:600; margin:0.5em auto 1em;}
#sanin #sec1 #pickup .flex_wrap .text_wrap .btn_wrap{}
#sanin #sec1 #pickup .flex_wrap .text_wrap .btn_wrap .btn{ display:inline-block; color:#928075; text-decoration:none; border:2px solid #EEB4C7; padding:0.7em 2.5em 0.7em 2em; position:relative; border-radius:2em; font-size:1.1em; font-weight:600; min-width:14em; text-align:center; margin:0 0.5em 0 0;}
#sanin #sec1 #pickup .flex_wrap .text_wrap .btn_wrap .btn span{ position:absolute; width:1.5em; height:1.5em; top:0; bottom:0; right:0.5em; margin:auto;}





#sanin .co_ttl.search{ text-align:center; margin:4em auto 0;}

#sanin #search_console{ margin:0 auto 0; width:100%; max-width:1100px; background:rgba(255,255,255,0.75); padding:2em; border-radius:1em;}
#sanin #search_console .flex_wrap{ padding:0 0 0; margin:0 0 0.5em; border-radius:0.5em; overflow:hidden; background:#FFF; position:relative;
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
#sanin #search_console .flex_wrap .ttl{ padding:0.75em; min-width:9em; text-align:center; background:#C0AB92; color:#FFF; height:auto;}
#sanin #search_console .flex_wrap .flex_wrap2{ flex:1;}
#sanin #search_console .flex_wrap .data{padding: 0.725em 1em;background: #FFF;border-top: 1px solid #C0AB92;border-bottom: 1px solid #C0AB92;height: 100%;}
#sanin #search_console .flex_wrap .sankaku{display:block; background-color:#C0AB92; background-image:url(../images/sankaku.png); background-repeat:no-repeat; background-position:center center; position:absolute; right:0; top:0; height:100%; width:3em; pointer-events: none;}


#sanin #search_console .search_btn.on{ cursor: pointer;}
#sanin #search_console .search_btn a{ display:block; width:90%; margin:1em auto 0; padding:0.5em ; border-radius:2em; color:#928075; border:2px solid #c0ab92; background:#FFF; text-align:center; font-size:1.2em; text-decoration:none; line-height:1;}
#sanin #search_console .search_btn a span.icon{ display:inline-block; width:1em; margin-right:0.25em;vertical-align: -0.1em;}

/*
#sanin #search_console .flex_wrap .sankaku{display:block; background-color:#C0AB92; background-image:url(../images/sankaku.png); background-repeat:no-repeat; background-position:center center; position:absolute; right:0; top:0; height:100%; width:3em; pointer-events: none;}
#sanin #search_console .search_btn a{ display:block; width:18em; margin:1em auto 0; padding:0.75em 1em; border-radius:2em; color:#928075; border:2px solid #c0ab92; background:#FFF; text-align:center; font-size:1.2em; text-decoration:none; line-height:1;}
#sanin #search_console .search_btn a span.icon{ display:inline-block; width:1em; margin-right:0.25em;vertical-align: -0.1em;}
*/


	

#sanin #sec2{ background:#FFF; padding:1px 0 2em; text-align:center; position:relative;}
#sanin #sec2 .co_ttl{ position:absolute; left:0; right:0; text-align:center; bottom:100%;}
#sanin #sec2 .co_wrap{ max-width:960px;}


#sanin #sec2 .thank{ font-size:1.1em; margin:1.5em auto;}
#sanin #sec2 .thank span{ display:inline-block; margin:0 0.5em; max-width: 160px; vertical-align: -0.2em;}
	
	
#sanin #sec2 .data_wrap{}
#sanin #sec2 .flex_wrap{ height:100%; display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; margin-bottom:1em;
-webkit-box-pack:flex-start;-moz-box-pack:flex-start;-ms-flex-pack:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;}
#sanin #sec2 .data_cont{ border:2px solid #e8e6d8; display:block; width:32%; padding:1.5em; text-align:left; border-radius:1em; margin:0 0.65%;}

#sanin #sec2 .data_cont .oiwai{ width: 90%; margin:0 auto 0.75em;}
#sanin #sec2 .data_cont .ttl{ color:#ED7192; font-size:1.2em;}
#sanin #sec2 .data_cont .text_wrap{ font-size:0.9em;}
#sanin #sec2 .data_cont .text_wrap div{ margin:0.25em auto 0;}
#sanin #sec2 .data_cont .text_wrap .text4 a{ text-decoration:underline; word-break: break-all;}
#sanin #sec2 .data_cont .voice{ text-align:center; margin:1em auto 0; width: 60%; max-width: 160px;}
	
#sanin #sec2 .kome_text{ text-align:left; color:#4d4d4d; margin:3em auto 2em; padding-top:2em; border-top:2px dotted #e8e6d8;}
#sanin #sec2 .top_back{color:#4d4d4d; }
#sanin #sec2 .top_back a{display:inline-block; text-decoration:none; border:1px solid #323232; padding:0.4em 2.5em 0.6em 0.6em; position:relative; border-radius:2em; font-size:1.1em; font-weight:600; min-width:10em; text-align:center; margin:0 0.5em 0 0; width:80%; max-width:420px;}
#sanin #sec2 .top_back a span{ display:block; position:absolute; width:0.75em; height:0.75em; top:0; bottom:0; right:0.5em; margin:auto;}
#sanin #sec2 .top_back a span img{ vertical-align:top;}

#sanin #sec2 .num_data_wrap{ display:none;}
#sanin #sec2 .num_data_wrap.on{ display:block;}

#sanin #sec2  .num_select{ color:#d7c7b4; text-align:center; margin-top:2em; line-height:1;}
#sanin #sec2  .num_select  .num_wrap{ display:inline;}
#sanin #sec2  .num_select .num_block{ display:inline-block; width:2.5em; height:2.5em; line-height:2.5; margin:0.25em; border:1px solid; border-radius:0.5em; cursor:pointer;}
#sanin #sec2  .num_select .num_block:hover{ background:#F8EEE4;}
#sanin #sec2  .num_select .num_block.on{ background:#928075; color:#FFF; cursor:auto;}
	

}



/******************************
	モーダル用ここから
******************************/
body.modal_on{overflow:hidden;}
#sanin #modal{ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.30); font-size:1em; line-height:1.8; z-index:9;overflow: auto;
display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;
-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;
flex-wrap:wrap;
-moz-transition-property : transform;-webkit-transition-property : transform;-o-transition-property : transform;-ms-transition-property : transform;transition-property : transform;
-moz-transition-duration : 0.4s;-webkit-transition-duration : 0.4;-o-transition-duration : 0.4s;-ms-transition-duration : 0.4s;transition-duration : 0.4s;
-moz-transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);
}
#sanin #modal::before,
#sanin #modal::after{ content:""; width:100%; height:50px;}
#sanin #modal .modal_wrap{ position:relative; margin:auto; background:rgba(255,255,255,0.9); max-width:300px; padding:1em; width:90%;}
#sanin #modal .modal_wrap p{ display:block; padding:0.2em 0; min-width:7em; text-align:center; cursor:pointer;}
#sanin #modal .modal_wrap p{ display:block; border-bottom:1px solid rgba(0,0,0,0.25); margin-bottom:0.2em;}
#sanin #modal .modal_wrap p:last-of-type{ border-bottom:none;}
#sanin #modal .modal_wrap .modal_close{ position:absolute; right:0.5em; top:0.5em; width:1.5em;}
/******************************
	モーダル用ここまで
******************************/