/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */.navbar-default,a{-webkit-transition:all .35s;-moz-transition:all .35s}
 
 header,header .header-content{position:relative;width:100%;text-align:center}
 
 body,html{height:100%;width:100%}
 
 body{font-family:Merriweather,'Helvetica Neue',Arial,sans-serif;webkit-tap-highlight-color:#222}
 
 .btn,.navbar-default,.navbar-default .navbar-header .navbar-brand,h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
 
 hr{border-color:#a88949;border-width:3px;max-width:50px}
 
 hr.light{border-color:#fff}
 
 a{transition:all .35s;color:#ab894a;}
 
 a:focus,a:hover{color:#ab894a;}
 
 p{font-size:16px;line-height:1.5;margin-bottom:20px}
 
 .bg-primary{background-color:#fbf8f1}
 
 .bg-dark{background-color:#222;color:#fff}
 
 .text-faded{color:rgba(255,255,255,.7)}
 
 section{padding:100px 0}
 
 aside{padding:50px 0}
 
 .no-padding{padding:0}
 
 .navbar-default{background-color:#fff;border-color:rgba(34,34,34,.05);transition:all .35s}
 
 .btn-default,.portfolio-box .portfolio-box-caption{-webkit-transition:all .35s;-moz-transition:all .35s}
 
 .navbar-default .navbar-header .navbar-brand{color:#ab894a;font-weight:700;text-transform:uppercase}
 
 .navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#ab894a}
 
 .navbar-default .navbar-header .navbar-toggle{font-weight:700;font-size:12px;color:#222;text-transform:uppercase}
 
 .navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{text-transform:uppercase;font-weight:700;font-size:13px;color:#222}
 
 .navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#ab894a;}
 
 .navbar-default .nav>li.active>a,.navbar-default .nav>li.active>a:focus{color:#a88949!important;background-color:transparent}
 
 .navbar-default .nav>li.active>a:focus:hover,.navbar-default .nav>li.active>a:hover{background-color:transparent}
 
 @media (min-width:768px){
	 .navbar-default{background-color:transparent;border-color:rgba(255,255,255,.3)}
 
 .navbar-default .navbar-header .navbar-brand{color:rgba(255,255,255,.7)}
 
 .navbar-default .navbar-header .navbar-brand:focus,.navbar-default .navbar-header .navbar-brand:hover{color:#fff}
 
 .navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{color:#a88949}
 
 .navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:#fff}
 
 .navbar-default.affix{background-color:#fff;border-color:rgba(34,34,34,.05)}
 
 .navbar-default.affix .navbar-header .navbar-brand{color:#a88949;font-size:14px}
 
 .navbar-default.affix .navbar-header .navbar-brand:focus,.navbar-default.affix .navbar-header .navbar-brand:hover{color:#a88949}
 
 .navbar-default.affix .nav>li>a,.navbar-default.affix .nav>li>a:focus{color:#222}
 
 .navbar-default.affix .nav>li>a:focus:hover,.navbar-default.affix .nav>li>a:hover{color:#a88949}}
 
 header{
     min-height:auto;
     -webkit-background-size:cover;
     -moz-background-size:cover;background-size:cover;
     -o-background-size:cover;
     background-position:center;
     background-image:url(../img/header.jpg);
     color:#fff;}

 header .header-content{padding:100px 15px}
 
 header .header-content .header-content-inner h1{font-weight:700;text-transform:uppercase;margin-top:0;margin-bottom:0;font-size:30px}
 
 header .header-content .header-content-inner hr{margin:30px auto}
 
 header .header-content .header-content-inner p{font-weight:300;color:rgba(255,255,255,.7);font-size:16px;margin-bottom:50px}
 
 @media (min-width:768px){
	 header{height: 100vh;}
     header .header-content{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0 50px}
	 
	 header .header-content .header-content-inner{max-width:1000px;margin-left:auto;margin-right:auto}
	 
	 header .header-content .header-content-inner h1{font-size:50px}
	 
	 header .header-content .header-content-inner p{font-size:18px;max-width:80%;margin-left:auto;margin-right:auto}
 }
 
 .section-heading{margin-top:0}.service-box{max-width:400px;margin:50px auto 0}
 
 @media (min-width:992px){
	 .service-box{margin:20px auto 0}
	 }
	 
	 .service-box p{margin-bottom:0}
	 
	 .portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}
	 
	 .portfolio-box .portfolio-box-caption{
		 color:#fff;opacity:0;display:block;background:rgba(171,137,74,.9);position:absolute;bottom:0;text-align:center;width:100%;height:100%;transition:all .35s}
	 
	 .btn-default.active,.btn-default:active,.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-primary{background-image:none}
	 
	 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content{width:100%;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}
	 
	 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;padding:0 15px}
	 
	 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{text-transform:uppercase;font-weight:600;font-size:14px}
	 
	 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}
	 
	 .portfolio-box:hover .portfolio-box-caption{opacity:1}
	 
	 .portfolio-box:focus{outline:0}
 
 @media (min-width:768px){
	 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}
	 
	 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}
	 }
 
 .call-to-action h2{margin:0 auto 20px}
 
 .text-primary{color:#F05F40}
 
 .no-gutter>[class*=col-]{padding-right:0;padding-left:0}
 
 .btn-default{color:#222;background-color:#fff;border-color:#fff;transition:all .35s}
 
 .btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#222;background-color:#f2f2f2;border-color:#ededed}
 
 .btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#fff}.btn-default .badge{color:#fff;background-color:#222}
 
 .btn-primary{color:#fff;background-color:#a88949;border-color:#8b723e;-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}
 
 .btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#8b723e;border-color:#ed431f}
 
 .btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#F05F40;border-color:#F05F40}
 
 .btn-primary .badge{color:#F05F40;background-color:#fff}
 
 .btn{border:none;border-radius:300px;font-weight:700;text-transform:uppercase}
 
 .btn-xl{padding:15px 30px}::-moz-selection{color:#fff;text-shadow:none;background:#222}
 
 ::selection{color:#fff;text-shadow:none;background:#222}
 
 img::selection{color:#fff;background:0 0}
 
 img::-moz-selection{color:#fff;background:0 0}
 
 
 .mb1em{
margin-bottom:1em;
}

.mb1em{
margin-bottom:1em;
}

.mb2em{
margin-bottom:2em;
}

.mb3em{
margin-bottom:3em;
}

.mb4em{
margin-bottom:4em;
}

.mb5em{
margin-bottom:5em;
}

.mb10em{
margin-bottom:10em;
}

.mt1em{
margin-top:1em;
}

.mt2em{
margin-top:2em;
}

.mt3em{
margin-top:3em;
}

.mt4em{
margin-top:4em;
}
.mt5em{
margin-top:5em;
}
.mt10em{
margin-top:10em;
}

 .service_cont{
	 background-color:#fbf8f1;
	 color:#333;
	 padding-bottom:10em;
	}

.service_cont p{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size:1em;}
	 
 .service-innerbox{
	 margin-top:20px;}

 .service-innerbox .fa{
	 font-size:4em;
	  color:#a88949;}
 
  .service-innerbox p a{
	color:#333}
 
 
 .cuadro_intro_hover{
    	padding: 0px;
		position: relative;
		overflow: hidden;
		height: 200px;
	}
	.cuadro_intro_hover:hover .caption{
		opacity: 1;
		transform: translateY(-150px);
		-webkit-transform:translateY(-150px);
		-moz-transform:translateY(-150px);
		-ms-transform:translateY(-150px);
		-o-transform:translateY(-150px);
	}
	.cuadro_intro_hover img{
		z-index: 4;
	}
	.cuadro_intro_hover .caption{
		position: absolute;
		top:150px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
	.cuadro_intro_hover .blur{
		background-color: rgba(171,137,74,0.9);
		height: 300px;
		z-index: 5;
		position: absolute;
		width: 100%;
	}
	.cuadro_intro_hover .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		height: 300px;
		text-align: center;
		top:-20px;
		width: 100%;
	}
 
 .btn-default2{
	 color:#fff;
	 border:1px solid #fff;}
 
 
 
.wrap2{
	width: 100%;
    height: 90%;
    position: relative;
    overflow: hidden;
}

.top {
    background-color: #fbf8f1;
    width: 100%;
    height: 200px;
}
.top:after {
    background-color: #fbf8f1;
    content: '';
    display: block;
    left: -50%;
    top: 0%;
    width: 200%;
    height: 50%;
    overflow: hidden;
    position: absolute;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.bottom {
    background-color:white;
    width: 100%;
    height: 100px;
	 
}
.bottom:before{
    background:url(../img/mid.jpg); 
	background-size: cover;
	 background-position: center center;
	 background-repeat: no-repeat;
     background-attachment: fixed;
	  background-color: #fbf8f1;
    content: '';
    display: block;
    width: 200%;
    height:40%;
    left: -50%;
    top:20%;
    position: absolute;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

#about p{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	text-align:left;
	}

#contact{
	background:url(../img/contactbg.jpg); 
	background-size: cover;
	 background-position: center center;
	 background-repeat: no-repeat;
     background-attachment: fixed;}

.info_box{
	background-color:rgba(255,255,255,.7);
	padding:2em;
	
	}
info_box p{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size:.8em;}
	
.info_box .date_news{
	font-size:.9em;
	margin-bottom:0;
	font-weight:600;}

form{
		font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}

.skewed-bg {
  background: #fbf8f1;
  padding: 10px 0;
  -webkit-transform: skew(0deg, -10deg);
  transform: skew(0deg, -10deg);
  margin-top: -200px;
  margin-bottom:11em;
}
.skewed-bg .content {
  -webkit-transform: skew(0deg, 10deg);
  transform: skew(0deg, 10deg);
  text-align: center;
}

.skewed-bg .content .text {
  width: 60%;
  margin: 25px auto;
 
}

@media (min-width:1200px){
#access img{
	width:80%;}
	
.acs_rel{
	position:relative;}
	
	.acs_info{
	position:absolute;
	width:100%;
    top:120px;
	}}

.skewed-bg2 {
  background: #fbf8f1;
  padding: 10px 0;
  -webkit-transform: skew(0deg, -10deg);
  transform: skew(0deg, -10deg);
  margin-top: -200px;
  margin-bottom:11em;
  background:url(../img/mid.jpg); 
	background-size: cover;
	 background-position: center center;
	 background-repeat: no-repeat;
     background-attachment: fixed;
}
.skewed-bg2 .content2 {
  -webkit-transform: skew(0deg, 10deg);
  transform: skew(0deg, 10deg);
  text-align: center;
  height:400px;
   
}

.skewed-bg2 .content2 .text {
  width: 60%;
  margin: 25px auto;
 
}

.service_detail{
	background-color:#fff;
	padding:2em;
	position:relative;
	font-family:  "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.2em;
	}
	
.service_detail img{
	z-index:2;
	}

.explain{
	color:#fff;
	background-color:#a88949;
	padding:1em 2em;
	position:absolute;
	top:35%;
	right:2%;	
	width:60%;}



.explain p{
	text-align:left;}
	
.explain h3{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
	
.submenu img{
	width:40%;
	}

.submenu h3{
	text-align:center;
	margin-top:5px;
	color:#000;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size:1.2em;}
	
.submenu .col-xs-4{
	margin-bottom:3em;}

.submenu a:hover img{
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


	
.explain a{color:#fff; 
}

.more{

font-size:.8em;}

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 6px 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #a88949;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.os-phrases{
	margin-bottom:200px;}

.scr{
	position:absolute;
	top:80%;
	left:49%;
	font-size:3em;
	}


/*kasou*/

header .kasou{
	background-color:red;}


.sen{
	text-align:center;}
	





























@media (max-width:768px){
	.submenu img{
	width:100%;
	
	}
	
	#contact{
		background-attachment:scroll;
	}
	
	.skewed-bg2	{background-attachment:scroll;
	}
	
	.contents{min-height: 100%;}
	
	.sen{
	text-align:left;}
}

@media (max-width:767px){	
.explain{
	color:#fff;
	background-color:rgba(168,137,73,.8);
	padding:.4em;
	position:absolute;
	top:65%;
	left:1px;
		width:100%;
	}
	
	.service_detail{
	background-color:#fff;
	padding:1em;
	position:relative;
    font-size:1em;
	margin-bottom:1em;
	}
	
	.os-phrases{
	margin-bottom:400px;}
	}


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} 


#wrap{
    overflow: hidden;
}


/*20241029*/

.newbgtop{
    background: url("../img/newjaoffice.jpg");
    background-size: cover;
    height: 300px;
    width: 100%;
    background-position: center; 
}

@media (max-width:767px){
    .newbgtop{ height: 100px;}
}