@import url("agency.min.css");body{font-family:游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;color:#000000;font-size:18px;}
.container img{width:100%;}
.navbar-brand{width:304px !important;height:70px !important;display:block;background-image:url("../img/common/logo_w.svg");background-repeat:no-repeat;background-size:cover;margin: 0 0 10px 0;}
@media (max-width:768px){#logo .navbar-brand{width:226px !important;height:52px !important;position:absolute;background-image:url("../img/common/logo.svg");left:50%;top:0%;-webkit-transform:translateY(-0%) translateX(-50%);transform:translateY(-0%) translateX(-50%);padding:0;margin:0px 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.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-position:center center;}
.navbar-toggle {margin-top: 4px;margin-bottom: 4px;}
.navbar-custom .nav li a, .navbar-custom .navbar-toggle {font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;}
@media (min-width:768px){
    header .intro-text{padding-top:25%;padding-bottom:20%;}
}
@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.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-position:center center;}
header .intro-text{padding-top:220px;padding-bottom:40px;}
}
section h2.section-heading{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif; font-size:28px; letter-spacing: 0.1em; color: #2C2D71;text-transform: none;margin-bottom: 60px;}
.container{transform:skewY(0) !important;}
header .intro-text .intro-heading{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif; letter-spacing:0.1em;font-size: 32px;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 #2C2D71;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:#2C2D71;font-size:24px;}
.service-heading{font-style:normal;letter-spacing:1px;text-transform:none;color:#2C2D71;font-weight:bold;font-size:22px;text-align: center;}
section{padding:40px 0;}
#map{padding:60px 0;background:linear-gradient(to top left, rgba(64,64,64, .6) 10%, rgba(64,64,64, .3)),url(../img/common/map.jpg);background-position:bottom;background-size:cover;background-attachment:fixed;color: #ffffff;}
#about{padding:40px 0;}
#services{padding:40px 0;}
#profile{padding:40px 0;background: #2C2D71; color: #ffffff;}
.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;}
.box {
    border: 1px solid #ffffff;
    padding: 10px 20px;
    border-radius: 40px;
    width: 300px;
    margin: 0 auto;
}

.box_b {
    border: 1px solid #ffffff;
    padding: 10px 20px;
    border-radius: 40px;
    margin: 10px auto;
    /* background: #EDD60E; */
    max-width: 430px;
}

.box_p {
    border: 1px solid #ffffff;
    padding: 10px 20px;
    border-radius: 40px;
    margin: 10px auto;
    /* background: #C0C0C0; */
    max-width: 430px;
}

.box_b a,.box_p a{
    color: #ffffff;
    text-decoration: none;
    font-size: 120%;
}


.timeline>li .timeline-image{border:0;}
.timeline>li{min-height:0px;margin-bottom:70px;}
.timeline-last{height:0;}
audio, canvas, progress, video {width: 100%;}
.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.jpg");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:40px 0 0 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: 750px;}
.no-width{width:auto;}
.timeline-body p{font-size:110%;line-height:1.75;}
.company dt{padding:0;margin:0;float:left;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:18px;letter-spacing:0.1;}
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;}
.btn-xl{font-size:14px;}
.timeline>li.timeline-inverted>.timeline-panel{padding-right:0 !important;}
.pco {display: none;}
}
.form-control{border-radius:10px;color:#000000;opacity:0.8;}
.timeline:before{background-color:#dcdcdc;}
.mrt50{margin-top:50px;}
.mrb50{margin-bottom:50px;}
.mrb30{margin-bottom:30px;}
.mrb0{margin-bottom:0px;}
.mrb80{margin-bottom:80px;}
.mrt60{margin-top: 60px;}
.white{color:#ffffff !important;}
.border{position:relative;display:inline-block;padding:0 40px;color:#2C2D71;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 #2C2D71;border-bottom:solid 1px #2C2D71;}
.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; font-size: 75%;}

.greeting p {
	line-height: 1.8 !important;
}
#services p {
}
.navbar-custom.affix .navbar-brand {
	background-image:url("../img/common/logo.svg");
}
.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;
	}
}

.policy {
    margin: 60px auto 0 auto;
}
.policy a {
    color: #ffffff;
    text-decoration: none;
}
.policy li {
    margin-bottom: 10px;
}

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

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

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}