@charset "UTF-8";

/*
Theme Name:  ZEAL
Theme URI: http://zeaplus.co.jp/
Description: ZEAL
Version: 1.1
Author: ZEALPLUS
Author URI: http://zeaplus.co.jp/
*/


/*
===== CONTENTS ================================================================================

	Index:
  - Base Style
  - Layout

===============================================================================================
*/


/*@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
@import url(http://fonts.googleapis.com/css?family=Fenix);*/


/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/
/*
body { font: 11px/1.41 "Adobe Garamond Pro", "Fenix", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif;
	  margin:0; padding: 0; background: #FFF url('../images/common/bg.gif') repeat top left ;  letter-spacing:0.1em; }
*/
body { font: 13px/2.3 Helvetica, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", meiryo, "ＭＳ Ｐゴシック","MS PGothic",   Arial, sans-serif;
	 margin:0; padding: 0; background: #F3F0ED; letter-spacing:1px; -webkit-text-size-adjust: 100%; }


a       { text-decoration: none; color:#333; }
a:hover { text-decoration: underline; color:#666666; }
a.linkcolor{ text-decoration: underline;  color:#FFF;  }
a { outline:none;}
img { -ms-interpolation-mode: bicubic; }
:focus { outline: 0; }


.fn-BreeSerif{font-family: 'Bree Serif', serif; }

/* main-layout
==========================================================*/

body { }
#toppages { }
#wrapper  { }


@media only screen and
(min-device-width : 768px) and
(max-device-width : 1024px) {
#toppages { min-width:1024px;}
}

.sp-hide{ display: block;}
.sp-hide-inline{ display: inline;}
.sp-show{ display:none;}
.sp-show-inline{ display:none;}

/* header
==========================================================*/

/* header
==========================================================*/

#headerContainer{ width: 100%; height: 40px; z-index: 99999; /* position: absolute; bottom: 0; */
	background:url(../images/nav/nav_bg_repeat.png) repeat-x center 0px;}
#headerContainer.contactpage{ width: 100%; height: 40px; z-index: 100; position: fixed; top: 0;
	background:url(../images/nav/nav_bg_repeat.png) repeat-x center 0px;}
#gnaviBG{ width: 1000px; margin:0 auto; height: 40px; text-align: center;
	/*background:url(../images/nav/nav2_bg.png?1802) no-repeat center 0px; background-size: 1000px;*/
}

.fixed { position: fixed !important; z-index:99;  }
.fixed-works{ position: fixed !important;}

#gnavi {  width: 1000px; width: 750px;margin: 0px auto; overflow: hidden; position: relative; }
#gnavi li { float: left; height: 40px; margin-right:0px; text-indent:100%;white-space:nowrap;overflow:hidden; }
#gnavi::after{ position: absolute; content: ""; right: 0; top: 0; background-color: #b3b3b3;width: 16px; height: 100%;}


 /* works --> copy !!! */
#gnavi li#gnavilogo { width: 140px; margin-right:33px; }
#gnavi li#gnavi01 { width: 77px; }
#gnavi li#gnavi02 { width: 102px; }
#gnavi li#gnavi03 { width: 89px; }
#gnavi li#gnavi04 { width: 87px; }
#gnavi li#gnavi05 { width: 81px; }
#gnavi li#gnavi06 { width: 113px; }
#gnavi li#gnavi07 { width: 113px; }
#gnavi li#gnavi08 { width: 85px; }
#gnavi li#gnavi09 { width: 80px; }

#gnavi a { width: 100%; height: 40px; display: block; overflow:hidden; outline:none; background:url(../images/nav/nav2_stripe.png?180221) no-repeat 0 0px; background-size: 1000px;}
#gnavi .current { }


#gnavilogo a{ background-position: 0px 0px; }
#gnavi01 a{ background-position: -196px 0px; }
#gnavi02 a{ background-position: -271px 0px; }
#gnavi03 a{ background-position: -371px 0px; }
#gnavi04 a{ background-position: -458px 0px; }
#gnavi05 a{ background-position: -543px 0px; }
#gnavi06 a{ background-position: -622px 0px; }
#gnavi07 a{ background-position: -733px 0px; }
#gnavi08 a{ background-position: -844px 0px; }
#gnavi09 a{ background-position: -927px 0px; }


.hd-side-navInner{ position: relative;}
.hd-side-nav{ position:absolute; right:0; top:0; width:40px; line-height:0;}


/* SP */
#sphdContainer{ position: relative; display:none;}
.sphdtab{ position:absolute; top:15px; right:15px; z-index:9999;}
.nav_sp{ display:none;}


/* footer
==========================================================*/
.col-footer { padding-top:10px;}
.col-footer .col-l{ float:left; width:500px; }
.col-footer .col-r{ float:right; width:500px; }
#copyright{ line-height:1; font-size:12px; padding-top:10px; font-weight:200; /*text-align: right; */}
#toTop{  line-height:1; text-align:right; }



.footer{ background-color: #534741; color: #fff;}
.footer a{ color: #fff; text-decoration: none; }
.footer a.ft-lineup{color: #ffff00;}
.footer .col-flex-sb .col-flex-l{ width: 55%; }
.footer .col-flex-sb .col-flex-r{ width: 45%;}
#ft-logo{ margin-bottom: 40px;}
#ft-logo img{ vertical-align: middle; }
#ft-logo span{ display: inline-block;  font-size: 15px; line-height: 40px; margin-left: 30px;}

.footer .col-flex-r li{margin-bottom: 10px;}

.footer .col-flex-r .elm01{ width: 35.5%;}
.footer .col-flex-r .elm02{ width: 35.5%;}
.footer .col-flex-r .elm03{ width: 29%; display: grid; grid-template-columns: repeat(3, 1fr); justify-content: flex-end;}
.footer .col-flex-r .elm03 a{ padding-left: 13px; box-sizing: border-box; }

@media screen and (max-width: 750px) {
.footer .col-flex-sb .col-flex-l{ width: 100%;  order: 2; }
.footer .col-flex-sb .col-flex-r{ width: 100%;margin-bottom: 40px;}
.footer .col-flex-r { position: relative;}
.footer .col-flex-r li{margin-bottom: 6px;}
.footer .col-flex-r .elm01{ width: 100%; font-size: 1.2em;}
.footer .col-flex-r .elm02{ width: 100%; font-size: 1.2em;}
.footer .col-flex-r .elm03{ width: 50%; position: absolute; z-index: 1; right: 0; top:5px; }
.footer .col-flex-r .elm03 a{ padding-left: 11px;  }

}


/* content
==========================================================*/
#Container{ /*background:url(../images/mainlogo.png) no-repeat fixed center 136px;*/ }
.pages{ }
.wrap{  }
.wrapInner{ padding:60px 0 100px; width:1000px; margin:0 auto; }
.wrapInner.pagetopInner { padding:30px 0;}


.col-flex { display: flex; flex-wrap:wrap;}
.col-flex-sb { display: flex; flex-wrap:wrap; justify-content: space-between; }
.floatnone{float: none !important;}

.h1tt{ position:absolute; text-indent:-999em;  }
.ttlbox{ line-height:1em; padding-bottom:15px; margin-bottom:60px; border-bottom:1px solid #bfbfbf; }
.ContentInner{}
.ContentInnerBlock{}



/* 2: layout
----------------------------------------------------------------------------------------------*/

.Over-close{ position:absolute; right:40px; top:0;}
.bgInner { background-attachment:fixed; position: relative;}


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


/* slider */
.scslide{
  visibility : hidden;
}
.scslide.slick-initialized{
  visibility:visible;
}

/* INDEX
==========================================================*/

#main_image { width: 100%; margin:0; }
#main_image img { width: 100%; height: auto; vertical-align: bottom;}

.main_relocation { text-align: center; }
.main_relocation_txt { display: inline-block; height: 30px; line-height: 30px; padding: 0 15px; background: #000; color: #fff; }
.main_relocation_down { margin: 40px 0 }





video#video-background {
  line-height:1;
  position: fixed;
  right: 0;
  top: 0px;
  width: 100%; height: 100vh;
  height: auto;
  z-index: -100;

}

#video-Inner {
  line-height:1;
  position: fixed;
  width:100%;
  right: 0;
  top: 0px;
  z-index: -100;
  background-attachment: fixed;
  background-size: cover;
}

.video-loadbg{ }
.video-endbg{ background: url(../images/main/mainimg.png?140819) #F3F0ED no-repeat;
  width:100%;
  z-index: -100;
  background-attachment: fixed;
  background-size: cover; }


.video-message{ position:absolute; display:none; }
.video-message img{ width:98%; height:auto; padding: 0 2% }


.sp-video-img{ display:none;  }
.sp .sp-video-img{ display: block; }



.fullvideo{width: 100%; height: 100vh; max-height: 800px; overflow: hidden; position: relative;}
.fullvideo video {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0; margin: 0; transform-origin: center center ;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  /*background: url('../images/') no-repeat;*/
  background-size: cover;
  z-index: 0;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);

}


.ind_lineupBox{ position: absolute; /*top:-240px;*/ top:-610px; right:calc(3% - 15px); margin-top:-20px;}
.pop-recruit img { width: 190px; }
.hellolife { margin-left: 15px;}


.Slide{ margin-bottom: 0; line-height: 0;}
.Slide img{ max-width: 1400px;}
@media screen and (max-width: 2600px) {
.Slide img{ max-width: 1300px;}
}
@media screen and (max-width: 2400px) {
.Slide img{ max-width: 1200px;}
}
@media screen and (max-width: 2000px) {
.Slide img{ max-width: 1000px;}
}
@media screen and (max-width: 1000px) {
.Slide img{ max-width: 100vw;}
}

.indmain-message{ position: absolute; width: 100%; box-sizing: border-box; padding: 5%; text-align: center; z-index: 99; padding-top: 140px; }

@media screen and (max-width: 750px) {
.indmain-message{ padding-top: 15%; }
}

#index-blogContainer { background: #d2c0b1; padding: 80px 5% 100px }
.index-blog-ttl{ font-size: 42px; text-align: center; margin-bottom: 40px;  color: #fff;}
.index-blog_Inner{ width: 100%; max-width: 1186px; margin: 0 auto;}
    #index-blogContainer ul{ margin-left: -10px; margin-bottom: 80px;}
	#index-blogContainer li { width:calc(25% - 10px); margin-left: 10px;margin-bottom: 10px; background:#fff; }
    #index-blogContainer li img{ width: 100%; height: auto;}
	#index-blogContainer li .blog_gridInner { padding:5px; line-height:1.5; font-size:12px; letter-spacing:normal;}
	#index-blogContainer li .blog_gridInner a { text-decoration:none; }
	#index-blogContainer li .blog_gridInner a:hover { text-decoration:none; opacity:0.6;-moz-opacity:0.6; filter: alpha(opacity=60);}
	#index-blogContainer li .blog_gridInner img { vertical-align:bottom;}
	#index-blogContainer li .blog_gridInner .blog_listText { margin:10px 10px 7px;}
		#index-blogContainer li .blog_gridInner p.blog_listTitle { font-weight:bold; margin:0 0 10px;}
		#index-blogContainer li .blog_gridInner p.blog_listDesc { margin:0 0 10px;}
		#index-blogContainer li .blog_gridInner p.blog_listMore { margin:0 0 10px;}
		#index-blogContainer li .blog_gridInner p.blog_listDay {}
		#index-blogContainer li .blog_gridInner p.blog_listCategory { margin:0 10px; text-align:right; font-family: 'Bree Serif', sans-serif;}

@media screen and (max-width: 750px) {
#index-blogContainer { background: #d2c0b1; padding: 30px 5% 50px }
.index-blog-ttl{ font-size: 30px; margin-bottom: 20px; }
#index-blogContainer ul{  margin-bottom: 40px;}
#index-blogContainer li { width:calc(50% - 10px); }

}

/*ind_topics
==========================================================*/
/*
.ind_newsblock{ width:800px; padding-top:0px; margin:0 auto; background:#fff; padding:10px 50px;}
	.ind_topics{font-family: 'Bree Serif', serif; font-size:1.1em;  line-height:1.2; margin-bottom:0; float:left; width:20%;}
	.ind_newsblock ul{ float:right; width:80%;}
	.ind_newsblock li { word-break: break-all; line-height:1.4;  margin-right:-10px; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-text-overflow:ellipsis;
    -o-text-overflow: ellipsis; }
	.ind_newsblock li span{ font-size:90%; letter-spacing:normal; padding-right:10px; }
	.ind_newsblock li a{ text-decoration:underline; font-weight:bold; }
*/
.ind_newsblock{ width:190px; padding-top:10px;}
	.ind_topics{font-family: 'Bree Serif', serif; font-size:1.1em;  }
	.ind_newsblock ul{ }
	.ind_newsblock li { word-break: break-all; line-height:1.4;  margin-right:-10px; overflow: hidden; display:none;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-text-overflow:ellipsis;
    -o-text-overflow: ellipsis; }
	.ind_newsblock li:first-child{ display:block;}
	.ind_newsblock li span{ font-size:90%; letter-spacing:normal; padding-right:10px; }
	.ind_newsblock li a{ text-decoration:underline; font-weight:bold; }



/* RECRUIT
==========================================================*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


#cboxOverlay{ background:#534741; opacity: 1.0 !important; filter: alpha(opacity = 100) !important; }
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background: none;}
        .cboxIframe{background:#534741;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:none; padding:1px;}
        #cboxLoadingGraphic{background:url(../js/colorbox/images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:none;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /*#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{background:url(images/controls.png) no-repeat 0 0;}*/
		#cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:70px; height:70px; position:absolute; top:-0px;
		}

        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline:0; }
		#cboxClose{ right:0; background:url(../images/contact/faq_close.png) no-repeat 0 0;}
        #cboxClose:hover{opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60);}

/* ABOUT
==========================================================*/
#about{ background: #F3F0ED; /*padding-top: 2000px;*/}
#about .page-Container{ padding-top:50px; }
	#about .page-Container .col-l{ float:left; width:320px; }
		.prof-tt{ font-size:14px; line-height:1; font-weight:600; margin:26px 0 24px;}
		.prof-dl dt{ font-size:15px; line-height:2; letter-spacing:8px; margin-bottom:6px; }
		.prof-dl dd{ font-size:12px; line-height:2; }
	/*#about .page-Container .col-r{ float:right; width:660px; }*/
    #about .page-Container .col-r{ width:660px; margin: 0 auto;}

#about .bgInner	{ background:url(../images/about/about_bimg.png?140819) 50% 50% no-repeat; background-size:cover; /*height: 850px;*/height: 640px;}


/* SERVICE
==========================================================*/
#service { background: #D2C0B1; color:#fff;  }
	#service .wrapInner{ min-height:690px; }
	#service .page-Container{ font-weight:bold; }
		#service .page-Container .col-l{ float:left; width:500px;  }
		#service .page-Container .col-r{ float:right; width:410px;  }
		#service .page-Container .col-r dt{ position:relative; top:-10px;}
			#service .page-Container .col-r .col-l{ width:197px;  }
			#service .page-Container .col-r .col-r{ width:197px;  }


#Over-priceContainer{ position:relative; z-index:1; }
	#Over-priceContainer .wrapInner{ padding-bottom:0; min-height:790px;  }
	#Over-priceInner1,
	#Over-priceInner2{ position:absolute;background:#736357;  width:100%; display:none; }
	#Over-areaInner{ position:absolute;background:#998675;  width:100%; display:none; }

	/*
	#Over-priceContainer .slide-pager { position:absolute; top:610px; left:140px;}
	#Over-priceContainer .slide-pager a {
		background: #998675;
		text-indent: -9999px;
		display: block;
		width: 8px;
		height: 8px;
		margin: 0 15px;
		outline: 0;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		float:left;
	}
	#Over-priceContainer .slide-pager a:hover,
	#Over-priceContainer .slide-pager a.active {
		background: #FFF;
	}
	*/

	#Over-priceContainer .slide-pager { position:absolute; top:569px; left:0px; line-height:1; }
	#Over-priceContainer .slide-pager a {
		margin-right:20px;
		float:left;
	}



#service .bgInner { background:url(../images/service/service_mimg.png?140819) 50% 50% no-repeat; background-size:cover; /*height: 850px;*/height: 720px;}


.area_box .col-flex-sb{align-items: center; }
  .area_box .fl { width: 450px; order: 1; }
  .area_box .fr { width: 500px; order: 2; }
  .area_box .area_dl { margin-bottom: 20px;}
  .area_box a { color: #fff; text-decoration: underline;}
  .area_box .area_dl dl:first-child { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #fff;}





/* WORKS
==========================================================*/
#works{ background: #998675; color:#fff; }
	#works .page-Container{ font-weight:bold; }

	#ind_works_grid {  }
	#ind_works_grid li { float:left; width:334px; height:255px; letter-spacing:normal; position:relative; overflow:hidden; cursor:pointer; }
	#ind_works_grid li .overImg { position: absolute; top:-255px; left:0; line-height:2;
 	background:url(../images/works/so_overimg.png) ; text-align:left; }
	#ind_works_grid li .overImg a { color:#fff; text-decoration:none; display:block; padding: 20px 24px 0 30px; width:280px; height:235px;  }


#works .bgInner	{ background:url(../images/works/works_bimg.png) 50% 50% no-repeat; background-size:cover; /*height: 850px;*/ height: 730px;}



/* VOICE
==========================================================*/
#voice {background: #F3F0ED; }
#voice .page-Container{ font-weight:bold; }

.voice_box { margin-top: 40px;}
  .voice_box .fl { width: 380px; padding-top: 165px;}
  .voice_box .fl .voice_box_interview p { margin-bottom: 20px;}
  .voice_box .fl .voice_box_more { margin-top: 40px;}
  .voice_box .fl .voice_box_more a { cursor: pointer;}
  .voice_box .fr .voice { position: absolute; top: 40px; left: -400px;}

.voice_more_Container { margin-top: 100px; box-sizing: border-box; display: none;}
  .voice_more_Container .fl { width: 500px; float: left; padding-right: 55px; margin-right: 55px; border-right: 1px solid #000;box-sizing: border-box;}
  .voice_more_Container .fr {  width: 445px; box-sizing: border-box;}

/* FLOW
==========================================================*/
#flow{ background: #736357; color:#fff;}
	#flow .page-Container{ font-weight:bold; }


/** SLIDER
===================================*/
#flow .bx-wrapper{ width:892px; }

.bx-wrapper {
	position: relative;
	margin: 0 auto 50px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}


.bx-wrapper .bx-viewport {
	text-align:center;

}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../js/jquery.bxslider/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

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

.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: #998675;
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 15px;
	outline: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

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

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

.bx-wrapper .bx-prev {
	left: -52px;
	background: url(../images/flow/flow_prev.png) no-repeat 0 0;
	overflow: visible!important;
}

.bx-wrapper .bx-next {
	right: -52px;
	background: url(../images/flow/flow_next.png) no-repeat 0 0;
	overflow: visible!important;
}

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


#slider li.slideflow { width:1000px; font-weight:bold; }
  #slider li .slideflow_number img { width: 150px; margin: 0 auto;}
  #slider li .slideflow_box img { float:left; }
  #slider li .slideflow_box p { float: right; width:524px; text-align:left; padding-top: 165px; }
  #slider li .slideflow_box p a{ color:#D2C0B1; }
.slideflow_flow7_welcome { position: absolute; top: 140px; right: 120px;}

#flow .bgInner { background:url(../images/flow/flow_mimg.png) 50% 50% no-repeat; background-size:cover; /*height: 850px;*/height: 600px;}



/* RELOCATION
==========================================================*/
#relocation { background: #FFFDFA; position: relative;}
#relocation::after {
    position: absolute;
    bottom:-40px;
    left:47%; left: -moz-calc(50% - 13px); left: -webkit-calc(50% - 13px); left: calc(50% - 13px);
    content: '';
    width: 0;
    height: 0;
    border: 25px solid transparent;
    border-top: 25px solid #FFFDFA;
}
.relocation_main { margin: 0 0 50px; }
.relocation_main img { width: 100%; height: auto; vertical-align: bottom; }
.relocation_title { font-weight: bold; font-size: 20px; margin: 0 0 15px; }


/* CONTACT
==========================================================*/
#contact{ background: #534741; color:#fff;}
	#contact .page-Container{ }
	#contact .page-Container .col-l{ float:left; width:440px; }
	#contact .page-Container .col-r{ float:right; width:535px; font-weight:bold; }
#contact .wrapInner{ padding:60px 0 50px; min-height:690px;  }


table.contact_company_info { margin: 40px 0 60px; line-height: 1.7; }
table.contact_company_info th { padding: 0 20px 0 0; }
table.contact_company_info td { padding: 0 0 40px; }
table.contact_company_info td .contact_company_info_gmap { padding:20px 0 0; }
table.contact_company_info td .contact_company_info_gmap a { color: #fff; text-decoration: underline; }
table.contact_company_info .contact_company_info_name { font-size: 15px; }

  .contact_company_hangers { margin-bottom: 60px;}
  .contact_company_hangers dt { float: left; margin-right: 20px;}
  .contact_company_hangers dd { float: left; line-height: 1.7;}
  .contact_company_hangers dd a { color: #fff; text-decoration: underline; }

	.contact-spec dd img{ vertical-align:middle;}
	#likeCount{ font-size:16px; padding-left:60px; letter-spacing:2px; background:url(../images/contact/likeheart.png?180221) 30px 60% no-repeat; background-size: 20px;}



.contfrm {  }
.inqtable{  }
.inqtable tr {}
.inqtable th { width:185px; padding:5px 0; }
.inqtable td { padding:5px 0; }
.inqtable td input { padding:4px 3px; font-size:14px; background:#ffffff; border:1px solid #D8D8D8; width:340px; }
.inqtable td textarea { padding:4px; background:#ffffff; border:1px solid #D8D8D8; width:340px; }

.submitbtm{ }
.imeInact { ime-mode:inactive; }
#Submit{ padding:0; border: none; width: 100px; }
.inq_cmt{ font-size:11px; line-height:2; font-weight: normal; margin-top:4px; }

	.inqtable input.inputTxt2{ width:140px !important; }
	.inqtable input.m_active{ ime-mode:active;  }
	.inqtable input.m_inactive{ ime-mode:inactive;  }
	.inqtable textarea{ ime-mode:active;  }

	.btn_address img { cursor:pointer; vertical-align:top; padding-top:1px; margin-left:10px;}
	.btn_address img:hover {
		opacity:0.6;-moz-opacity:0.6;
		filter: alpha(opacity=60);
	}

	.inqtable td .chkcat2 input { width:auto; padding:0; background:none; border:none; margin-right:5px; }
	.inqtable td .chkcat2 li{ float: left; margin-right:20px; }

  .inqtable td .chkcat3 input { width:auto; padding:0; background:none; border:none; }
	.inqtable td .chkcat3 li{ margin-bottom: 5px; }


select#kubun {
  background: #FFF;
  border: 1px solid #534741;
  height: 30px;
  line-height: 30px;
  text-align: left;
  text-indent: 5px;
  vertical-align: middle;
}
#kubun_cmt{ display:none;  line-height:1.4; font-weight: normal; margin:10px 0; }



.sendcomplete{ font-size:1.5em; line-height:1.5em; margin:20px 0; }
.sendcompleteTxt { font-size:14px; line-height:2.57; letter-spacing:1; padding:0 0 60px; }

.contfrm .error_box {
    display:none;
    margin:10px 0px 20px;
    padding:15px 12px 15px;
    border:1px solid #C50000;
	text-align:left;
    color:#C50000;
	background:#FFF;
	line-height:1.5;
}


#Over-faqContainer{ position:relative; z-index:1; }
	#Over-faqContainer .wrapInner{ padding-bottom:0; min-height:90vh; width:100%; }

	#Over-faqContainer .Over-close{ position:absolute; right:50%; width:50px; }
	#Over-faqContainer .Over-close img{ margin-left:450px; }
	#Over-faqInner { position:absolute; background:#534741; width:100%; display:none; }
	.faq-inner{ width:100%; height: 610px; overflow: hidden; overflow-y:scroll; }
		.faq-inner dl{ width:1000px; margin:0 auto;}
		.faq-inner dt{ background:url(../images/contact/faq_q.png) 0 12px no-repeat; padding:10px;  padding-left:40px; }
		.faq-inner dd{ background:url(../images/contact/faq_a.png) 0 12px no-repeat; padding:10px;  padding-left:40px; padding-bottom:28px; margin-bottom:22px; border-bottom:1px dotted #fff; }

	.scroll-pane {}
	.scroll-pane .jspVerticalBar {
		width: 10px;
	}
	.scroll-pane .jspTrack{
		background: url('../images/nav/scroll_track.gif') repeat-y 0 1px;
	}
	.scroll-pane .jspDrag{
		background: url('../images/nav/scroll_drag.gif') repeat-y 0 1px;
	}

/* ACCESS
==========================================================*/
#Maps{ width:100%; height:600px;}



/* ACTIVITY
==========================================================*/
#activity {background: #F3F0ED; }
	#activity .page-Container{ font-weight:bold; }

.activity_list { margin: 50px 0 0;}
.activity_list ul {}
.activity_list ul li { float: left; width: 320px; margin-right: 20px;}
.activity_list ul li img:first-child { padding-left: 5px;}
.activity_list ul li:last-child { margin-right: 0;}

.activity_list_txt { padding: 5px; box-sizing: border-box;}
.activity_list_txt p:first-child { font-weight: bold; font-size: 17px; letter-spacing: normal;}
.activity_list .activity_hangers { margin-top: 100px;}
.activity_hangers .fr { width: 310px; line-height: 2.2; letter-spacing: normal;}


/*Gallery
==========================================================*/
/*
.bg-scale {
    position: relative;
    overflow: hidden;
}
.bg-scale:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale:hover:after {
    opacity: .6;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.bg-scale .bg-scale_inner {
    z-index: 1;
    position: relative;
}
*/
#c-gallery{ padding-top: 0; /*max-width:1100px;*/ margin:0 auto; margin-bottom: 50px;}
#instagramImages{ }
	#c-gallery .page-Container li{ float: left;  /*width:16.06%; padding:0 0.3% 40px;*/ width:16.66%; width:16.06%;  margin: 0 0.3%; padding:0 0 0px; line-height:0; overflow:hidden; position:relative;   /*margin-bottom: -21px;*/ }
	#c-gallery .page-Container li img{ min-width: 100%; max-width:100%; height:auto; margin-bottom:0px;}
		#c-gallery .page-Container li i{ padding:0 5px 0 5px;}
		#c-gallery .page-Container li a{ display:block; color:#fff; }
			#c-gallery .page-Container li .instagram-gridInner{ width:100%;  height:16.66vw; position:absolute; z-index:1; background-color: rgba(115,99,87,0.9); -webkit-opacity:0; opacity:0;
			-moz-transition:all .3s; -webkit-transition:all .3s;transition:all .3s; }
			#c-gallery .page-Container li:hover .instagram-gridInner {  -webkit-opacity:1;opacity:1;
			-moz-transition:all .3s; -webkit-transition:all .3s;transition:all .3s; }

			.instagram-grid_top{ padding:10px; font-size:95%;  line-height:1.5; height:12.66vw; height: -webkit-calc(16.66vw - 55px) ; height : calc(16.66vw - 55px) ;overflow:hidden; }
			.instagram-grid_btm{ padding:10px 10px 0; text-align:right; }
			.instagram-gridInner span{ padding-left:10px;}

			#c-gallery .page-Container li .instagram-scaleImg{ position: relative; overflow: hidden; width:100%; height:16.66vw; background-size:cover;-moz-transition:all 0.3s; -webkit-transition:all 0.3s;transition:all 0.3s;  }
			#c-gallery .page-Container li:hover .instagram-scaleImg{ -moz-transition:all 2s; -webkit-transition:all 2s;transition:all 2s;
			-moz-transform: scale(1.1);
			-webkit-transform: scale(1.1);
			-ms-transform: scale(1.1);
			transform: scale(1.1);}


	#c-gallery .instagram-ttl {/*font-family: 'Bree Serif', serif;*/ text-align:center; /*font-size:1.5em; margin-bottom:20px;*/ height: 175px; line-height: 175px; background: #F3F0ED;  }
    #c-gallery .instagram-ttl span{font-family: 'Bree Serif', serif; font-size: 30px; padding-left: 15px; }
	#c-gallery .instagram-ttl img { vertical-align: middle; }
	#c-gallery .instagram-ttl .fa{ padding-right:0.3em;}


@media screen and (max-width: 1000px) {
#c-gallery .page-Container li{ float: left;  width:32.73%; width:33.33%; padding:0 0.3% 40px; padding:0 0% 0px; /*font-size:0.9em;*/  }
#c-gallery .page-Container li .instagram-scaleImg,
#c-gallery .page-Container li .instagram-gridInner{  height:33.33vw;  }
.instagram-grid_top{  height:30.33vw; height: -webkit-calc(33.33vw - 55px) ; height : calc(33.33vw - 55px) ;overflow:hidden; }
}
/*
----------------------------------------------------------------------------------------------*/

.post-title,
.catetitle{  }
.post-body{  }
.post-body p{
	text-align: justify;
	text-justify: inter-ideograph;
}



* html .sampleset{}/*IE6 Hack*/
*:first-child+html .sampleset{}/*IE7 Hack*/
head~/* */body .sampleset{}/*IE8 Hack*/





/* PRIVACY POLICY （240701 add）
==========================================================*/

#privacy-pages { padding-top:15px;}
.privacy_list { margin-top: 80px;}
.privacy_list dl dt {font-weight: bold; margin-bottom: 10px; line-height: 1.4; font-size: 1.25em;}
.privacy_list dl dd { margin-bottom: 40px; line-height: 1.75;}
.privacy_list dl dd:last-child { margin-bottom: 0;}

.ft-privacy_link { margin-top: 50px; opacity: 0.6;}