/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */

header {
  padding: 100px 0 100px;
}
#top{
  font-size: 0.9rem;
}
.logo01{
  position: absolute;
  top: 30px;
  left:30px;
}

@media (min-width: 992px) {
header {
  padding: 120px 0 100px;
}
#top{
  font-size: 1rem;
}
.logo01{
  position: absolute;
  top: 30px;
  left:60px;
}
}

.primary {
color:#fff;
height: 50vh;
min-height: 300px;
background: url('../img/portfolio/business-0026-01.jpg') center center no-repeat scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}

.TOPMESSAGE {
color:#fff;
height: 50vh;
min-height: 300px;
background: url('../img/portfolio/business-0025-01.jpg') center center no-repeat scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}

.COMPANYPROFILE {
color:#fff;
height: 50vh;
min-height: 300px;
background: url('../img/portfolio/business-0023-01.jpg') center center no-repeat scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}


section {
  padding: 100px 0;
}

h3 {
padding: 0.30em 0.5em;
color: #494949;
background: transparent;
border-left: solid 5px #fed136;
margin-bottom: 20px;
}

.cn-01{
  margin-top:-50px;
  margin-bottom:-50px;
  line-height: 30px;
}

.cn-01_03{
  margin-top:-50px;
  margin-bottom:-50px;
}

.cn-01_02{
  margin-top: 15%;
}

.cn-02{
  padding-top: 25px;
}

.button{
font-size:20px;
}

.img {
  width:75px;
  height=:38px;
}
@media (min-width: 992px) {
  .img {
    width:100px;
    height:50px;
  }
}

.navbar{
  background-color:rgba(0,0,250,0);

}

footer {
color:#fff;
padding: 25px 0;
text-align: center;
background-color: #212529;
}

footer span.copyright {
font-size: 90%;
line-height: 40px;
text-transform: none;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

footer ul.quicklinks {
font-size: 90%;
line-height: 40px;
margin-bottom: 0;
text-transform: none;
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

ul.social-buttons {
margin-bottom: 0;
}

ul.social-buttons li a {
font-size: 20px;
line-height: 50px;
display: block;
width: 50px;
height: 50px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: #212529;
border-radius: 100%;
outline: none;
background-color: #fff;
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
background-color: #fed136;
}

#footer{
  width:100px;
  height:100px;
}

#ft-01 {
  text-align:center;
}

#ft-02 {
  text-align:center;
}

@media (min-width: 768px) {
  #ft-01 {
    text-align:right;
  }
  #ft-02 {
    text-align:left;
  }
}

#ft-04{
  margin-bottom:-20px;
}

#ft-02_2{
  color:#fed136;
}

.cn-01_01{
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}

.pg-section{
  background:
    radial-gradient(#F4F5F7 3px, transparent 4px),
    radial-gradient(#F4F5F7 3px, transparent 4px),
    linear-gradient(#fff 4px, transparent 0),
    linear-gradient(45deg, transparent 74px, transparent 75px, #F4F5F7 75px, #F4F5F7 76px, transparent 77px, transparent 109px),
    linear-gradient(-45deg, transparent 75px, transparent 76px, #F4F5F7 76px, #F4F5F7 77px, transparent 78px, transparent 109px),
    #fff;
    background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
    background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
}