@import url("agency.min.css");
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

body{font-family:'Kosugi Maru',游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;color:#000000;font-size:18px;}
.container img{width:100%;}
.navbar-brand{width:170px !important;height:50px !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:136px !important;height:40px !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:5px 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:'Kosugi Maru',游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;}
.intro-text { text-shadow: 1px 1px 2px #000000, 0 0 1em #000000, 0 0 0.2em #000000;}
@media (min-width:768px){
    header .intro-text{padding-top:25%;padding-bottom:28%;}
}
@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:bottom;}
header .intro-text{padding-top:180px;padding-bottom:280px;}
}
section h2.section-heading{font-family:'Kosugi Maru',游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;font-size:28px; letter-spacing: 0.1em; color: #3fa9f5;text-transform: none;margin-bottom: 60px;}
.container{transform:skewY(0) !important;}
header .intro-text .intro-heading{font-family:'Kosugi Maru',游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;letter-spacing:0.1em;font-size: 48px;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 #3fa9f5;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:#3fa9f5;font-size:24px;}
.service-heading{font-family:'Kosugi Maru',游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;font-style:normal;letter-spacing:1px;text-transform:none;color:#7ac943;font-weight:bold;font-size:24px;text-align: center; margin-bottom: 30px;}
section{padding:60px 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;}
#concept{padding:60px 0 430px 0;background:url("../img/common/sec_1.jpg");background-position:bottom;background-size:cover;background-attachment:scroll;}
#property{padding:60px 0 300px 0; background:url(../img/common/sec_2.jpg);background-repeat: no-repeat;background-position:bottom;background-size:cover;background-attachment:scroll;color: #ffffff;}
#about{padding:40px 0;}
#services{padding:40px 0;}
#profile{padding:40px 0;background: #3fa9f5; 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;}
.catch {font-size:120%;padding: 30px 0 0 0;}
.section-heading .pony {width: 42px;height: 42px;float: left; margin: 0 10px 0 0;}

.btn-primary, .btn-xl, h1, h2, h3, h4, h5, h6,footer span.copyright, footer ul.quicklinks {font-family:'Kosugi Maru',游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;}
.company a {
	color: #ffffff;
	text-decoration: underline;
}

.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,.box a{
    color: #ffffff;
    text-decoration: none;
    font-size: 120%;
}

em {
	font-style: normal;
	display: block;
	font-size: 50%;
}
#contact .form-group textarea.form-control {
    height: 314px !important;
}
h3 small {
	color: #ffffff;
	font-weight: bold;
	font-size:60% !important;
}
.whiteboz {
	background: #ffffff;
	padding: 10px 20px;
	border-radius: 30px;
	color: #3fa9f5;
}

small {
	font-size:80% !important;
}
.white strong{
	font-size: 130%;
}
p {
    margin: 10px auto;
}
.red {
	background: #CC0033 !important;
}
.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: 630px;}
.p_list{margin:0 0 30px 0;padding:0;display:block;width:100%;}
.no-width{width:auto;}
.timeline-body p{font-size:110%;line-height:1.75;}
.company dt,.p_list dt{padding:0;margin:0;float:left;width:150px;}
.company dd,.p_list dd{padding:0 0 10px 0;margin:0 0 0 150px;line-height:1.75;}
@media(max-width:767px){#map_canvas{height:300px;}
.company,.p_list{margin:0 auto;display:block;width:100%;}
.company dt,.p_list dt{width:100%;margin:0;padding:10px;font-weight:bold;font-size:14px;}
.company dd,.p_list dd{width:100%;margin:0;padding:10px;font-size:14px;}
.company br,.p_list br{display:block;}
header .intro-text .intro-heading{font-size:28px;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;}
.catch {font-size:100%;}	
.intro-text p {display: none;}	
#concept{padding:60px 0 200px 0;}	
}
.form-control{border-radius:10px;color:#000000;opacity:1;color: #000000;}
.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:#3fa9f5;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 #3fa9f5;border-bottom:solid 1px #3fa9f5;}
.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%);
  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%;
 margin-bottom: 30px;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}