@import url(https://fonts.googleapis.com/css?family=Questrial);@import url("agency.min.css");body{font-family:'Questrial',游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;color:#000000;font-size:18px;}
.container img{width:100%;}
.navbar-brand{width:160px !important;height:35px !important;display:block;background-image:url(../img/common/logo.svg);background-repeat:no-repeat;margin:10px;background-size:cover;}
@media (max-width:768px){#logo .navbar-brand{width:124px !important;height:27px !important;position:absolute;left:50%;top:0%;-webkit-transform:translateY(-0%) translateX(-50%);transform:translateY(-0%) translateX(-50%);padding:0;margin:15px 0 0 0;}
}
.navbar-custom .navbar-brand{overflow:hidden;text-indent:120%;white-space:nowrap;}
header{background:linear-gradient(to top left, rgba(64,64,64, .1) 10%, rgba(64,64,64, .6)),url("../img/common/d.jpg");background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-position:center center;}
.navbar-toggle {margin-top: 4px;margin-bottom: 4px;}
@media (min-width:768px){header .intro-text{padding-top:10%;padding-bottom:5%;}
}
@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/d.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-position:center center;}
}
section h2.section-heading{font-size:40px;}
.container{transform:skewY(0) !important;}
header .intro-text .intro-heading{width: 300px;margin: 30px auto;}
.btn-xl{letter-spacing:0.1em;background:none !important;border-color:#ffffff;font-size:20px;padding:0;font-weight:normal;border: 0;width: 180px;}
.btn-xl2{letter-spacing:0.1em;border-radius:30px;background:none;border-color:#ffffff;font-size:20px;padding:10px 40px;font-weight:normal; color: #ffffff;}
.navbar-custom .navbar-nav>.active>a{border-bottom:2px solid #ffffff;border-radius:0px;}
.navbar-custom.affix .navbar-nav> li a:hover,
.navbar-custom.affix .navbar-nav> li a:focus{color:#ffffff;}
.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:#f60;font-size:24px;}
.service-heading{font-style:normal;letter-spacing:1px;text-transform:none;color:#f60;font-weight:bold;font-size:18px;}
section{padding:80px 0;}
#about{padding:80px 0;background:linear-gradient(to top left, rgba(64,64,64, .6), rgba(64,64,64, .3)),url("../img/common/back.png");background-position:bottom;background-size:cover;background-attachment:fixed;}
#services{padding:80px 0;background:linear-gradient(to top left, rgba(64,64,64, .6), rgba(64,64,64, .3)),url("../img/common/back.png");background-position:bottom;background-size:cover;background-attachment:fixed;}
#recruit{padding:80px 0;background:linear-gradient(to top left, rgba(64,64,64, .6), rgba(64,64,64, .3)),url("../img/common/back.png");background-position:center;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/back.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 80px 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 80px 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:36px;letter-spacing:0;}
.intro-heading br{display:block;}
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,.btn-xl2{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;}
.mrt50{margin-top:50px;}
.mrb30{margin-bottom:30px;}
.mrb0{margin-bottom:0px;}
.mrt80{margin-top:80px;}
.white{color:#ffffff;}
.border{position:relative;display:inline-block;padding:0 40px;color:#F60;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 #f60;border-bottom:solid 1px #f60;}
.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;}

.phonesize {
	max-width: 320px;
	margin: 0 auto;
}

.maru {
  height:50px;
  width:50px;
  border-radius:50%;
  line-height:50px;
  text-align:center;
  background:#F60;
  font-size:24px;
	color: #ffffff;
	margin: 20px auto 20px auto;
}