@charset "utf-8";
@font-face {
	font-family: 'Hannari';
	src: url(../font/Hannari.otf);
}


/* GENERAL STYLES
================================================== */
html {height:100%;  margin:0;
    padding:0;-moz-box-sizing: border-box;
    box-sizing: border-box;text-rendering: optimizelegibility;}

body {
font-family:'Hannari';
font-size:15px/23px;
color:#333;
    margin:0;
    padding:0;
    height:100%;
    width:100%;
	background-color: #000;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;-moz-box-sizing: border-box;
    box-sizing: border-box;

}

a { outline: none; }
	a:link { text-decoration: none; color: #333; }
	a:visited { text-decoration: none; color: #333; }
	a:hover { text-decoration: none; color: #999; }
	a:active { text-decoration: none; }
	
	h1,h2,h3,h4,h5,h6 { margin: 0px; padding: 0px; font-size: 12px; font-weight:normal; }
	strong { font-weight: normal !important;}
	p { margin: 0px; padding: 0px; }
	
	img { border: 0px; vertical-align: bottom; margin: 0px; padding: 0px;}

.smf { display:none;}
.pc { display:block;}


@media screen and (max-width: 768px) {
.smf { display:block;}
.pc { display:none;}
body {text-rendering: optimizelegibility;}

}





/* sideNavi
------------------------- */
/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
	display:block;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #444;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#996633;
}



/* MAIN SLIDER, DIRECTION CONTROLS (NEXT / PREV) */


.bx-wrapper .bx-prev {
	left: 20px;
	background: url(images/controls.png) no-repeat 0 -31px;
}

.bx-wrapper .bx-next {
	right: 20px;
	background: url(images/controls.png) no-repeat -43px -31px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 1px;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 1px;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 44%;
	margin-top: 0px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


.tel {
    cursor: default;
    pointer-events: none;
}


.wrap { top:0; display:none; 
     position: fixed;  z-index: 999999; margin-top:20px;}
.wrap a { color:#fff;}
.wrap a:hover { color:#000;}





@media screen and (max-width: 768px) {
.tel {
        pointer-events: auto;
    }

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 30%;
	margin-top: 0px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 999999999;
}

}




/*---------------------------------------------------------------------------------------
SmartPhone menu setting
---------------------------------------------------------------------------------------*/  	  



.panel {display:none;}


@media screen and (max-width: 768px) {


.wrap { top:0; right:0; display:block; 
     position: fixed;  z-index: 999999; margin-top:20px;
}
.wrap a { color:#fff;}
.wrap a:hover { color:#000;}

.panel {
display:block;

  z-index: 9999999999;
  background-color:	rgba(82, 63, 49, 0.95) !important;
  position: fixed relative;
  left: -30.625em; /*or width of your navigation panel*/
  width: 30.625em; /*should match the above value*/
  color:#fff;
  text-align:left;
  padding-top:0px;
  border-right-color:#000; border-right-style:solid; border-right-width:0px;
}

.panel ul {
  border-top: 0px solid #34495D;
  list-style:none;
  float:left;
  
  text-align:left;
}

.panel li a {

  display: block;
  border-bottom: 0px solid #fff;
  padding-bottom: 3%;
  text-align:left;
 
}
.panel_logo { background-color:#;}
.logo_menu_img { width:80%; height:auto; margin:0px auto; text-align:center; margin-bottom:10px;}

.panel_menu { display:block; float:left; background-color:#; width:93%; text-align:left; color:#FFF; margin:0px auto; border-bottom-color:#000; border-bottom-style:solid; border-bottom-width:1px; padding-left:5px; padding-right:5px; border-radius:0px; font-size:0.7rem; line-height:0.8rem; margin-bottom:0px; padding-top:3%; border-left-color:#000; border-left-style: solid; border-left-width:10px;font-family: 'Sawarabi Mincho', sans-serif;text-rendering: optimizelegibility;}
.panel_menu:hover {-webkit-transition-duration:0.6s; transition-duration:0.6s; background-color: #fff; color:#111;}
.panel_menu a:hover { color:#333;}

.active_smf {-webkit-transition-duration:0.6s; transition-duration:0.6s; background-color: #000 !important; color:#111;}
.active_smf a { color:#eee !important;}

.panel_menu span { font-size:0.6rem; letter-spacing:0.2rem; border-bottom-width:0px; border-bottom-color:#444; font-weight:bold; border-bottom-style: dotted; line-height:1.2rem;color:#a6a3a1;font-family: 'Cinzel', serif;text-rendering: optimizelegibility;}
.panel_menu span a { color:#a6a3a1;}
.panel_menu a { color:#fff; display:block; width:100%; padding:10px;-moz-box-sizing: border-box; box-sizing: border-box;}
.panel_menu a:active { background-color:#666;}

.panel_menu2 { background-color:#ccc; width:94.5%; text-align:left; color:#111; margin:0px auto; border-bottom-color:#666; border-bottom-style:solid; border-bottom-width:1px; padding-left:5px; padding-right:5px; border-radius:0px; font-size:0.7rem; line-height:0.8rem; margin-bottom:0px; padding-top:3%;}
.panel_menu2:hover {-webkit-transition-duration:0.6s; transition-duration:0.6s; background-color: #eee; color:#111;}
.panel_menu2 a:hover { color:#111;}
.panel_menu2 span { font-size:0.6rem; letter-spacing:0.2rem; border-bottom-width:0px; border-bottom-color:#444; font-weight:bold; border-bottom-style: dotted; line-height:1.2rem;color:#a18f38;}
.panel_menu2 span a { color:#CC9900;}
.panel_menu2 a { color:#111; display:block; width:100%; padding:10px;}
.panel_menu2 a:active { background-color:#666;}









.menu-link { text-decoration:none;}
.menu_btm { font-size:0.75rem; line-height:1.0rem;}

.menu_side { text-align:right; padding-right:2.5rem;}
.menu_side a { text-decoration:none; border-bottom: 0px solid #fff; font-size:5.0rem;}
.smf-menu { font-size:1.5rem; font-weight:bold; padding:1%; background-color:	rgba(82, 63, 49, 0.95); color:#fff;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;-o-border-radius: 5px 5px 5px 5px;-ms-border-radius: 5px 5px 5px 5px; margin-left:2%; margin-top:2%; border-style: dashed; border-width:1px; border-color:#fff; position:relative;}
.smf-menu:hover { background-color:	rgba(255,255,255,0.10);border-style: solid; border-color:#333; -webkit-transition-duration:0.6s; transition-duration:0.6s;}
.smf-menu:after {-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out; background-color:rgba(255,255,255,100);}



}




/* SUB PAGE */
.subpage_title_en { font-size:1.8rem;font-family: 'Cinzel', serif;text-rendering: optimizelegibility; color:#FFF;}
.subpage_title_ja { font-size:0.9rem;font-family: 'Sawarabi Mincho', sans-serif;text-rendering: optimizelegibility; color:#eee; letter-spacing:0.3rem;}
.main_txt_area2 {width:40%; height:auto; position:absolute; top:42%; left:30%; z-index:100000; margin:0px auto; text-align:center;}

.contents_area { display:block; width:100%; height:auto; background-image:url(../img/bg_footer.jpg); padding-top:4%; padding-bottom:4%; -moz-box-sizing: border-box; box-sizing: border-box;}
.contents_area_table { margin-bottom:5%; width:960px; margin:0px auto; height:auto;-moz-box-sizing: border-box; box-sizing: border-box;}
.contents_area_table2 { margin-bottom:5%; width:960px; margin:0px auto; height:auto;-moz-box-sizing: border-box; box-sizing: border-box;}
.contents_area_table tr {background: rgba(255, 255, 255, 0.15);}
.contents_area_table td { color:#FFF;}
.contents_area_table td a { color:#FFF;}


.icon_area { width:100%; height:100px; line-height:50px; margin:0px auto; color:#FFF; text-align:center; font-size:7rem; background: rgba(255, 255, 255, 0.15);border-color:#FFF; border-width:0px; border-style:solid; margin-top:0%; margin-bottom:4%;}
.icon_area p { width:960px; height:auto; margin:0px auto; display:block; text-align:left;}
@media screen and (max-width: 768px) {

.contents_area_table2 { margin-bottom:5%; width:100%; margin:0px auto; height:auto;-moz-box-sizing: border-box; box-sizing: border-box;}

.subpage_title_en { font-size:1.4rem;font-family: 'Cinzel', serif;text-rendering: optimizelegibility; color:#FFF;}
.subpage_title_ja { font-size:0.8rem;font-family: 'Sawarabi Mincho', sans-serif;text-rendering: optimizelegibility; color:#eee; letter-spacing:0.3rem;}

.contents_area_table tr {background: none;}

.main_txt_area2 { display:block;width:100%; height:auto; position:absolute; top:28%; left:0%; z-index:100000; margin:0px auto; text-align:center;}
.contents_area_table { display:block; margin-top:5%; margin-bottom:5%; width:90%; margin:0px auto; height:auto;-moz-box-sizing: border-box; box-sizing: border-box;}


.icon_area { width:100%; height:auto; line-height:auto; margin:0px auto; color:#FFF; text-align:center; font-size:3rem; background: rgba(255, 255, 255, 0.00);border-color:#FFF; border-width:0px; border-style:solid; margin-top:5%; margin-bottom:8%;}
.icon_area p { width:90%; height:auto; margin:0px auto; display:block; text-align:center;}

}


/* RECRUIT setting
------------------------- */


.recruit_title { padding-bottom:3%;}
.recruit_title h3 { border-bottom-color:#ccc; border-bottom-style: dashed; border-bottom-width:1px; padding-bottom:0.3rem; text-align:left;}

.recruit_item { width:35%; padding:2%; line-height:1.4rem;}
.recruit_item2 { width:65%; padding:2%; line-height:1.8rem;}
.recurit_item_point { font-size:0.8rem;}
.recurit_item_point2 { font-size:0.8rem;}

@media screen and (max-width: 768px) {

.recruit_title { font-size:1.0rem; padding-bottom:3%;-moz-box-sizing: border-box; box-sizing: border-box;}
.recruit_title h3 { border-bottom-color:#999; border-bottom-style: dashed; border-bottom-width:0px; text-align:center;}

.recruit_item { display:block; width:90%; margin:0px auto; padding:2%; line-height:1.4rem;background: rgba(255, 255, 255, 0.15);}
.recruit_item2 { display:block; width:90%; padding:2%; font-size:0.9rem; margin:0px auto; line-height:1.8rem; margin-bottom:5%;}
.recurit_item_point { font-size:0.8rem; display:none;}
.recruit_item2 li { font-size:0.8rem; list-style:none; text-align:left; padding-top:1%; padding-bottom:1%;}
.recruit_item2 li a { }
}


/* DEMO setting
------------------------- */

.demo_tr {background: rgba(255, 255, 255, 0.00) !important;}

.demo_title { padding:3%; -moz-box-sizing: border-box; box-sizing: border-box;}
.demo_title h3 { font-size:1.4rem; border-bottom-color:#ccc; border-bottom-style: dashed; border-bottom-width:0px; padding:0.3rem; text-align:left;}
.demo_ex { width:100%; height:auto; padding:2%; line-height:1.6rem;}
.demo_item { width:35%; padding:1%; line-height:1.4rem; text-align:center;}
.demo_item2 { width:65%; padding:2%; line-height:1.8rem;}
.demo_pic { width:80%; height:auto; border-color:#331f14; padding:3px; background-color:#a89489; border-style:solid; border-width:10px;border-radius: 50% 50% 50% 50%;}
.demo_ex ul li { height: auto; list-style: hebrew !important; padding:0.5%;}

@media screen and (max-width: 768px) {
.demo_item { display:block; width:90%; margin:0px auto; padding:2%; line-height:1.4rem;background: rgba(255, 255, 255, 0.00);}
.demo_item2 { display:block; width:90%; padding:2%; font-size:0.9rem; margin:0px auto; line-height:1.8rem; margin-bottom:5%;}
.demo_title h3 { font-size:1.2rem; line-height:2.0rem; border-bottom-color:#ccc; border-bottom-style: dashed; border-bottom-width:0px; padding:0.3rem; text-align:left;}
.demo_pic { width:70%; height:auto; border-color:#331f14; border-style:solid; border-width:8px;border-radius: 50% 50% 50% 50%;}
.demo_ex ul li { font-size:0.9rem;}
.demo_ex {background: rgba(255, 255, 255, 0.10); padding:3%;}
}

/* GALLERY setting
------------------------- */

.gallery_title { padding:3%; -moz-box-sizing: border-box; box-sizing: border-box;}
.gallery_title h3 { font-size:1.4rem; border-bottom-color:#ccc; border-bottom-style: dashed; border-bottom-width:0px; padding:0.3rem; text-align:left;font-family: 'Cinzel', serif;text-rendering: optimizelegibility;}

.gallery_item { width:25%; padding:1%; line-height:1.4rem; text-align:center;-moz-box-sizing: border-box; box-sizing: border-box;}
.gallery_item2 { width:65%; padding:2%; line-height:1.8rem;}
.gallery_txt {font-size:1.0rem;font-family: 'Cinzel', serif;text-rendering: optimizelegibility; color:#FFF; padding-top:4%;}
.gallery_pic { width:80%; height:auto; border-color:#331f14; padding:3px; background-color:#a89489; border-style:solid; border-width:10px;border-radius: 50% 50% 50% 50%;}
.gallery_pic:hover {border-color:#ccc; -webkit-transition-duration:0.4s; transition-duration:0.4s; background-color:#999;}

@media screen and (max-width: 768px) {

.gallery_title h3 { font-size:1.4rem; border-bottom-color:#ccc; border-bottom-style: dashed; border-bottom-width:0px; padding:1.3rem; text-align:center;font-family: 'Cinzel', serif;text-rendering: optimizelegibility;}
.gallery_item { display: inline-table; width:50%; margin:0px auto; padding:2%; line-height:1.4rem;background: rgba(255, 255, 255, 0.00);}
.gallery_item2 { display:block; width:90%; padding:2%; font-size:0.9rem; margin:0px auto; line-height:1.8rem; margin-bottom:5%;}

.gallery_pic { width:70%; height:auto; border-color:#331f14; border-style:solid; border-width:8px;border-radius: 50% 50% 50% 50%;}
}

/* QUESTION setting
------------------------- */

.question_title { padding:3%; -moz-box-sizing: border-box; box-sizing: border-box;}
.question_title h4 { font-size:1.2rem; border-left-color:#ccc; border-left-style: dashed; border-left-width:10px; padding-left:1.3rem; text-align:left; display:block; margin-top:4%; margin-bottom:0%;-moz-box-sizing: border-box; box-sizing: border-box;}
.question_item { width:100%; padding:4%; line-height:1.6rem; text-align:left;background: rgba(255, 255, 255, 0.15);}
.question_item2 { width:65%; padding:2%; line-height:1.8rem;}

@media screen and (max-width: 768px) {
.question_title h4 { font-size:1.2rem; border-left-color:#ccc; border-left-style: dashed; border-left-width:20px; padding-left:1.3rem; text-align:left; padding-top:6%; padding-bottom:6%; display:block; margin-top:4%; margin-bottom:4%;-moz-box-sizing: border-box; box-sizing: border-box;}

.question_item { display:block; width:90%; margin:0px auto; padding:6%; font-size:1.0rem; line-height:1.6rem;background: rgba(255, 255, 255, 0.15);-moz-box-sizing: border-box; box-sizing: border-box;}
.question_item2 { display:block; width:90%; padding:2%; font-size:0.9rem; margin:0px auto; line-height:1.8rem; margin-bottom:5%;}

}


/* ACCESS setting
------------------------- */
.access_img { width:100%; height:auto;-moz-box-sizing: border-box; box-sizing: border-box; border-color:#331f14; padding:3px; background-color:#a89489; border-style:solid; border-width:10px;}
.access_map { width:100%; height:450px;-moz-box-sizing: border-box; box-sizing: border-box; border-color:#331f14; padding:3px; background-color:#a89489; border-style:solid; border-width:10px;}
.google_map_btm { font-size:1.2rem; width:100%; height:auto; padding:3%;-moz-box-sizing: border-box; box-sizing: border-box; text-align:center;background: rgba(110, 76, 56, 20.15);font-family: 'Cinzel', serif;text-rendering: optimizelegibility;border-color:#331f14; background-color:#a89489; border-style:solid; border-width:10px;}
.google_map_btm:hover {border-color:#ccc; -webkit-transition-duration:0.4s; transition-duration:0.4s; background-color:#999;}
@media screen and (max-width: 768px) {
.google_map_btm { font-size:1.2rem; width:100%; height:auto; padding:3%;-moz-box-sizing: border-box; box-sizing: border-box; text-align:center;background: rgba(110, 76, 56, 20.15);font-family: 'Cinzel', serif;text-rendering: optimizelegibility;border-color:#331f14; background-color:#a89489; border-style:solid; border-width:7px; padding-top:7%; padding-bottom:7%;}

}


/* INQUIRY setting
------------------------- */

.inquiry_reservation { font-size:1.2rem; text-align:left; color:#eee;text-rendering: optimizelegibility; margin:0px auto; display:block; width:98%; border-left-color:#CCCC00; border-left-style:solid; border-left-width:6px; padding:1%;-moz-box-sizing: border-box;box-sizing: border-box; margin-bottom:3%;}
.reservation_txt_en {font-family: 'Cinzel', serif;}
.reservation_txt_ja {font-family: 'Sawarabi Mincho', sans-serif;}


.inquiry_icon1 { font-size:3.0rem; padding:1%;}
.inquiry_icon2 { font-size:6.4rem; padding:1%;}

.form_area { width:100%; height:auto; margin:0px auto;-moz-box-sizing: border-box;
    box-sizing: border-box;}

.contact_table { width:100%; height:auto; margin:0px auto;-moz-box-sizing: border-box;
    box-sizing: border-box;}

.contact_td2 { display:block; background-color:#; width:100%; height:auto; margin:0px auto; font-weight:normal; padding:0px; text-align:left; border-bottom-color:#aaa; border-bottom-style:solid; border-bottom-width:0px; border-top-color:#aaa; border-top-style:solid; border-top-width:0px;-moz-box-sizing: border-box;
    box-sizing: border-box; color:#eee;}


.contact03 { font-size:0.9rem; padding:3%; text-align:left; color:#eee;-moz-box-sizing: border-box;
    box-sizing: border-box;}





select {
	border :1px solid #eee;
	font-size :1.0rem;
	color:#222;
}
.form-field {
   border: 1px solid #99928c;
   background: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #aaa;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:2%;
   margin-bottom:3%;
   width:90% !important;
   margin:0px auto;
   -webkit-box-shadow:0 0 0px 2px rgba(145,108,63,0.2) inset;
   -moz-box-shadow:0 0 0px 2px rgba(145,108,63,0.2) inset;
        box-shadow:0 0 0px 2px rgba(145,108,63,0.2) inset;
   }
   
   
   
.form-field:hover {border: 1px solid #aaa;}
.form-field:active {border: 1px solid #aaa;}
.form-field:focus {
   background: #;
   color: #222;
   }
.form-container h2 {
   text-shadow: #fdf2e4 0 1px 0;
   font-size:1.0rem;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
    }
.form-title {
   margin-bottom:10px;
   color: #725129;
   font-weight:bold;
   text-shadow: #fdf2e4 0 1px 0;
   width:30%;
   }
.submit-container {
   margin:8px 0;
   text-align:right;
   }
.submit-button {
   border: 1px solid #483829;
   background: #483829;
   background: -webkit-gradient(linear, left top, left bottom, from(#483829), to(#99928c));
   background: -webkit-linear-gradient(top, #483829, #99928c);
   background: -moz-linear-gradient(top, #483829, #99928c);
   background: -ms-linear-gradient(top, #483829, #99928c);
   background: -o-linear-gradient(top, #483829, #99928c);
   background-image: -ms-linear-gradient(top, #483829 0%, #99928c 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #addc7e 0 0px 0;
   color: #fff;
   font-family: helvetica, serif;
   padding: 3%;
   width:100%;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   transition    : .3s;         /* なめらか変化 */
   }
.submit-button:hover {
   border: 1px solid #fff;
   text-shadow: #31540c 0 0px 0;
   background: #99928c;
   background: -webkit-gradient(linear, left top, left bottom, from(#483829), to(#99928c));
   background: -webkit-linear-gradient(top, #483829, #99928c);
   background: -moz-linear-gradient(top, #483829, #99928c);
   background: -ms-linear-gradient(top, #483829, #99928c);
   background: -o-linear-gradient(top, #483829, #99928c);
   background-image: -ms-linear-gradient(top, #483829 0%, #99928c 100%);
   color: #fff;
   }

.submit-button:active {
   text-shadow: #31540c 0 0px 0;
   border: 1px solid #483829;
   background: #483829;
   background: -webkit-gradient(linear, left top, left bottom, from(#99928c), to(#483829));
   background: -webkit-linear-gradient(top, #99928c, #483829);
   background: -moz-linear-gradient(top, #99928c, #483829);
   background: -ms-linear-gradient(top, #99928c, #483829);
   background: -o-linear-gradient(top, #99928c, #483829);
   background-image: -ms-linear-gradient(top, #99928c 0%, #483829 100%);
   color: #fff;
   }









@media screen and (max-width: 768px) {

.inquiry_icon1 { font-size:2.0rem; padding:1%;}
.inquiry_icon2 { font-size:4.4rem; padding:1%;}

.inquiry_reservation { font-size:1.0rem; text-align:center; color:#eee;text-rendering: optimizelegibility; margin:0px auto; display:block; width:90%; border-left-color:#CCCC00; border-left-style:solid; border-left-width:6px;border-right-color:#CCCC00; border-right-style:solid; border-right-width:6px; padding:1%;-moz-box-sizing: border-box;box-sizing: border-box; margin-bottom:6%; margin-top:6%;}

.submit-button {
padding-top:6%;
padding-bottom:6%;
   }


}









contact_txt { line-height:1.6rem; text-align:center; background-color:#99c058; padding-top:5%; padding-bottom:5%; color:#FFF;}
.contact_txt_phone { font-size:4.0rem; text-align:center; width:100%; line-height:4.0rem;}
.contact_txt_phone a { color:#fff;}


.contact_div { width:90%; height:auto; margin:0px auto; margin-bottom:40px;-moz-box-sizing: border-box;
    box-sizing: border-box;}

.contact_td { width:30%; height:auto; margin:0px auto; font-weight:bold; padding:10px; text-align:left; border-bottom-color:#333; border-bottom-style:solid; border-bottom-width:0px; border-top-color:#333; border-top-style:solid; border-top-width:0px;}

.contact_td3 { width:100%; height:auto; margin:0px auto; font-weight:normal; padding:10px; text-align:center; border-bottom-color:#aaa; border-bottom-style:solid; border-bottom-width:0px; border-top-color:#aaa; border-top-style:solid; border-top-width:0px;-moz-box-sizing: border-box;
    box-sizing: border-box;}



option { color:#222;}
@include placeholder {
    color: #222; font-size:1.0rem;}





/* Chrome, Safari 5+, Opera 15+, iOS, Android */
::-webkit-input-placeholder {
  color: #666;
  font-size:1.0rem;
}
/* Firefox 18- */
:-moz-placeholder {
  color: #666;
  opacity: 1;
  font-size:1.0rem;
}
/* Firefox 19+ */
::-moz-placeholder {
  color: #666;
  opacity: 1;
  font-size:1.0rem;
}
/* IE 10+ */
:-ms-input-placeholder {
  color: #666;
  font-size:1.0rem;
}
/* IE Edge */
::-ms-input-placeholder {
  color: #666;
  font-size:1.0rem;
}



/*---------------------------------------------------------------------------------------
  チェックボックスのデザイン
---------------------------------------------------------------------------------------*/
   

input[type=checkbox] {
  display: none;
}

.checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0%;
  margin-bottom:3%;
  margin-top:3%;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #726151;
  
  vertical-align: middle;
  color:fff;
  cursor: pointer;
}
.checkbox:hover {
  background-color: #7ecd6f;
  color:#fff;
}
.checkbox:hover:after {
  border-color: #fff;
}
.checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #fbfef5;
  border-radius: 6px;
  color:#FFF;
  content: '';
}


.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  color:#FF0000;
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
  color:#725129;
}


@media screen and (max-width: 768px) {

.contact_txt { line-height:1.6rem; text-align:center; background-color:#99c058; padding-top:5%; padding-bottom:5%; color:#FFF;}
.contact_txt_phone { font-size:2.0rem; text-align:center; width:100%; line-height:4.0rem;}
.contact_txt_phone a { color:#fff;}

.checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 5%;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #726151;
  
  vertical-align: middle;
  color:fff;
  cursor: pointer;
}

/* Chrome, Safari 5+, Opera 15+, iOS, Android */
::-webkit-input-placeholder {
  color: #666;
  font-size:0.8rem;
}
/* Firefox 18- */
:-moz-placeholder {
  color: #666;
  opacity: 1;
  font-size:0.8rem;
}
/* Firefox 19+ */
::-moz-placeholder {
  color: #666;
  opacity: 1;
  font-size:0.8rem;
}
/* IE 10+ */
:-ms-input-placeholder {
  color: #666;
  font-size:0.8rem;
}
/* IE Edge */
::-ms-input-placeholder {
  color: #666;
  font-size:0.8rem;
}

select {
	border :1px solid #eee;
	font-size :0.8rem;
	color:#222;
}




.form-field {
   border: 1px solid #99928c;
   background: #fff;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #aaa;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:4%;
   margin-bottom:3%;
   width:90%;
   margin:0px auto;
   display:block;
   -webkit-box-shadow:0 0 0px 2px rgba(145,108,63,0.2) inset;
   -moz-box-shadow:0 0 0px 2px rgba(145,108,63,0.2) inset;
        box-shadow:0 0 0px 2px rgba(145,108,63,0.2) inset;-moz-box-sizing: border-box;
    box-sizing: border-box;
   }
.g-recaptcha { width:90%; height:auto; display:block; margin:0px auto;}


}





















/* header setting
------------------------- */
.header { width:100%; height:auto; background: rgba(255, 255, 255, 0.0);  /* fallback for old browsers */
 border-bottom-color:#936636; background-image:url(../img/bg_header.jpg);background-size: cover; border-bottom-style: solid; border-bottom-width:0px; margin-bottom:0.1%; border-top-color:#936636; border-top-style: solid; border-top-width:0px;
 }

.logo_header { width:70%;}

.header_table { width:960px; height:auto; margin:0px auto; padding-bottom:0.5%; margin-bottom:0.1%;}

.header_menu_div { width:100%; height:auto; border-top-color:#657a32; border-top-style:solid; border-top-width:0px;border-bottom-color:#657a32; border-bottom-style:solid; border-bottom-width:0px;background: rgba(0, 0, 0, 0.30); padding-top:0.3%; margin-top:2%; font-size:0.6rem;text-rendering: optimizelegibility;font-family: 'Sawarabi Mincho', serif, cursive,sans-serif;}
.header_table2 { width:960px; height:auto; margin:0px auto; padding-bottom:0.5%; margin-bottom:0.1%;}


.header_name { width:50%; height:auto; color:#526c14; font-size:36px; line-height:26px; padding:2%;}
.header_name a {color:#526c14;}
.header_name span { font-size:0.8rem;color:#ccc; letter-spacing:0.1rem ;font-family: 'Sawarabi Mincho', sans-serif;text-rendering: optimizelegibility;}
.header_name_point { font-size:0.8rem !important;}
.header_name_point2 { font-size:1.2rem !important;}
.header_contents { width:50%; height:auto; font-size:14px; line-height:26px; padding:0.5%; text-align:left; padding-bottom:1.5%;font-family: 'Sawarabi Mincho', sans-serif; color:#FFF;text-rendering: optimizelegibility;}
.btm_contact2 { width:100%; height:auto;background: rgba(255, 255, 255, 1.0); color:#333;border-radius:5px 5px 5px 5px; text-align:center; padding:1%; margin-top:3%;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.btm_contact2:hover {background: rgba(119,100,87, 1.0); color:#FFF;-webkit-transition-duration:0.1s; transition-duration:0.1s;}
.header_txt_point { text-align:left;background: rgba(255, 255, 255, 0.0); font-size:0.8rem; color:#ccc; padding:0%;border-radius:5px 5px 5px 5px;}

.menu_eng { font-size:1.0rem;font-family: 'Cinzel', serif;text-rendering: optimizelegibility;}
.menu_ja { letter-spacing:0.3rem; color:#b0aaa5;}

.dial { font-size:1.8rem; color:#FFF;}
.header_dial { width:100%;}

.main { width:100%; height:auto;}

.menu_box { width:100%; height:auto;}
.menu_box_table { width:100%; height:auto; border-spacing: 8%;border-collapse: separate; color:#FFF;}

.menu_bottom { border-left-color:#776457; border-left-style:solid; border-left-width:0px; border-right-color:#776457; border-right-style:solid; border-right-width:0px;}
.menu_bottom2 {border-right-color:#776457; border-right-style:solid; border-right-width:0px;}
.menu_box_table td { width:14%; height:auto; text-align:center; padding-bottom:1%; padding-top:1%;}
.menu_box_table td:hover {background: rgba(76,58,45, 0.75);border-radius:0px 0px 0px 0px; color:#FFF;-webkit-transition-duration:0.4s; transition-duration:0.4s;}
.active_pc {background: rgba(76,58,45, 0.75) !important;border-radius:0px 0px 0px 0px; color:#FFF !important;-webkit-transition-duration:0.4s; transition-duration:0.4s;}
.active_pc a {color:#FFF !important;}
.menu_box_table td a{ color:#fff; display:block; width:100%; height:100%;text-decoration: none;}
.menu_box_table td a:hover{color:#FFF; display:block; width:100%; height:100%;text-decoration: none;}

@media screen and (max-width: 768px) {
.header { width:100%; display:block; height:auto; 
 border-bottom-color:#936636; border-bottom-style: double; border-bottom-width:0px; margin-bottom:0% !important; border-top-color:#936636; border-top-style: solid; border-top-width:0px; text-align:center;}
.header_table { width:100%; text-align:center; padding-bottom:0%; margin-bottom:0%;}
.header_name { display:block; width:100%; height:auto; color:#526c14; font-size:1.8rem; line-height:1.4rem; padding:5%; text-align:center !important; -moz-box-sizing: border-box;
    box-sizing: border-box; text-align:center;}
.header_name span {}
.header_name_point { font-size:0.6rem; !important; display: inline !important;}
.header_name_point2 { display:block !important; font-size:0.8rem !important; padding:2%;}
.header_contents { display:none;}

.header_table2 { display:none;}
.header_menu_div { display:none;}

}

/* main page space setting
------------------------- */
.main_page { width:100%; height:auto; text-align:center; padding-top:3%; padding-bottom:3%;background-color:rgba(118, 165, 51, 0.9);
background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #96c551), color-stop(.5, transparent), to(transparent));
-webkit-background-size: 5px; line-height:2.0rem;}
.main_page h1 { font-size:1.9rem; color:#fff;}
.main_page span { font-size:1.0rem; color:#FFF;}

@media screen and (max-width: 768px) {

.main_page { width:100%; height:auto; text-align:center; padding-top:10%; padding-bottom:10%;background-color:rgba(118, 165, 51, 0.9);
background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #96c551), color-stop(.5, transparent), to(transparent));
-webkit-background-size: 5px; line-height:2.0rem;}

.main_page h1 { font-size:1.4rem; color:#fff;}
.main_page span { font-size:0.8rem; color:#FFF;}

}

/* main slider setting
------------------------- */
.main { display:block;}
.main_smf { display:none;}
.main_txt_area {width:40%; height:auto; position:absolute; top:38%; left:30%; z-index:100000; margin:0px auto; text-align:center;}
.main_txt { width:40%; height:auto; margin:0px auto; }

.btm_contact { font-size:1.0rem; width:50%; height:auto;background: rgba(0, 0, 0, 0.4); color:#fff; margin:0px auto; padding:2.5%;border-radius:10px 10px 10px 10px; color:#FFF; margin-top:5%; border-color:#685648; border-style:solid; border-width:1px;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.btm_contact:hover {background: rgba(131, 178, 63, 0.75); color:#666; -webkit-transition-duration:0.4s; transition-duration:0.4s; border-color:#ccc;border-style: dashed;border-width:2px;}

a .btm_contact {color:#fff;}
a .btm_contact:hover {color:#fff;background: rgba(104, 86, 72, 20);}

@media screen and (max-width: 768px) {
.main { display:none;}
.main_smf { display:block; width:100%;}

.main_txt_area { display:block;width:100%; height:auto; position:absolute; top:30%; left:0%; z-index:100000; margin:0px auto; text-align:center;}

.main_txt { width:60%; height:auto; margin:0px auto; }

.btm_contact { font-size:1.0rem; width:70%; height:auto;background: rgba(82,63,49, 0.95); color:#eee; margin:0px auto; padding:2%;border-radius:10px 10px 10px 10px; color:#FFF; margin-top:1%; border-color:#936636; border-style:solid; border-width:0px;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.btm_contact:hover {background: rgba(131, 178, 63, 0.75); color:#666; -webkit-transition-duration:0.4s; transition-duration:0.4s; border-color:#fff;border-style: dashed;}

a .btm_contact {color:#eee; font-size:0.8rem;}
a .btm_contact:hover {color:#fff;background: rgba(104, 86, 72, 100);}

}


/* MAIN PAGE | INTRODUCTION
------------------------- */
.introduction { width:100%; height: auto; margin-top:2%; margin-bottom:2%; padding-top:2%; padding-bottom:2%;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.introduction_table { width:960px; height:auto; margin:0px auto;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.introduction_table_td1 { width:30%; height:auto; text-align:center;}
.introduction_table_td2 { width:70%; height:auto; text-align:left; padding:3%; color:#ccc;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.introduction_table_td2 h3 {font-size:1.4rem;font-family: 'Cinzel', serif;text-rendering: optimizelegibility; padding-top:2%; padding-bottom:2%;}
.introduction_pic { width:80%; height:auto;border-radius:50% 50% 50% 50%; border-color:#685648; border-style:solid; border-width:3px; padding:2px;}

@media screen and (max-width: 768px) {


.introduction { width:100%; height: auto; margin-top:10%; margin-bottom:10%; padding-top:2%; padding-bottom:2%;-moz-box-sizing: border-box;
    box-sizing: border-box;}

.introduction_table { display:block; width:85%; height:auto; margin:0px auto;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.introduction_table_td1 { display:block; width:100%; height:auto;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.introduction_table_td2 { font-size:0.9rem; display:block; width:100%; height:auto; margin-top:2%;-moz-box-sizing: border-box;
    box-sizing: border-box;}

.introduction_table_td2 h3 {font-size:1.4rem;font-family: 'Cinzel', serif;text-rendering: optimizelegibility; padding-top:6%; padding-bottom:6%; text-align:center;}
.introduction_table_td2 p { line-height:1.6rem;}
.introduction_pic { width:60%; height:auto;border-radius:50% 50% 50% 50%; border-color:#685648; border-style:solid; border-width:3px;}

}



.template_area { width:960px; height: auto; margin:0px auto; margin-bottom:5%;}
@media screen and (max-width: 768px) {
.template_area { display:block; width:90%; height: auto; margin:0px auto;-moz-box-sizing: border-box; box-sizing: border-box;}
}



/* MAIN PAGE | DIAL
------------------------- */
.dial_contents { width:100%; height:auto;-moz-box-sizing: border-box; box-sizing: border-box;}
.dial_area { padding-top:3%; padding-bottom:3%;}

/* MAIN PAGE | SISTER
------------------------- */
.sister_club { width:100%; height:auto; margin:0px auto;}
.sister_club_td { width:25%; text-align:center; line-height:4.0rem; font-size:0.9rem;}
.sister_club_td_title { padding-top:6%; padding-bottom:6%; text-align:center;}
.sister_club_txt_en {font-family: 'Cinzel', serif; font-size:2.0rem; color:#eee;text-rendering: optimizelegibility;}
.sister_club_txt_ja {font-family: 'Sawarabi Mincho', sans-serif;text-rendering: optimizelegibility; font-size:0.8rem; letter-spacing:0.3rem; color:#eee;}

.sister_pic { width:80%; height:auto;border-radius:50% 50% 50% 50%; border-color:#685648; border-style:solid; border-width:3px; padding:2px;-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);}
.sister_pic:hover {border-color:#fff;-webkit-filter: grayscale(100%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);-webkit-transition-duration:0.4s; transition-duration:0.4s;}
.sister_club_td a { color:#CCC;}
.sister_club_td a:hover { color:#fff;-webkit-transition-duration:0.4s; transition-duration:0.4s;}

@media screen and (max-width: 768px) {
.sister_club_td_title { padding-top:26%; padding-bottom:16%; text-align:center;}
.sister_club { width:90%; height:auto; margin:0px auto;}
.sister_pic { width:80%; height:auto;border-radius:50% 50% 50% 50%; border-color:#685648; border-style:solid; border-width:2px; padding:2px;}
.sister_club_td { display:block; width:90%; height:auto; margin:0px auto;-moz-box-sizing: border-box; box-sizing: border-box;}
.sister_club_txt_en {font-family: 'Cinzel', serif; font-size:1.6rem; color:#eee;text-rendering: optimizelegibility;}
.sister_club_txt_ja {font-family: 'Sawarabi Mincho', sans-serif; font-size:0.6rem; letter-spacing:0.3rem; color:#eee;text-rendering: optimizelegibility;}

}








/* contents entire left right setting
------------------------- */
.contents { width:100%; height:auto;}
.contents_table { width:960px; height:auto; margin:0px auto;}
.contents_table_left {  width:30%; float:left; height:auto; margin:0px auto; padding:1.5%;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.contents_table_right { width:70%; float:right; height:auto; margin:0px auto; padding:2.0%; padding-left:3%;-moz-box-sizing: border-box;
    box-sizing: border-box; background-color:#;}

@media screen and (max-width: 768px) {
.contents_table { width:95%; display: block; height:auto; margin:0px auto;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.contents_table_left { display: block; float: none; width:100%; height:auto; margin:0px auto; padding:2%;-moz-box-sizing: border-box;
    box-sizing: border-box; background-color:#; border-top-color:#006600; border-top-style: dashed; border-top-width:1px; margin-top:8%; padding-top:8%;}
.contents_table_right { display: block; float: none; width:100%; height:auto; margin:0px auto;-moz-box-sizing: border-box;
    box-sizing: border-box; padding:2.0%; padding-left:2%;}
}




/* business point setting
------------------------- */

.business_point { width:100%; height:auto; background-image:url(../img/bg_footer.jpg); margin-top:1.5%; margin-bottom:1.5%;}
.business_point_table { width:960px; height:auto; margin:0px auto; padding:0%;}
.business_point_table td { width:48%; height:auto; padding:2%; text-align:center; background-color:#;border-collapse: separate; margin:1.5%;}

.business_point_div { font-size:1.4rem; width:100%; text-align:left; padding:3.5%;background: rgba(255,255,255, 0.10); color:#FFF; line-height:1.9rem; margin:0px auto;margin-top:2%; display:block; margin:2%; border-color:#FFF; border-style:dashed; border-width:0px; padding-top:5%; padding-bottom:5%;-moz-box-sizing: border-box; box-sizing: border-box;}
.business_point_div:hover {background: rgba(255, 255, 255, 0.85); color:#333;-webkit-transition-duration:0.3s; transition-duration:0.3s;}
.business_point_div span { font-size:0.9rem;}


.service_point_table { width:95%; height:auto; margin:0px auto; padding:0%;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.service_point_table td { width:45%;}
.service_point_table td .business_point_div { font-size:1.2rem;}


@media screen and (max-width: 768px) {
.business_point_table { width:100%; height:auto; margin:0px auto; padding:0%;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.business_point_table td { display:block; width:95%; margin:0px auto; height:auto; padding:2%; text-align:center; background-color:#;border-collapse: separate; margin:1.5%;-moz-box-sizing: border-box;
    box-sizing: border-box;}


.business_point_div { font-size:1.0rem; width:100%; text-align:left; padding:2.0%;background: rgba(104, 86, 82, 0.25); color:#FFF; line-height:1.3rem; margin:0px auto;margin-top:2%; display:block; margin:2%; border-color:#a49e9a; border-style: dashed; border-width:0px; padding-top:3%; padding-bottom:3%;-moz-box-sizing: border-box; box-sizing: border-box;}
.business_point_div:hover {background: rgba(255, 255, 255, 0.85); color:#333;-webkit-transition-duration:0.3s; transition-duration:0.3s;}
.business_point_div span { font-size:0.6rem;}

.service_point_table td { display:block; width:100%; margin:0px auto;}
.service_point_table tr { display:block; width:100%; height:auto; margin:0px auto;}
.service_point_table td .business_point_div { font-size:1.0rem;}
}






/* business point setting
------------------------- */

@media screen and (max-width: 768px) {
.contact_area_smf { width:80%; height:auto; margin:0px auto; text-align:center; color:#eee; font-size:1.0rem; padding-top:16%; padding-bottom:16%; line-height:2.2rem;border-radius:50% 50% 50% 50%; border-style:solid; border-width:0px; border-color:rgba(255, 255, 255, 60.30); background-color:#;}
.contact_icon1 { font-size:4.0rem; color:#eee;}
.contact_icon2 { font-size:2.0rem; color:#eee;}


}
















/* left side setting
------------------------- */

.lawyer_img_left { width:100%; height:auto; padding:1%;border-radius:5px 5px 5px 5px; border-color:rgba(160, 200, 30, 0.30); border-style:groove; border-width:8px;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.left_menu { width:100%; text-align:left; padding:1.5%;background: rgba(131, 178, 63, 0.75); color:#FFF; line-height:2.5rem; margin:0px auto;margin-top:2%; display:block; margin:2%;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.left_menu:hover {background: rgba(255, 255, 255, 0.85); color:#333;-webkit-transition-duration:0.3s; transition-duration:0.3s;}

.bannar_tel { width:100%; height:auto; margin:0px auto; border-color:#669966; border-width:2px; border-style:dashed; margin:2%; padding:1%;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.guide_title { width:100%; height:auto; font-size:1.4rem; border-bottom-color:#669966; border-bottom-style:solid; border-bottom-width:1px; padding:2%; margin-top:5%; margin:2%;-moz-box-sizing: border-box;
    box-sizing: border-box;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.guide_txt { width:100%; display:block; margin:0px auto; font-size:0.9rem; border-bottom-color:#669966; border-bottom-style:solid; border-bottom-width:0px; padding:2%; margin-bottom:2%;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.guide_txt2 { width:100%; font-size:0.8rem; width:100%; text-align:left; padding:1.5%;background: rgba(131, 178, 63, 0.75); color:#FFF; line-height:1.6rem; margin:0px auto;margin-top:2%; display:block; margin:2%; padding-bottom:2%;border-radius:5px 5px 5px 5px;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.map_left { width:93%; height:auto; padding:1.5%; margin:2%; background-color:#FFF;-moz-box-sizing: border-box;
    box-sizing: border-box;}


@media screen and (max-width: 768px) {



.left_menu { display:block; width:95%; text-align:left; padding:1.5%;background: rgba(131, 178, 63, 0.75); color:#FFF; line-height:2.5rem; margin:0px auto;margin-top:2%; display:block; margin:2%;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.bannar_tel { width:95%; display:block; height:auto; margin:0px auto; border-color:#669966; border-width:2px; border-style:dashed; margin:2%; padding:1%;-moz-box-sizing: border-box;
    box-sizing: border-box;}

.guide_title { display:block; margin:0px auto; width:95%; height:auto; font-size:1.4rem; border-bottom-color:#669966; border-bottom-style:solid; border-bottom-width:1px; padding:2%; margin-top:5%; margin:2%;-moz-box-sizing: border-box;
    box-sizing: border-box;-moz-box-sizing: border-box;
    box-sizing: border-box;}
	
.guide_txt2 { display:block; margin:0px auto; width:95%; font-size:0.8rem; width:95%; text-align:left; padding:1.5%;background: rgba(131, 178, 63, 0.75); color:#FFF; line-height:1.6rem; margin:0px auto;margin-top:2%;margin:2%; padding-bottom:2%;border-radius:5px 5px 5px 5px;-moz-box-sizing: border-box; box-sizing: border-box;}
.guide_txt { display:block; width:95%; font-size:0.9rem; border-bottom-color:#669966; border-bottom-style:solid; border-bottom-width:0px; padding:2%; margin-bottom:2%;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.map_left { display:block; margin:0px auto; width:100%; height:auto; padding:1.5%; margin:0%; background-color:#FFF;-moz-box-sizing: border-box;
    box-sizing: border-box;}
}


/* right side setting
------------------------- */

.bannar_work { width:100%; height:auto; text-align:center; font-size:1.0rem;background: rgba(73, 104, 61, 0.75);border-radius:5px 5px 5px 5px; vertical-align:middle; color:#FFF; float:left; margin-right:3%; padding-top:10%; padding:1%;}
.bannar_work:hover {background: rgba(73, 104, 61, 0.15); -webkit-transition-duration:0.3s; transition-duration:0.3s;}
.bannar_title { font-size:1.6rem;}
.bannar_work_btm {background: rgba(255, 255, 255, 0.90); color:#666; padding-top:2%; padding-bottom:2%; margin-top:1%; margin-bottom:1%; display:block;border-radius:5px 5px 5px 5px;}
.bannar_work_img { width:100%; height:auto;}


.policy_title { width:100%; height:auto; font-size:1.6rem; padding:1%; border-bottom-color:#669900; border-bottom-style:dashed; border-bottom-width:3px; margin-bottom:2%;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.policy_img { width:100%; margin:0px auto; padding:0%; margin:0px auto; text-align:center;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.policy_img img {width:100%; height:auto; border-radius:5px 5px 5px 5px; margin:0px auto; -moz-box-sizing: border-box;
    box-sizing: border-box;}
.policy_txt { width:100%; padding:2%; font-size:1.2rem; line-height:2.2rem; -moz-box-sizing: border-box;    box-sizing: border-box;}

.policy_txt span { border-bottom-color:#bccd90; border-bottom-style:dashed; border-bottom-width:1px;}

.policy_btm { width:100%; text-align:center; padding:1.5%;background: rgba(131, 178, 63, 0.75); color:#FFF; line-height:2.5rem; margin:0px auto;margin-top:2%; display:block; margin-top:2%; margin-bottom:2%;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.policy_btm:hover {background: rgba(255, 255, 255, 0.85); color:#333;-webkit-transition-duration:0.3s; transition-duration:0.3s;}

.work_item { width:100%; height:auto; padding:2%; border-left-color:#669966; border-left-style:double; border-left-width:10px; font-size:1.6rem;background: rgba(131, 178, 63, 0.15);-moz-box-sizing: border-box;
    box-sizing: border-box;}
.work_item_txt { width:100%; height:auto; padding:3%; font-size:1.2rem;}

.map_left2 { width:96%; height:400px; margin:0px auto; margin-top:2.5%; margin-bottom:2%;}

.main_right_txt { font-size:1.0rem; width:100%; padding:2%; text-align:left; line-height:1.8rem;-moz-box-sizing: border-box;
    box-sizing: border-box;}

@media screen and (max-width: 768px) {

.policy_title { width:100%; height:auto; font-size:1.4rem; padding:1%; border-bottom-color:#669900; border-bottom-style:dashed; border-bottom-width:1px; margin-bottom:2%; margin-top:3%;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.policy_txt { width:100%; padding:2%; font-size:1.0rem; line-height:1.6rem; -moz-box-sizing: border-box;box-sizing: border-box;}
.policy_txt span { border-bottom-color:#bccd90; border-bottom-style:dashed; border-bottom-width:1px;}



}







/* footer setting
------------------------- */
.footer { width:100%; height:auto; background-image:url(../img/bg_footer.jpg);background-size: cover; border-top-color:#936636; border-top-style: groove; border-top-width:0px; padding-top:2px;}
.footer_table { width:960px; height:auto; margin:0px auto;border-box; box-sizing: border-box; margin-top:1.1%;}
.footer_table_td { width:100%; font-size:1.0rem; text-align:center; font-size:1.2rem; color:#333;  line-height:1.8rem;}
.footer_div { font-size:0.9rem; text-align:center; width:33%; float:left; display:block; padding-top:1%; padding-bottom:1%; color:#CCC;}
.footer_div:hover {background: rgba(255, 255, 255, 0.90); color:#333;-webkit-transition-duration:0.3s; transition-duration:0.3s;border-radius:50px 50px 50px 50px;}
.footer_menu_a { display:block; width:100%;}
.footer_name { color:#eee; font-size:36px; line-height:26px; padding:2%; text-align:center; padding-top:5%;}
.footer_name a {color:#eee;}

.footer_name span { font-size:0.8rem; line-height:1.0rem !important;font-family: 'Sawarabi Mincho', sans-serif;text-rendering: optimizelegibility;}
.attention_txt { display:block; text-align:center; font-size:0.6rem; color:#aaa; padding-top:2%; line-height:1.0rem;}
.attention_txt a { color:#aaa;}
.footer_txt2 { font-size:0.8rem;}
.footer_txt3 { font-size:1.2rem !important;}
.logo_footer { width:30%;}

@media screen and (max-width: 768px) {
.footer_table { width:90%; height:auto; margin:0px auto;border-box; box-sizing: border-box; margin-top:8.1%;}
.footer_table_td { display:block; width:100%;padding-bottom:0%; vertical-align:text-top; vertical-align:top;}
.footer_div { display:block; margin:0px auto; width:100% !important; float:none;background: rgba(255, 255, 255, 0.10); color:#eee !important; font-size:0.9rem; text-align:center; padding-top:1%; padding-bottom:1%;border-radius:50px 50px 50px 50px; margin-bottom:3%;}
.footer_div:hover {background: rgba(255, 255, 255, 10.90); color:#333 !important;-webkit-transition-duration:0.3s; transition-duration:0.3s;}
a .footer_div { color:#FFF;}
.footer_name { display:block; width:90%; margin:0px auto; margin-top:14%; margin-bottom:5%; color:#526c14; font-size:1.4rem; line-height:26px; padding:2%; text-align:center; line-height:2.4rem; padding-top:5% !important;}
.footer_txt2 { font-size:0.8rem; display:inline !important;}
.footer_txt3 { font-size:1.2rem; display:block; width:100%;}
.footer_txt4 { display:none; font-size:0.8rem; width:100%; line-height:1.2rem;}
.footer_name span { display:block; font-size:0.8rem; line-height:1.2rem !important; padding-bottom:6%;}
.attention_txt { display:block; text-align:center; font-size:0.6rem; color:#aaa; padding-top:2%;}
.attention_txt a { color:#aaa;}
.logo_footer { width:85%;}
}






	/*---------------------------------------------------------------------------------------
トップへ戻るボタン設定
---------------------------------------------------------------------------------------*/  





#pageTop {
z-index:75000;
  position: fixed !important;
  bottom: 5%;
  right: 3%;
  text-align:center;
  background-color:#;
  border-radius: 5px;
  border-color:#999; border-style: dotted; border-width:0px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 15px;
  border-radius: 5px 5px 5px 5px;
  width: 20%;
  height:8%;
  font-size:2.8rem;
  background-color: #;
  color: #b5b5b4;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
   border-color:#999; border-style: dotted; border-width:0px;
}
 
#pageTop a:hover {
  text-decoration: none;
  color:#685648;

}

#pageTop:hover {  color:#000;
  border-color:#FFF; border-style:solid;
  -webkit-transition-duration:1.0s; transition-duration:1.0s;}



@media screen and (max-width: 768px) {

#pageTop {
z-index:75000;
  position: fixed !important;
  bottom: 0%;
  right: 3%;
  text-align:center;
  background-color:#;
  border-radius: 5px;
  border-color:#999; border-style: dotted; border-width:0px;
}


#pageTop a {
  display: block;
  z-index: 999;
  padding: 15px;
  border-radius: 5px 5px 5px 5px;
  width: 20%;
  height:8%;
  font-size:2.8rem;
  background-color: #;
  color: #b5b5b4;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
   border-color:#999; border-style: dotted; border-width:0px;
}

}


/* Let's get this party started */
::-webkit-scrollbar {
    width: 0.5%;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(147,102,54,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 5px;
    background: rgba(147,102,54,0.5); 
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(145,176,124,0.5); }






































/* sub page setting
------------------------- */

.sub_img { width:100%; margin:0px auto; padding:0%; margin:0px auto; text-align:center;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.sub_img img {width:100%; height:auto; border-radius:5px 5px 5px 5px; margin:0px auto; -moz-box-sizing: border-box;
    box-sizing: border-box;}
.sub_txt { width:100%; padding:2%; font-size:1.0rem; line-height:2.2rem; -moz-box-sizing: border-box;    box-sizing: border-box;}

.sub_txt span { border-bottom-color:#bccd90; border-bottom-style:dashed; border-bottom-width:1px;}



@media screen and (max-width: 768px) {


}


/* company page setting
------------------------- */

.company_img { width:100%; height:auto; text-align:center;}
.company_img img { display:block; width:31%; height:auto; float:left; padding:1%; text-align:center;}
.company_map { width:100%; height:350px; background: rgba(153, 192, 88, 100.00); padding:2%;-moz-box-sizing: border-box;    box-sizing: border-box;}

@media screen and (max-width: 768px) {

.company_img img { display:block; width:100%; height:auto; float:left; padding:0%; margin-top:2%; text-align:center;-moz-box-sizing: border-box;
    box-sizing: border-box;}

}




/* profile page setting
------------------------- */

.profile_img { width:100%; height: auto; text-align:center;}
.profile_pic{ width:45%; height:auto; margin:0px auto; border-color:#FFF; border-width:2px; border-style:solid;}

ul { border:0px;}
ul li { border:0px; padding:0px;}

.profile_history { padding:0px; font-size:0.9rem; list-style:none; background-color:#; border-bottom-color:#bccd90; border-bottom-style: dashed; border-bottom-width:1px; line-height:1.6rem; display:table;padding-left: 0;}

.profile_name_area { text-align:left; padding:2%; width:100%; display:block; font-size:1.2rem;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.profile_name_title { font-size:2.2rem;}
.profile_name_title span { font-size:1.0rem !important; border-bottom-width:0px;}

@media screen and (max-width: 768px) {

.profile_pic{ width:50%; height:auto; margin:0px auto;}

}




/* price page setting
------------------------- */

.price_item { width:100%; height:auto; text-align:left; border-left-color:#dbe9b9; border-left-style:solid; border-left-width:12px; padding:1%; font-size:1.2rem; border-bottom-color:#dbe9b9; border-bottom-style:solid; border-bottom-width:1px;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.price_item_content { width:100%; display:block; margin:0px auto; text-align:left; padding:2%;-moz-box-sizing: border-box;
    box-sizing: border-box;}
.price_item_content_item { width:100%; height:auto; display:block; text-align:left; padding:2%; background-color:#dbe9b9;-moz-box-sizing: border-box;
    box-sizing: border-box;}

.price_item_content_item_content { width:100%; height:auto; display:block; text-align:left; padding:2%; -moz-box-sizing: border-box;
    box-sizing: border-box;}



@media screen and (max-width: 768px) {

.profile_pic{ width:50%; height:auto; margin:0px auto;}

}


/* business page setting
------------------------- */

.business_pic01{ width:90%; height:auto; display:block; margin:0px auto; margin-top:4%; margin-bottom:4%; border-color:#99c058; border-style:solid; border-width:3px;}
.business_pic02{ width:96%; height:auto; display:block; margin:0px auto; margin-top:4%; margin-bottom:4%; border-color:#99c058; border-style:solid; border-width:3px;}


@media screen and (max-width: 768px) {


}


/* privacy policy page setting
------------------------- */
.privacy-policy_list { padding:0px; font-size:0.9rem; list-style: square !important; background-color:#; border-bottom-color:#bccd90; border-bottom-style: dashed; border-bottom-width:1px; line-height:1.6rem; display:table;padding-left: 0;}