@import url("agency.min.css");body{color:#000000;font-size:18px;}
.container img{width:100%;}
.navbar-brand{width:229px !important;height:40px !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:172px !important;height:30px !important;position:absolute;background-image:url("../img/common/logo_s.svg");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: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;}
@media (min-width:768px){header .intro-text{padding-top:1%;padding-bottom:1%;}
}
@media (max-width:767px){header{background:url(../img/common/original.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-position:center center;}
header .intro-text{padding-top:50px;padding-bottom:10px;}
}
section h2.section-heading{font-size:32px; letter-spacing: 0.1em; color: #000000;text-transform: none;margin-bottom: 60px;}
.container{transform:skewY(0) !important;}
header .intro-text .intro-heading{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-weight: bold;letter-spacing:0.01em;font-size: 32px;line-height: 1.4;text-transform: none;text-shadow: 1px 2px 3px #808080;}
.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 #000000;border-radius:0px;}
.navbar-custom.affix .navbar-nav> li a:hover,
.navbar-custom.affix .navbar-nav> li a:focus{color:#000000;}
.section-heading{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;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:#000000;font-size:24px;}
.service-heading{font-style:normal;letter-spacing:1px;text-transform:none;color:#000000;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;}
#president {padding: 40px 0;background:url("../img/common/back3.jpg");background-position:bottom;background-size:cover;background-attachment:fixed;}
#services{padding:40px 0;}
#recruit{padding:40px 0;background:url("../img/common/back2.jpg");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;}
p{font-size:18px;line-height:1.6;}
section#works img{margin-bottom:20px;}
section#contact{background:url("../img/common/original.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:0 0 40px 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:800px;}
.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:200px;}
.company dd{padding:0 0 10px 0;margin:0 0 0 230px;line-height:1.75;}
.sponly {display: none;}
.ceo {font-size: 150%;font-weight: bold;letter-spacing: 0.3em;}
.ceo em {font-style: normal;font-size: 75%; letter-spacing: 0.1em;margin: 0 0 0 30px; color: #000000;text-transform: none;font-weight: normal;}
#services li {list-style: none;padding-left: 20px;line-height: 1.6em;margin-bottom: 8px; background: url("../img/common/check.svg") left 0px top 3px no-repeat;background-size: 15px auto;}
h3 {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	text-align: center;
	line-height: 1.3;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin: 30px auto;
	text-transform:none;
}
h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}

h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ffffff;
  border-radius: 0px;
}

.morebtn {
	background: #000000;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    margin: 0 10px 10px 10px;
	padding: 10px 30px;
	text-align: center;
}
.morebtn a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.morebtn2 {
    background: #000000;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    margin: 0 10px 10px 10px;
    display: inline-block;
	font-style: normal;
	float: right;
	line-height: 0;
	width: 300px;
	border: 1px solid #ffffff;
}
.morebtn2 a {
	color: #ffffff !important;
	font-weight: bold !important;
	padding: 10px 30px !important;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
}
#pages {
	background:url(../img/common/pages.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-position:center center;
	max-height: 300px;
}
.co-terms h1,
.co-privacy h1 {
	font-size: 140%;
	font-weight: normal;
    color: #000000;
	letter-spacing: 0.1em;
	margin: 40px 0;
}
.co-terms h2,
.co-privacy h2 {
	font-size: 100%;
	font-weight:600;
}
.co-terms h2:before,
.co-privacy h2:before{
	background: none;
}
.servicelogo {
	width: 60% !important;
	margin: 0 auto 30px auto;
}
.box {
	display: inline-block;
}
p, li,.company dt,.company dd {
	font-size: 16px !important;
	line-height: 1.8;
}
.w60 {
	width: auto !important;
	max-height: 300px;
	margin: 0 auto;
}
.date {
	font-size: 75%;
	font-style: normal;
	display: block;
	font-weight: bold;
}
.news {
	height: 120px;
}

@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:22px;letter-spacing:0;}
h5,.timeline-panel h3{font-size:22px;}
section h2.section-heading{font-size:22px;}
.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;}
.sponly {display: block;}
#services li {font-size: 14px;margin: 15px;}
ul li {font-size: 14px;}
.morebtn2 {margin: 0;padding: 0;border: 0;border-radius: 0;float: unset;width: auto;}
.w60 {width: auto !important; max-height: 300px;}
.news {height: auto;}
}

.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;}
.mrt80{margin-top: 80px;}
.mrt30{margin-top: 30px;}
.mrt-20{margin-top: -20px;}
.white{color:#ffffff !important;}
.white a {color: #ffffff !important; text-decoration: underline;}
.border{position:relative;display:inline-block;padding:0 40px;color:#000000;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 #000000;border-bottom:solid 1px #000000;}
.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: 14px;}
.f-menu {padding: 0;margin: 0;}
.f-menu li {font-size: 14px; list-style: none;display: inline;margin: 8px;}
.f-menu li a {color: #000000;}
.greeting p {line-height: 1.8 !important;}
#services p {min-height: 100px !important;}
.navbar-custom.affix .navbar-brand {
	background-image:url("../img/common/logo_s.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;
}
.contactlink {
    color: #ffffff;
    font-weight: bold;
    background: #000;
    padding: 10px 25px;
    border-radius: 30px;
}
.small {
	font-size: 60%;
	color: #ffffff !important;
	font-style: normal;
}
.black {
	color: #000000 !important;
}
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

@media (min-width:768px) {
	.navbar-custom .nav li a, .navbar-custom .navbar-toggle {
	color: #fff;
	}
}

/*ベース*/
.accordion {
	margin: 0 !important;
	padding: 0 !important;
}

.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #fff;
	background:none;
	border: 1px solid #ffffff;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}