@media screen and (max-width: 568px) {

  .page-access#content #page-content, .page-blog#content #page-content, .page-company#content #page-content, .page-concept#content #page-content, .page-contact#content #page-content, .page-law#content #page-content, .page-news#content #page-content, .page-privacy#content #page-content, .page-recruit#content #page-content, .page-service#content #page-content, #sp-block-container-1, #sp-block-container-11, #sp-block-container-2, #sp-block-container-3, #sp-block-container-4, #sp-block-container-5, #sp-block-container-6, #sp-block-container-7, #sp-block-container-8, #sp-block-container-9{
    margin-bottom : 22px;
  }
}

#sp-page-title-1, #sp-page-title-2, #sp-page-title-3, #sp-page-title-4, #sp-page-title-5, #sp-page-title-6, #sp-page-title-7, #sp-page-title-8{
  background-color : #ffffff;
  padding-top : 19px;
  padding-left : 20px;
  padding-right : 20px;
}

#sp-page-title-1 > h1, #sp-page-title-2 > h1, #sp-page-title-3 > h1, #sp-page-title-4 > h1, #sp-page-title-5 > h1, #sp-page-title-6 > h1, #sp-page-title-7 > h1, #sp-page-title-8 > h1{
  font-size : 2.8rem;
  font-weight : bold;
  line-height : 2;
  color : #000000;
  text-decoration : none;
  margin-bottom : 0px;
}

#sp-site-navigation-1{
  background-color : #ffffff;
}

#sp-site-navigation-1 > ul > li > a:hover{
  background-color : transparent;
}

@media not screen, screen and (min-width: 569px) {

  #sp-site-navigation-1 {
  }

  #sp-site-navigation-1> ul {
  }

  #sp-site-navigation-1 > ul ul{
    background-color : transparent;
    border-top-style : none;
    border-left-style : none;
    border-right-style : none;
    left : 20px;
  }

  #sp-site-navigation-1 > ul ul ul{
    top : 0px;
    left : 100%;
  }

  #sp-site-navigation-1 > ul > li{
    text-align : center;
  }

  #sp-site-navigation-1 > ul > li li{
    border-bottom-style : none;
  }

  #sp-site-navigation-1 > ul > li li.current_page_item > a{
    background-color : #45362a;
  }

  #sp-site-navigation-1 > ul > li li:hover > ul{
    display : block;
  }

  #sp-site-navigation-1 > ul > li li > a{
    font-size : 1.2rem;
    line-height : 1;
    color : #ffffff;
    background-color : #605043;
    padding-top : 15px;
    padding-left : 13px;
    padding-right : 13px;
    padding-bottom : 15px;
  }

  #sp-site-navigation-1 > ul > li li > a:hover{
    background-color : #45362a;
  }

  #sp-site-navigation-1 > ul > li.current_page_item > a{
    font-weight : bold;
    color : #ffffff;
    background-color : #605043;
    border-top-color : #605043;
    border-left-color : #605043;
    border-right-color : #605043;
    border-bottom-color : #605043;
  }

  #sp-site-navigation-1 > ul > li > a{
    font-size : 1.4rem;
    line-height : 1;
    color : #616161;
    padding-top : 6px;
    padding-left : 20px;
    padding-right : 20px;
    padding-bottom : 6px;
    border-top-width : 1px;
    border-left-width : 1px;
    border-right-width : 1px;
    border-bottom-width : 1px;
    border-top-style : solid;
    border-left-style : solid;
    border-right-style : solid;
    border-bottom-style : solid;
    border-top-color : transparent;
    border-left-color : transparent;
    border-right-color : transparent;
    border-bottom-color : transparent;
    border-top-left-radius : 14px 14px;
    border-top-right-radius : 14px 14px;
    border-bottom-right-radius : 14px 14px;
    border-bottom-left-radius : 14px 14px;
    position : relative;
  }

  #sp-site-navigation-1 > ul > li > a:hover{
    font-weight : bold;
    color : #ffffff;
    background-color : #605043;
    border-top-color : #605043;
    border-left-color : #605043;
    border-right-color : #605043;
    border-bottom-color : #605043;
  }
}

@media screen and (max-width: 568px) {

  #sp-site-navigation-1{
    margin-top : 0px;
  }

  .button-menu#sp-site-navigation-1 > .menu-toggle{
    font-size : 1.3rem;
    background-color : #45362a;
    background-image : url(img/icon-menu-toggle-01.png);
    background-repeat : no-repeat;
    background-position : center center;
    background-size : 30px 34px;
    text-indent : -9999px;
    padding-top : 13px;
    padding-bottom : 12px;
    margin-bottom : 1px;
  }

  #sp-site-navigation-1 > ul{
    clear : both;
  }

  #sp-site-navigation-1 > ul > li{
    border-top-width : 1px;
    border-top-style : solid;
    border-top-color : #f0f0f0;
  }

  #sp-site-navigation-1 > ul > li li{
    border-top-width : 1px;
    border-top-style : solid;
    border-top-color : #f0f0f0;
  }

  #sp-site-navigation-1 > ul > li li.current_page_item > a{
    background-color : #605043;
  }

  #sp-site-navigation-1 > ul > li li.current_page_item > a::after{
    margin-left : 20px;
    border-top-width : 5px;
    border-left-width : 6px;
    border-right-width : 0px;
    border-bottom-width : 5px;
    border-top-style : solid;
    border-left-style : solid;
    border-right-style : solid;
    border-bottom-style : solid;
    border-top-color : transparent;
    border-left-color : #ffffff;
    border-right-color : transparent;
    border-bottom-color : transparent;
    width : 0px;
    height : 0px;
    display : inline-block;
    content : '';
  }

  #sp-site-navigation-1 > ul > li li > a{
    font-size : 1.2rem;
    font-weight : bold;
    line-height : 1;
    color : #ffffff;
    background-color : #45362a;
    text-decoration : none;
    text-align : center;
    padding-top : 14px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 14px;
  }

  #sp-site-navigation-1 > ul > li li > a::after{
    margin-left : 20px;
    border-top-width : 5px;
    border-left-width : 6px;
    border-right-width : 0px;
    border-bottom-width : 5px;
    border-top-style : solid;
    border-left-style : solid;
    border-right-style : solid;
    border-bottom-style : solid;
    border-top-color : transparent;
    border-left-color : #ffffff;
    border-right-color : transparent;
    border-bottom-color : transparent;
    width : 0px;
    height : 0px;
    display : inline-block;
    content : '';
  }

  #sp-site-navigation-1 > ul > li li > a:hover{
    background-color : #605043;
  }

  #sp-site-navigation-1 > ul > li.current_page_item > a{
    background-color : #605043;
  }

  #sp-site-navigation-1 > ul > li:nth-of-type(1){
    border-top-style : none;
  }

  #sp-site-navigation-1 > ul > li > a{
    font-size : 1.2rem;
    font-weight : bold;
    line-height : 1;
    color : #ffffff;
    background-color : #45362a;
    text-decoration : none;
    text-align : center;
    padding-top : 14px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 14px;
  }

  #sp-site-navigation-1 > ul > li > a:hover{
    background-color : #605043;
  }
}

#sp-definition-list-1, #sp-definition-list-2, #sp-definition-list-3, #sp-definition-list-4, #sp-definition-list-5, #sp-definition-list-6, #sp-definition-list-7{
  line-height : 2;
  margin-bottom : 20px;
}

#sp-definition-list-1 > dd, #sp-definition-list-2 > dd, #sp-definition-list-3 > dd, #sp-definition-list-4 > dd, #sp-definition-list-5 > dd, #sp-definition-list-6 > dd, #sp-definition-list-7 > dd{
  margin-top : 10px;
  margin-left : 35px;
  margin-right : 0px;
  margin-bottom : 0px;
}

#sp-definition-list-1 > dt, #sp-definition-list-2 > dt, #sp-definition-list-3 > dt, #sp-definition-list-4 > dt, #sp-definition-list-5 > dt, #sp-definition-list-6 > dt, #sp-definition-list-7 > dt{
  padding-top : 0px;
  padding-left : 15px;
  padding-bottom : 0px;
  margin-top : 20px;
  border-left-width : 5px;
  border-left-style : solid;
  border-left-color : #605043;
}

#sp-definition-list-1 > dt:nth-of-type(1), #sp-definition-list-2 > dt:nth-of-type(1), #sp-definition-list-3 > dt:nth-of-type(1), #sp-definition-list-4 > dt:nth-of-type(1), #sp-definition-list-5 > dt:nth-of-type(1), #sp-definition-list-6 > dt:nth-of-type(1), #sp-definition-list-7 > dt:nth-of-type(1){
  margin-top : 0px;
}

#sp-button-1, #sp-button-2{
  line-height : 2;
  margin-right : 1em;
  margin-bottom : 1em;
  width : auto;
  min-width : 100px;
  height : auto;
  min-height : 34px;
  display : table;
}

#sp-button-1 > a, #sp-button-2 > a{
  font-size : 1.6rem;
  font-weight : bold;
  line-height : 2;
  color : #ffffff;
  background-color : #605043;
  vertical-align : middle;
  text-align : center;
  padding-top : 0px;
  padding-left : 20px;
  padding-right : 20px;
  padding-bottom : 0px;
  border-top-width : 1px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-top-color : #605043;
  border-left-color : #605043;
  border-right-color : #605043;
  border-bottom-color : #605043;
  border-top-left-radius : 17px 17px;
  border-top-right-radius : 17px 17px;
  border-bottom-right-radius : 17px 17px;
  border-bottom-left-radius : 17px 17px;
  width : 100%;
  height : 100%;
  min-height : 34px;
  display : table-cell;
  outline-width : medium;
  outline-style : none;
  outline-color : black;
}

#sp-block-container-10 {
}

#sp-block-container-10 .copyright{
  font-size : 1.2rem;
  color : #ffffff;
  text-align : center;
  padding-top : 15px;
  padding-bottom : 15px;
  margin-top : 0px;
  margin-bottom : 0px;
}

@media not screen, screen and (min-width: 569px) {

  #sp-block-container-10 {
  }

  #sp-block-container-10 .copyright{
    padding-right : 20px;
  }
}

.page-toppage#content #page-content > .large{
  font-size : 1.2em;
}

.page-toppage#content #page-content > .medium{
  font-size : 1em;
}

.page-toppage#content #page-content > .small{
  font-size : 0.9em;
}

.page-toppage#content #page-content > .x-large{
  font-size : 1.5em;
}

.page-toppage#content #page-content > .x-small{
  font-size : 0.8em;
}

.page-toppage#content #page-content > .xx-large{
  font-size : 2em;
}

.page-toppage#content #page-content > .xx-small{
  font-size : 0.7em;
}

.page-toppage#content #page-content > em{
  font-style : oblique;
  color : #515151;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #515151;
}

.page-toppage#content #page-content > h1{
  color : #000000;
}

.page-toppage#content #page-content > h2{
  color : #000000;
}

.page-toppage#content #page-content > h3{
  color : #000000;
}

.page-toppage#content #page-content > h4{
  line-height : 1.2;
  color : #000000;
  text-align : left;
  clear : both;
}

.page-toppage#content #page-content > h5{
  font-size : 1.08em;
  line-height : 1.2;
  color : #000000;
  text-align : left;
  clear : both;
}

.page-toppage#content #page-content > h6{
  font-size : 1em;
  color : #000000;
}

.page-toppage#content #page-content > p{
  line-height : 1.4;
  color : #515151;
  text-align : left;
  margin-top : 0.5em;
  margin-left : 1em;
  margin-right : 1em;
  margin-bottom : 0.5em;
}

.page-toppage#content #page-content > p.indent{
  padding-left : 10px;
}

.page-toppage#content #page-content > strong{
  font-weight : bold;
  color : #515151;
}

#sp-image-1{
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 0px;
  max-width : 100%;
  display : block;
}

#sp-site-branding2-1 .site-title{
  background-image : url(img/site-title1.png);
}

@media not screen, screen and (min-width: 569px) {

  #sp-image-2{
    margin-left : 10px;
    width : 40%;
    height : auto;
    float : right;
    position : relative;
  }

  #sp-image-3{
    margin-left : 10px;
    width : auto;
    height : 200px;
    float : right;
    position : relative;
  }

  #sp-image-4{
    margin-left : 10px;
    width : auto;
    height : 200px;
    float : right;
    position : relative;
  }

  #sp-image-5{
    margin-left : 10px;
    width : auto;
    height : 200px;
    float : right;
    position : relative;
  }

  #sp-image-6{
    width : 100%;
    height : auto;
  }

  #sp-image-7{
    margin-right : 2%;
    width : 32%;
    height : auto;
    float : left;
  }

  #sp-image-8{
    margin-right : 2%;
    width : 32%;
    height : auto;
    float : left;
  }

  #sp-image-9{
    width : 32%;
    height : auto;
    float : left;
  }
}

@media screen and (max-width: 568px) {

  .page-toppage#content #page-content{
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
  }

  #sp-image-2{
    margin-bottom : 15px;
  }

  #sp-image-3{
    margin-bottom : 15px;
  }

  #sp-image-4{
    margin-bottom : 15px;
  }

  #sp-image-5{
    margin-bottom : 15px;
  }

  #sp-image-6 {
  }

  #sp-image-7{
    margin-right : 0%;
    margin-bottom : 5%;
    width : 100%;
  }

  #sp-image-8{
    margin-right : 0%;
    margin-bottom : 5%;
    width : 100%;
  }

  #sp-image-9{
    margin-right : 0%;
    width : 100%;
  }
}
