@import url(https://fonts.googleapis.com/css?family=Questrial);@import url("agency.min.css");body{font-family:'Georgia',-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI",游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;color:#000000;font-size:18px;}
.container img{width:100%;}
.navbar-brand{width:74px !important;height:58px !important;display:block;background-image:url(../img/common/logo.png);background-repeat:no-repeat;margin:10px;background-size:cover;}
@media (max-width:768px){#logo .navbar-brand{width:51px !important;height:40px !important;position:absolute;background-image:url(../img/common/logo_s.png);left:50%;top:0%;-webkit-transform:translateY(-0%) translateX(-50%);transform:translateY(-0%) translateX(-50%);padding:0;margin:10px 0 0 0;}
}
.navbar-custom .navbar-brand{text-indent: -9999px !important; white-space: nowrap;overflow: hidden;}
header{background:linear-gradient(to top left, rgba(64,64,64, .1) 10%, rgba(64,64,64, .3)),url("../img/common/original.png");background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-position:bottom center;}
.navbar-toggle {margin-top: 4px;margin-bottom: 4px;}
@media (min-width:768px){header .intro-text{padding-top:20%;padding-bottom:15%;}
}
@media (max-width:767px){header{background:linear-gradient(to top left, rgba(64,64,64, .3) 50%,rgba(64,64,64, .3)),url("../img/common/original.png");background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-position:center center;}
header .intro-text{padding-top:150px;padding-bottom:90px;}
}
section h2.section-heading{font-size:36px; letter-spacing: 0.1em; color: #e60012;text-transform: none;margin-bottom: 60px;}
.container{transform:skewY(0) !important;}
header .intro-text .intro-heading{letter-spacing:0.05em;font-size: 42px;line-height: 1.4;font-weight: normal;text-transform: none;}
.btn-xl{letter-spacing:0.1em;border-radius:30px;background:none;border-color:#ffffff;font-size:20px;padding:10px 40px;font-weight:normal;}
.navbar-nav {margin-top: 15px;}
.navbar-custom .navbar-nav>.active>a{border-bottom:2px solid #e50012;border-radius:0px;}
.navbar-custom.affix .navbar-nav> li a:hover,
.navbar-custom.affix .navbar-nav> li a:focus{color:#000000;}
.section-heading{font-weight:normal;line-height:1.6;}
.section-subheading{font-weight:bold;}
section h3.section-subheading{font-weight:normal;}
#portfolio .portfolio-item .portfolio-caption p, section h3.section-subheading{font-style:normal;letter-spacing:1px;text-transform:none;color:#e60012;font-size:24px;}
.service-heading{font-style:normal;letter-spacing:1px;text-transform:none;color:#e60012;font-weight:bold;font-size:18px;text-align: center;}
section{padding:40px 0;}
#about{padding:40px 0;background:url(../img/common/about.png);background-position:bottom;background-size:cover;background-attachment:fixed;}
#services{padding:40px 0;background:url(../img/common/services.gif);background-position:bottom;background-size:cover;background-attachment:fixed;}
#recruit{padding:40px 0;background:url(../img/common/recruit.png);background-position:bottom;background-size:cover;background-attachment:fixed;}
.bg_white{background:#ffffff;}
.timeline-panel{text-align:center !important;}
h5{font-size:28px;font-weight:normal;line-height:1.6;}
.pd20{padding:0 20px 20px 20px;}
.pdb80{padding-bottom:80px;}
.timeline>li .timeline-image{border:0;}
.timeline>li{min-height:0px;margin-bottom:70px;}
.timeline-last{height:0;}
.h3, h3{font-size:36px;font-weight:normal;}
p{font-size:18px;line-height:1.6;}
section#works img{margin-bottom:20px;}
section#contact{background:linear-gradient(to top left, rgba(64,64,64, .6), rgba(64,64,64, .3)),url("../img/common/contact.png");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;}
.googlemap{position:relative;padding-bottom:70%;height:0;overflow:hidden;}
.googlemap iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}
#map_canvas{width:100%;height:550px;margin:0 0 80px 0;}
.career{padding:0;margin:0;}
.career li{list-style:none;}
.ceo{font-weight:normal;font-size:140%;letter-spacing:0.1em;margin-bottom:30px;}
h4{font-weight:normal;font-size:140%;margin-bottom:30px;}
.company{margin:0 auto;padding:0;display:block;width:600px;}
.no-width{width:auto;}
.timeline-body p{font-size:110%;line-height:1.75;}
.company dt{padding:0;margin:0;float:left;font-weight:normal;width:150px;}
.company dd{padding:0 0 10px 0;margin:0 0 0 150px;line-height:1.75;}
@media(max-width:767px){#map_canvas{height:300px;}
.company{margin:0 auto;display:block;width:100%;}
.company dt{width:100%;margin:0;padding:10px;font-weight:bold;font-size:14px;}
.company dd{width:100%;margin:0;padding:10px;font-size:14px;}
.company br{display:block;}
header .intro-text .intro-heading{font-size:24px;letter-spacing:0;}
h5,.timeline-panel h3{font-size:22px;}
section h2.section-heading{font-size:26px;}
.section-heading br{display:block}
#concept .col-xs-6 p{margin-bottom:40px;}
.timeline>li .timeline-panel{padding:0 0px 0 90px;}
p,.timeline-body p{font-size:14px;}
.career li{font-size:14px;}
.ceo{font-size:22px;}
.form-control{font-size:16px;}
.mrb80{margin-bottom:80px;}
.btn-xl{font-size:14px;}
.timeline>li.timeline-inverted>.timeline-panel{padding-right:0 !important;}
}
.form-control{border-radius:10px;color:#000000;opacity:0.8;}
.timeline:before{background-color:#dcdcdc;}
.mrb50{margin-bottom:50px;}
.mrb30{margin-bottom:30px;}
.mrb0{margin-bottom:0px;}
.white{color:#ffffff;}
.border{position:relative;display:inline-block;padding:0 40px;color:#e60012;margin:0 0 20px 0;}
.border:before, .border:after{content:'';position:absolute;top:50%;display:inline-block;width:20px;height:2px;border-top:solid 1px #e60012;border-bottom:solid 1px #e60012;}
.border:before{left:0;}
.border:after{right:0;}
.chart{position:relative;display:inline-block;width:110px;height:110px;margin:0;text-align:center;}
.chart canvas{position:absolute;top:0;left:0;}
.percent{display:inline-block;font-size:28px;line-height:110px;z-index:2;}
.percent:after{content:'%';margin-left:0.1em;font-size:.8em;}
.angular{margin-top:100px;}
.angular .chart{margin-top:0;}
footer span.copyright {	letter-spacing: 1px;}
a:hover {text-decoration: none;}
.black {color: #000000 !important; margin: 15px 0 20px 0;}

.greeting p {
	line-height: 2.4 !important;
}
#services p {
	min-height: 100px !important;
}
.navbar-custom.affix .navbar-brand {
	background-image:url(../img/common/logo_s.png);
}
.navbar-custom.affix .nav li a, .navbar-custom.affix .navbar-toggle {
	color: #666;
}
.navbar-custom.affix  .navbar-nav>.active>a {
	background: #fff;
}
.navbar-custom.affix  .navbar-nav>.active>a {
	color: #666;
}
@media (min-width:768px) {
	.navbar-custom .nav li a, .navbar-custom .navbar-toggle {
	color: #fff;
	}
}

h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}

h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ffe100;
  border-radius: 2px;
}
.morebtn2 {
    background: #ffe100;
    padding:3px 13px;
    color: #ffffff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    margin: 10px auto 30px auto;
    display: inline-block;
}
.morebtn2 a {
	color: #ffffff;
}