#colophon{
  font-size : 1.2rem;
  color : #000000;
  background-color : #000;
}

#content{
  min-height : 50px;
}

#masthead{
  font-size : 1.2rem;
  color : #ffffff;
  background-color : #ffffff;
}

#page{
  font-size : 1.6rem;
}

*{
  box-sizing : border-box;
  
}

.screen-reader-text{
  display : none;
}

.sp-block-container{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
}

.sp-block-container > h1{
  font-size : 2.4rem;
}

.sp-block-container > h2{
  font-size : 1.8rem;
}

.sp-block-container > h3{
  font-size : 1.5rem;
}

.sp-block-container > h4{
  font-size : 1.4rem;
}

.sp-block-container > h5{
  font-size : 1.3rem;
}

.sp-block-container > h6{
  font-size : 1.1rem;
}

.sp-block-container > hr{
  color : #e2e2e2;
  margin-top : 25px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 30px;
  border-top-width : 1px;
  border-left-width : medium;
  border-right-width : medium;
  border-bottom-width : medium;
  border-top-style : solid;
  border-left-style : none;
  border-right-style : none;
  border-bottom-style : none;
  border-top-color : #e2e2e2;
  border-left-color : initial;
  border-right-color : initial;
  border-bottom-color : initial;
  height : 1px;
}

.sp-block-container > p{
  font-size : 1.3rem;
  line-height : 1.5;
  text-align : justify;
  padding-left : 0.1em;
  padding-right : 0.1em;
  margin-top : 0.5em;
  margin-bottom : 1.5em;
  text-justify : inter-ideograph;
}

.sp-block-container > p.indent{
  padding-left : 1em;
}

.sp-block-container > p.large{
  font-size : 1.2em;
}

.sp-bread-crumb div{
  padding-bottom : 10px;
  margin-top : 10px;
  margin-right : 10px;
  width : auto;
  display : inline-block;
}

.sp-button{
  width : 122px;
}

.sp-button a{
  text-decoration : none;
  text-align : center;
  padding-top : 6px;
  padding-left : 0px;
  padding-right : 0px;
  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 : #f0f0f0;
  border-left-color : #f0f0f0;
  border-right-color : #f0f0f0;
  border-bottom-color : #f0f0f0;
  border-top-left-radius : 5px 5px;
  border-top-right-radius : 5px 5px;
  border-bottom-right-radius : 5px 5px;
  border-bottom-left-radius : 5px 5px;
  height : 100%;
  display : block;
  box-sizing : border-box;
}

.sp-button a:hover{
  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 : #d8d8d8;
  border-left-color : #d8d8d8;
  border-right-color : #d8d8d8;
  border-bottom-color : #d8d8d8;
}

.sp-column.accordion > .column-label h3::after{
  border-top-width : 5px;
  border-left-width : 6px;
  border-right-width : 6px;
  border-top-style : solid;
  border-left-style : solid;
  border-right-style : solid;
  border-top-color : rgba(255, 255, 255, 0.45);
  border-left-color : transparent;
  border-right-color : transparent;
  width : 0px;
  height : 0px;
  display : block;
  position : absolute;
  top : 0.5em;
  right : 0px;
  content : "";
}

.sp-column.toggled-on > .column-label h3::after{
  display : none;
}

.sp-column.toggled-on > .column-label h3::before{
  border-left-width : 6px;
  border-right-width : 6px;
  border-bottom-width : 5px;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-color : transparent;
  border-right-color : transparent;
  border-bottom-color : rgba(255, 255, 255, 0.45);
  width : 0px;
  height : 0px;
  display : block;
  position : absolute;
  top : 0.5em;
  right : 0px;
  content : "";
}

.sp-column > .column-body{
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
}

.sp-definition-list > dd{
  margin-left : 94px;
  margin-bottom : 25px;
}

.sp-definition-list > dt{
  padding-top : 5px;
  padding-left : 25px;
  padding-right : 0px;
  padding-bottom : 5px;
  margin-bottom : 10px;
}

.sp-form input{
  font-size : 1.4rem;
  font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}

.sp-form input[type="date"]{
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  width : 90%;
}

.sp-form input[type="radio"]{
  vertical-align : middle;
  width : 20px;
}

.sp-form input[type="submit"]{
  font-size : 1.4rem;
  color : #555555;
  background-color : #dcdada;
  padding-top : 5px;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 5px;
  margin-top : 15px;
  width : auto;
  min-width : 100px;
  float : right;
  position : relative;
  cursor : pointer;
}

.sp-form input[type="text"]{
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  width : 90%;
}

.sp-form table{
  border-top-width : 1px;
  border-left-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-top-color : #000000;
  border-left-color : #000000;
  width : 100%;
  border-collapse : collapse;
  border-spacing : 0px 0px;
}

.sp-form td{
  color : #000000;
  background-color : #ffffff;
  padding-top : 5px;
  padding-left : 18px;
  padding-right : 18px;
  padding-bottom : 5px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-right-color : #000000;
  border-bottom-color : #000000;
  width : auto;
}

.sp-form textarea{
  font-size : 1.4rem;
  font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  width : 90%;
  height : 150px;
}

.sp-form th{
  font-weight : normal;
  color : #000000;
  background-color : #f4f4f4;
  text-align : left;
  padding-top : 5px;
  padding-left : 18px;
  padding-right : 18px;
  padding-bottom : 5px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-right-color : #000000;
  border-bottom-color : #000000;
  width : auto;
  min-width : 50px;
}

.sp-google-map{
  max-width : 100%;
  word-wrap : normal;
}

.sp-google-map img{
  max-width : none !important;
}

.sp-item-gallery.grid > ul > li{
  overflow : hidden;
}

.sp-item-gallery.masonry > ul > li{
  height : auto !important;
}

.sp-item-gallery > ul > li > div img.item-gallery-thumbnail{
  max-width : 100%;
}

.sp-list{
  padding-right : 1em;
  margin-bottom : 1.5em;
  list-style-position : inside;
}

.sp-list > li{
  text-align : justify;
  padding-top : 6px;
  padding-bottom : 6px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  text-justify : inter-ideograph;
}

.sp-page-title > h1{
  font-size : 1.8rem;
  font-weight : bold;
}

.sp-part-top{
  display : block;
  position : relative;
  box-sizing : border-box;
}

.sp-part-top::after{
  clear : both;
  display : table;
  content : "";
}

.sp-site-branding2 .site-description{
  font-size : 1rem;
  font-weight : normal;
  color : #929292;
}

.sp-site-branding2 > .extra{
  display : none;
}

.sp-site-branding2 > .site-description{
  display : none;
}

.sp-site-navigation{
  color : red;
  background-color : white;
}

.sp-site-navigation .menu-toggle{
  display : none;
  cursor : pointer;
}

.sp-site-navigation.vertical{
  font-size : 1.3rem;
  border-top-width : 1px;
  border-bottom-width : 1px;
  border-top-style : solid;
  border-bottom-style : solid;
  border-top-color : #d2c9b8;
  border-bottom-color : #d2c9b8;
  width : 100%;
}

.sp-site-navigation.vertical ul{
  line-height : 30px;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  list-style-type : none;
  list-style-position : outside;
}

.sp-site-navigation.vertical ul li.current-menu-ancestor > a{
  color : #ffffff;
  background-color : rgba(0, 0, 0, 0.3);
}

.sp-site-navigation.vertical ul li.current-menu-item > a{
  color : #ffffff;
  background-color : rgba(0, 0, 0, 0.3);
}

.sp-site-navigation.vertical ul li.current_page_ancestor > a{
  color : #ffffff;
  background-color : rgba(0, 0, 0, 0.3);
}

.sp-site-navigation.vertical ul li.current_page_item > a{
  color : #ffffff;
  background-color : rgba(0, 0, 0, 0.3);
}

.sp-site-navigation.vertical ul li > a{
  text-decoration : none;
  padding-top : 10px;
  padding-left : 20px;
  padding-right : 20px;
  padding-bottom : 10px;
  display : block;
}

.sp-site-navigation.vertical ul li > a:active{
  color : #ffffff;
  background-color : rgba(0, 0, 0, 0.3);
}

.sp-site-navigation.vertical ul li > a:hover{
  color : #ffffff;
  background-color : rgba(0, 0, 0, 0.3);
}

.sp-site-navigation.vertical ul ul li > a{
  padding-top : 10px;
  padding-left : 40px;
  padding-right : 40px;
  padding-bottom : 10px;
}

.sp-site-navigation.vertical > ul{
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 0px;
  width : 100%;
}

.sp-site-navigation.vertical > ul > li{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  width : 100%;
}

.sp-site-navigation.vertical > ul > li:hover > ul{
  display : block;
}

.sp-table{
  margin-top : 5px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 5px;
  border-top-width : 1px;
  border-left-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-top-color : #d8d8d8;
  border-left-color : #d8d8d8;
  width : 100%;
  display : table;
  border-collapse : collapse;
}

.sp-table > * > tr > td{
  padding-top : 5px;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 5px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-right-color : #d8d8d8;
  border-bottom-color : #d8d8d8;
}

.sp-table > * > tr > th{
  padding-top : 5px;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 5px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-right-color : #d8d8d8;
  border-bottom-color : #d8d8d8;
}

.sp-table > * > tr > th.col-title{
  background-color : rgba(0, 0, 0, 0.0625);
}

.sp-table > * > tr > th.row-title{
  background-color : rgba(0, 0, 0, 0.0625);
}

.sp-wp-post-list{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 2em;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 2em;
}

.sp-wp-post-list .navigation-post{
  margin-top : 0.67em;
}

.sp-wp-post-list .navigation-post .nav-next{
  margin-right : 10px;
  float : right;
}

.sp-wp-post-list .navigation-post .nav-previous{
  margin-left : 10px;
  float : left;
}

.sp-wp-post-list .navigation-post::after{
  clear : both;
  display : table;
  content : "";
}

.sp-wp-post-list .navigation-post > h1{
  display : none;
}

.sp-wp-post-list > article{
  margin-top : 0.67em;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0.67em;
}

.sp-wp-post-list > h3{
  background-color : #f4f4f4;
  background-image : none;
  background-repeat : repeat;
  background-attachment : scroll;
  background-position : 0% 0%;
  background-clip : border-box;
  background-origin : padding-box;
  background-size : auto auto;
}

a{
  color : #c41822;
  text-decoration : underline;
  outline-width : medium;
  outline-style : none;
  outline-color : black;
}

a:active{
  color : #cc0000;
  text-decoration : none;
}

a:focus{
  color : #cc0000;
  text-decoration : none;
}

a:visited{
  color : #c41822;
}

a:hover{
  color : #cc0000;
  text-decoration : none;
}

article{
  display : block;
}

aside{
  display : block;
}

body{
  font-size : 1.3rem;
  font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  line-height : 1.5;
  color : #333333;
  background-color : #ffffff;
  text-align : left;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  word-wrap : break-word;
}

body.home .sp-site-branding2 > .extra{
  display : block;
}

body.home .sp-site-branding2 > .site-description{
  display : block;
}

details{
  display : block;
}

dl{
  margin-top : 0px;
  box-sizing : border-box;
}

figcaption{
  display : block;
}

figure{
  display : block;
}

footer{
  display : block;
}

h1{
  margin-top : 0px;
  box-sizing : border-box;
}

h2{
  margin-top : 0px;
  box-sizing : border-box;
}

h3{
  margin-top : 0px;
  box-sizing : border-box;
}

h4{
  margin-top : 0px;
  box-sizing : border-box;
}

h5{
  margin-top : 0px;
  box-sizing : border-box;
}

h6{
  margin-top : 0px;
  box-sizing : border-box;
}

header{
  display : block;
}

hgroup{
  display : block;
}

html{
  font-size : 62.5%;
}

main{
  display : block;
}

nav{
  display : block;
  box-sizing : border-box;
}

ol{
  margin-top : 0px;
  box-sizing : border-box;
}

p{
  margin-top : 0px;
  box-sizing : border-box;
}

section{
  display : block;
}

summary{
  display : block;
}

table{
  margin-top : 0px;
  box-sizing : border-box;
}

ul{
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  box-sizing : border-box;
}

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

  #colophon {
  }

  #colophon-inner{
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    margin-top : 0px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 0px;
    width : 100%;
    box-sizing : content-box;
  }

  #colophon-inner2
    background-color: #ffffff;{
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    margin-top : 0px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 0px;
    width : 100%;
    box-sizing : content-box;
  }

  #content{
    position : relative;
  }

  #contenthead{
	position: relative; 
  }

  #contenthead > a{
    background-color : #343740;
    margin-left : -100%;
    margin-right : -100%;
  }

  #main{
 clear : both;
    margin-top : 100px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 0px;
    width : 100%;
	position: relative; 
    box-sizing : content-box;
z-index:0;
  }

  #main-inner{

  }

  #main-inner #contenthead{
    overflow : hidden;
  }

  #main-inner #contenthead > a{
    margin-left : 0px;
    margin-right : 0px;
  }

  #masthead{
    width : 100%;
    margin-bottom : 0px;
position: fixed; 
z-index:1;
margin-left: auto;
    margin-right: auto;
background-color : #000000;

  }

  #masthead-inner{
    margin-top : 0px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 0px;
    width : 100%;
    position : relative;
    box-sizing : content-box;


  }

  #page{
    margin-top : 0px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 0px;
    overflow : hidden;
  }

  #primary{
    float : right;
  }

  .sp-google-map{
    width : 400px;
    min-height : 300px;
  }

  .sp-site-branding2{
    padding-top : 20px;
  }

  .sp-site-branding2 .extra{
    width : 50%;
    position : absolute;
    bottom : 0px;
    right : 0px;
  }

  .sp-site-branding2 .extra > p{
    font-size : 1.3rem;
    color : #929292;
    text-align : right;
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
  }

  .sp-site-branding2 .extra > p.indent{
    padding-left : 1em;
  }

  .sp-site-branding2 .extra > p.large{
    font-size : 1.5rem;
  }

  .sp-site-branding2 .site-description{
    text-align : right;
    width : 100%;
    height : auto;
    position : absolute;
    top : 15px;
  }

  .sp-site-branding2 .site-title{
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    height : 66px;
    float : right;
  }

  .sp-site-branding2 .site-title a{
    height : 100%;
    display : block;
  }

  .sp-site-navigation.horizontal ul{
    margin: 0 auto;
    list-style-type : none;
    list-style-position : outside;
  }

  .sp-site-navigation.horizontal ul li.current-menu-ancestor > a{
    color : #ffffff;
    background-color : rgba(0, 0, 0, 0.3);
  }

  .sp-site-navigation.horizontal ul li.current-menu-item > a{
    color : #ffffff;
    background-color : rgba(0, 0, 0, 0.3);
  }

  .sp-site-navigation.horizontal ul li.current_page_ancestor > a{
    color : #ffffff;
    background-color : rgba(0, 0, 0, 0.3);
  }

  .sp-site-navigation.horizontal ul li.current_page_item > a{
    color : #ffffff;
    background-color : rgba(0, 0, 0, 0.3);
  }

  .sp-site-navigation.horizontal ul li > a{
    text-decoration : none;
  }

  .sp-site-navigation.horizontal ul li > a:active{
    color : #ffffff;
    background-color : rgba(0, 0, 0, 0.3);
  }

  .sp-site-navigation.horizontal ul li > a:hover{
    color : #ffffff;
    background-color : rgba(0, 0, 0, 0.3);
  }

  .sp-site-navigation.horizontal ul ul{
    background-color : #ffffff;
    border-top-width : 1px;
    border-left-width : 1px;
    border-right-width : 1px;
    border-bottom-width : medium;
    border-top-style : solid;
    border-left-style : solid;
    border-right-style : solid;
    border-bottom-style : none;
    border-top-color : #3c3f53;
    border-left-color : #3c3f53;
    border-right-color : #3c3f53;
    border-bottom-color : initial;
    width : auto;
    min-width : 150px;
    display : none;
    position : absolute;
    top : 100%;
    left : 0px;
    z-index : 9999;
  }

  .sp-site-navigation.horizontal ul ul li{
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #3c3f53;
    width : 100%;
    white-space : nowrap;
  }

  .sp-site-navigation.horizontal ul ul li > a{
    padding-top : 5px;
    padding-left : 1em;
    padding-right : 1em;
    padding-bottom : 5px;
    display : block;
  }

  .sp-site-navigation.horizontal > ul::after{
    clear : both;
    display : table;
    content : "";
  }

  .sp-site-navigation.horizontal > ul > li{
    float : left;
    position : relative;
  }

  .sp-site-navigation.horizontal > ul > li:hover{
    position : relative;
  }

  .sp-site-navigation.horizontal > ul > li:hover > ul{
    display : block;
  }

  .sp-site-navigation.horizontal > ul > li > a{
    padding-top : 0.5em;
    padding-left : 2em;
    padding-right : 2em;
    padding-bottom : 0.5em;
    display : block;
  }

  .sp-site-navigation.minimal{
    text-align : center;
    margin-top : 0px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 20px;
  }

  .sp-site-navigation.minimal ul{
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    list-style-type : none;
    list-style-position : outside;
  }

  .sp-site-navigation.minimal ul li:last-child{
    margin-right : 0px;
  }

  .sp-site-navigation.minimal ul li > a:active{
    text-decoration : underline;
  }

  .sp-site-navigation.minimal ul li > a:hover{
    text-decoration : underline;
  }

  .sp-site-navigation.minimal > ul li{
    margin-right : 10px;
    display : inline;
  }

  .sp-site-navigation.minimal > ul ul{
    margin-left : 10px;
    display : inline;
  }

  .sp-yahoo-map{
    width : 400px;
    min-height : 300px;
  }

  body{
    min-width : 1200px;
  }
}

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

  #content{
    width : 100%;
    float : right;
  }

  #contenthead{
    width : 100%;
	position: relative; 
  }


  #main-inner0{
clear: both;
    margin-top : -10px;
    width : 100%;
	position: relative; 
    background-color: #000000;
  }


.messe {
    width: 50%;
    float: left;
    display: table;
}

.messe2 {
    width: 50%;
    float: left;
display: table-cell;
vertical-align: middle;
}


  #main-inner{
    margin-top : 40px;
    width : 100%;
	position: relative; 
  }

  #primary{
    width : 1200px;
  }

  #sidebar1{
    width : 280px;
    float : left;
  }

  .sp-site-branding2 > .extra{
    padding-left : 1200px;
    padding-right : 1200px;
    margin-left : -1200px;
    margin-right : -1200px;
    width : 300%;
    bottom : -661px;
    right : 0px;
  }

  .sp-site-branding2 > .site-description{
    padding-left : 1200px;
    padding-right : 1200px;
    margin-left : -1200px;
    margin-right : -1200px;
    width : 300%;
    bottom : -603px;
    right : 0px;
  }

  body.home #main-inner{
    margin-top : 30px;
	position: relative; 
  }

  body.home #main-inner2{
    margin-top : 10px;
    margin: 0 auto;  
    width : 900px;
    font-size : 1.9rem;

  }

  body.home #main-inner3{
    margin-top : 10px;
    margin: 0 auto;  
    width : 330px;
    float : right;
  }

  body.home #main-inner4{
    margin-top : 10px;
    margin: 0 auto;  
    width : 330px;
    float : right;
  }

  body.home #main-inner5{
    margin-top : 10px;
    margin: 0 auto;  
    width : 330px;
    float : right;
  }






}

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

  #content{
    padding-left : 10px;
    padding-right : 10px;
    margin-top : 30px;
  }

  #sidebar1{
    margin-top : 10px;
  }

  #sidebar2{
    margin-top : 10px;
  }

  *{
    box-sizing : border-box;
  }

  .sp-block-container{
    padding-top : 0px;
    padding-left : 5px;
    padding-right : 5px;
    padding-bottom : 0px;
  }

  .sp-bread-crumb{
    padding-left : 10px;
    padding-right : 10px;
  }

  .sp-definition-list > dd{
    margin-left : 20px;
  }

  .sp-form input{
    width : 90%;
  }

  .sp-form input[type="submit"] {
  }

  .sp-form table{
    border-top-width : 1px;
    border-top-style : solid;
    border-top-color : #d8d8d8;
  }

  .sp-form td{
    width : auto;
    display : block;
  }

  .sp-form textarea{
    width : 90%;
  }

  .sp-form th{
    width : auto;
    display : block;
  }

  .sp-google-map{
    width : 100%;
    min-height : 300px;
  }

  .sp-image{
    max-width : 100%;
    height : auto;
  }

  .sp-sidebar{
    padding-left : 10px;
    padding-right : 10px;
    margin-top : 30px;
  }

  .sp-site-branding2 .extra{
    padding-top : 5px;
  }

  .sp-site-branding2 .extra > p{
    font-size : 1rem;
    color : #929292;
    text-align : left;
    padding-top : 0px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 0px;
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    width : 100%;
  }

  .sp-site-branding2 .site-description{
    text-align : center;
  }

  .sp-site-branding2 .site-title{
    text-align : center;
  }

  .sp-site-navigation .menu-toggle{
    background-color : rgba(0, 0, 0, 0.3);
    padding-top : 10px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 10px;
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    cursor : pointer;
  }

  .sp-site-navigation ul{
    list-style-type : none;
    list-style-position : outside;
  }

  .sp-site-navigation.button-menu .menu-toggle{
    display : block;
  }

  .sp-site-navigation.button-menu ul ul{
    display : block;
  }

  .sp-site-navigation.button-menu ul.toggled-on{
    display : block;
  }

  .sp-site-navigation.button-menu > ul{
    display : none;
  }

  .sp-site-navigation.horizontal{
    padding-top : 0px;
    margin-top : 10px;
    position : relative;
  }

  .sp-site-navigation.horizontal ul{
    background-color : #ffffff;
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    width : auto;
    height : auto;
  }

  .sp-site-navigation.horizontal ul li{
    padding-left : 0px;
    border-left-width : 0px;
    width : auto;
    float : none;
  }

  .sp-site-navigation.horizontal ul li.current-menu-ancestor > a{
    color : #ffffff;
    background-color : rgba(0, 0, 0, 0.3);
  }

  .sp-site-navigation.horizontal ul li.current-menu-item > a{
    color : #ffffff;
    background-color : rgba(0, 0, 0, 0.3);
  }

  .sp-site-navigation.horizontal ul li.current_page_ancestor > a{
    color : #ffffff;
    background-color : rgba(0, 0, 0, 0.3);
  }

  .sp-site-navigation.horizontal ul li.current_page_item > a{
    color : #ffffff;
    background-color : rgba(0, 0, 0, 0.3);
  }

  .sp-site-navigation.horizontal ul li > a{
    line-height : 24px;
    padding-top : 8px;
    padding-left : 25px;
    padding-right : 10px;
    padding-bottom : 7px;
    float : none;
    display : block;
  }

  .sp-site-navigation.horizontal ul li > a:active{
    color : #ffffff;
    background-color : rgba(0, 0, 0, 0.3);
  }

  .sp-site-navigation.horizontal ul li > a:hover{
    color : #ffffff;
    background-color : rgba(0, 0, 0, 0.3);
  }

  .sp-site-navigation.horizontal ul ul{
    background-color : transparent;
    border-top-width : medium;
    border-left-width : medium;
    border-right-width : medium;
    border-bottom-width : medium;
    border-top-style : none;
    border-left-style : none;
    border-right-style : none;
    border-bottom-style : none;
    border-top-color : initial;
    border-left-color : initial;
    border-right-color : initial;
    border-bottom-color : initial;
    width : auto;
    min-width : 150px;
    display : block;
    position : relative;
    top : 100%;
    left : 0px;
    z-index : 9999;
  }

  .sp-site-navigation.horizontal ul ul li{
    border-bottom-width : medium;
    border-bottom-style : none;
    border-bottom-color : initial;
  }

  .sp-site-navigation.horizontal ul ul li > a{
    padding-top : 8px;
    padding-left : 50px;
    padding-right : 50px;
    padding-bottom : 8px;
    border-bottom-width : medium;
    border-bottom-style : none;
    border-bottom-color : initial;
  }

  .sp-site-navigation.minimal{
    text-align : center;
    margin-bottom : 20px;
  }

  .sp-site-navigation.minimal ul{
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    list-style-type : none;
    list-style-position : outside;
  }

  .sp-site-navigation.minimal ul li{
    display : block;
  }

  .sp-site-navigation.minimal ul li > a{
    display : block;
  }

  .sp-site-navigation.minimal ul li > a:hover{
    text-decoration : underline;
  }

  .sp-yahoo-map{
    width : 100%;
    min-height : 300px;
  }

  body.home #main-inner{
    margin-top : 50px;
  }

  embed{
    max-width : 100%;
  }
}

#breadcrumb-list{
  font-size : 1.5rem;
  color : #333333;
  background-color : #f5f5f5;
  padding-top : 1em;
  padding-bottom : 1em;
  margin-top : 0px;
  box-sizing : border-box;
}

#breadcrumb-list a{
  color : #4283ec;
  text-decoration : underline;
}

#breadcrumb-list a:hover{
  color : #cc0000;
}

#breadcrumb-list div{
  display : inline-block;
}

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

  #breadcrumb-list{
    padding-left : 1000px;
    padding-right : 1000px;
    margin-left : -1000px;
    margin-right : -1000px;
  }
}

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

  #breadcrumb-list{
    padding-top : 1em;
    padding-left : 20px;
    padding-right : 20px;
    padding-bottom : 1em;
  }
}

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

  #sp-site-navigation-2{
    background-color : transparent;
padding-left: 1000px;
    padding-right: 1000px;
    margin-left: -1000px;
    margin-right: -1000px;

    margin-bottom : 0px;
  }

  #sp-site-navigation-2 ul ul{
    display : none;
  }

  #sp-site-navigation-2 > ul{
    font-size : 1.2rem;
    padding-top : 0px;
    padding-bottom : 0px;
    margin-top : 0px;
    margin-bottom : 0px;
  }

  #sp-site-navigation-2 > ul > li{
    margin-right : 0px;
    display : inline-block;
  }

  #sp-site-navigation-2 > ul > li.current-menu-ancestor > a{
    color : #4283ec;
  }

  #sp-site-navigation-2 > ul > li.current-menu-item > a{
    color : #4283ec;
  }

  #sp-site-navigation-2 > ul > li.current_page_ancestor > a{
    color : #4283ec;
  }

  #sp-site-navigation-2 > ul > li.current_page_item > a{
    color : #4283ec;
  }

  #sp-site-navigation-2 > ul > li::after{
    color : #777e92;
    margin-left : 16px;
    margin-right : 20px;
    content : "/";
  }

  #sp-site-navigation-2 > ul > li > a{
    font-weight : bold;
    line-height : 1;
    color : #ffffff;
    vertical-align : middle;
    padding-top : 29px;
    padding-bottom : 29px;
    display : inline-block;
  }

  #sp-site-navigation-2 > ul > li > a:hover{
    color : #4283ec;
  }
}

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

  #sp-site-navigation-2{
    font-size : 1.2rem;
    font-weight : bold;
    background-color : transparent;
    margin-top : 0px;
    margin-bottom : 0px;
    border-top-width : medium;
    border-bottom-width : medium;
    border-top-style : none;
    border-bottom-style : none;
    border-top-color : initial;
    border-bottom-color : initial;
  }

  #sp-site-navigation-2 .menu-toggle{
    background-color : transparent;
    background-image : url(img/icon-menu-toggle.png);
    background-repeat : no-repeat;
    background-position : center center;
    text-indent : -9999px;
  }

  #sp-site-navigation-2 li > a:active{
    background-color : transparent;
  }

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

  #sp-site-navigation-2 ul li > a{
    font-weight : bold;
    color : #ffffff;
    background-color : transparent;
    text-decoration : none;
    text-align : center;
    padding-top : 5px;
    padding-bottom : 5px;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #ffffff;
  }

  #sp-site-navigation-2 > ul li.current-menu-ancestor > a{
    background-color : transparent;
  }

  #sp-site-navigation-2 > ul li.current-menu-item > a{
    background-color : transparent;
  }

  #sp-site-navigation-2 > ul li.current_page_ancestor > a{
    background-color : transparent;
  }

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

#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, #sp-page-title-9 h1{
  font-size : 1.8rem;
  font-weight : bold;
  color : #ffffff;
  background-color : #343740;
  padding-top : 15px;
  padding-left : 20px;
  padding-right : 20px;
  padding-bottom : 15px;
  margin-bottom : 0px;
}

#post-list, #sp-wp-post-list-1, #sp-wp-post-list-2, #sp-wp-post-list-3, #sp-wp-post-list-4, #sp-wp-post-list-5, #sp-wp-post-list-6, #sp-wp-post-list-7{
  padding-top : 0px;
  padding-left : 20px;
  padding-right : 20px;
  padding-bottom : 30px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 40px;
  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 : #d5d5d5;
  border-left-color : #d5d5d5;
  border-right-color : #d5d5d5;
  border-bottom-color : #d5d5d5;
}

.hpb-viewtype-content#post-list dl dd, .hpb-viewtype-content#sp-wp-post-list-1 dl dd, .hpb-viewtype-content#sp-wp-post-list-2 dl dd, .hpb-viewtype-content#sp-wp-post-list-3 dl dd, .hpb-viewtype-content#sp-wp-post-list-4 dl dd, .hpb-viewtype-content#sp-wp-post-list-5 dl dd, .hpb-viewtype-content#sp-wp-post-list-6 dl dd, .hpb-viewtype-content#sp-wp-post-list-7 dl dd{
  margin-top : 0px;
  margin-left : 20px;
  margin-right : 0px;
  margin-bottom : 30px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #d5d5d5;
}

.hpb-viewtype-content#post-list dl dd .entry-content, .hpb-viewtype-content#sp-wp-post-list-1 dl dd .entry-content, .hpb-viewtype-content#sp-wp-post-list-2 dl dd .entry-content, .hpb-viewtype-content#sp-wp-post-list-3 dl dd .entry-content, .hpb-viewtype-content#sp-wp-post-list-4 dl dd .entry-content, .hpb-viewtype-content#sp-wp-post-list-5 dl dd .entry-content, .hpb-viewtype-content#sp-wp-post-list-6 dl dd .entry-content, .hpb-viewtype-content#sp-wp-post-list-7 dl dd .entry-content{
  margin-top : 0px;
}

.hpb-viewtype-content#post-list dl dd:last-child, .hpb-viewtype-content#sp-wp-post-list-1 dl dd:last-child, .hpb-viewtype-content#sp-wp-post-list-2 dl dd:last-child, .hpb-viewtype-content#sp-wp-post-list-3 dl dd:last-child, .hpb-viewtype-content#sp-wp-post-list-4 dl dd:last-child, .hpb-viewtype-content#sp-wp-post-list-5 dl dd:last-child, .hpb-viewtype-content#sp-wp-post-list-6 dl dd:last-child, .hpb-viewtype-content#sp-wp-post-list-7 dl dd:last-child{
  margin-bottom : 0px;
  border-bottom-width : medium;
  border-bottom-style : none;
  border-bottom-color : initial;
}

.hpb-viewtype-content#post-list dl dt, .hpb-viewtype-content#sp-wp-post-list-1 dl dt, .hpb-viewtype-content#sp-wp-post-list-2 dl dt, .hpb-viewtype-content#sp-wp-post-list-3 dl dt, .hpb-viewtype-content#sp-wp-post-list-4 dl dt, .hpb-viewtype-content#sp-wp-post-list-5 dl dt, .hpb-viewtype-content#sp-wp-post-list-6 dl dt, .hpb-viewtype-content#sp-wp-post-list-7 dl dt{
  font-weight : normal;
  background-image : url(img/icon-list.png);
  background-repeat : no-repeat;
  background-position : left 7px;
  padding-left : 20px;
  margin-bottom : 0.5em;
}

.hpb-viewtype-date#post-list dl dd, .hpb-viewtype-date#sp-wp-post-list-1 dl dd, .hpb-viewtype-date#sp-wp-post-list-2 dl dd, .hpb-viewtype-date#sp-wp-post-list-3 dl dd, .hpb-viewtype-date#sp-wp-post-list-4 dl dd, .hpb-viewtype-date#sp-wp-post-list-5 dl dd, .hpb-viewtype-date#sp-wp-post-list-6 dl dd, .hpb-viewtype-date#sp-wp-post-list-7 dl dd{
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 1em;
  overflow : hidden;
}

.hpb-viewtype-date#post-list dl dt, .hpb-viewtype-date#sp-wp-post-list-1 dl dt, .hpb-viewtype-date#sp-wp-post-list-2 dl dt, .hpb-viewtype-date#sp-wp-post-list-3 dl dt, .hpb-viewtype-date#sp-wp-post-list-4 dl dt, .hpb-viewtype-date#sp-wp-post-list-5 dl dt, .hpb-viewtype-date#sp-wp-post-list-6 dl dt, .hpb-viewtype-date#sp-wp-post-list-7 dl dt{
  font-weight : normal;
  background-image : url(img/icon-list.png);
  background-repeat : no-repeat;
  background-position : left 7px;
  padding-left : 20px;
  width : 11em;
  float : left;
  clear : left;
}

.hpb-viewtype-title#post-list ul, .hpb-viewtype-title#sp-wp-post-list-1 ul, .hpb-viewtype-title#sp-wp-post-list-2 ul, .hpb-viewtype-title#sp-wp-post-list-3 ul, .hpb-viewtype-title#sp-wp-post-list-4 ul, .hpb-viewtype-title#sp-wp-post-list-5 ul, .hpb-viewtype-title#sp-wp-post-list-6 ul, .hpb-viewtype-title#sp-wp-post-list-7 ul{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  list-style-type : none;
}

.hpb-viewtype-title#post-list ul li, .hpb-viewtype-title#sp-wp-post-list-1 ul li, .hpb-viewtype-title#sp-wp-post-list-2 ul li, .hpb-viewtype-title#sp-wp-post-list-3 ul li, .hpb-viewtype-title#sp-wp-post-list-4 ul li, .hpb-viewtype-title#sp-wp-post-list-5 ul li, .hpb-viewtype-title#sp-wp-post-list-6 ul li, .hpb-viewtype-title#sp-wp-post-list-7 ul li{
  font-weight : normal;
  background-image : url(img/icon-list.png);
  background-repeat : no-repeat;
  background-position : left 7px;
  padding-left : 20px;
  padding-bottom : 30px;
  margin-bottom : 30px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #d5d5d5;
}

.hpb-viewtype-title#post-list ul li:last-child, .hpb-viewtype-title#sp-wp-post-list-1 ul li:last-child, .hpb-viewtype-title#sp-wp-post-list-2 ul li:last-child, .hpb-viewtype-title#sp-wp-post-list-3 ul li:last-child, .hpb-viewtype-title#sp-wp-post-list-4 ul li:last-child, .hpb-viewtype-title#sp-wp-post-list-5 ul li:last-child, .hpb-viewtype-title#sp-wp-post-list-6 ul li:last-child, .hpb-viewtype-title#sp-wp-post-list-7 ul li:last-child{
  padding-bottom : 0px;
  margin-bottom : 0px;
  border-bottom-width : medium;
  border-bottom-style : none;
  border-bottom-color : initial;
}

#post-list > article, #sp-wp-post-list-1 > article, #sp-wp-post-list-2 > article, #sp-wp-post-list-3 > article, #sp-wp-post-list-4 > article, #sp-wp-post-list-5 > article, #sp-wp-post-list-6 > article, #sp-wp-post-list-7 > article{
  padding-bottom : 30px;
  margin-bottom : 30px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #d5d5d5;
  overflow : hidden;
}

#post-list > article a, #sp-wp-post-list-1 > article a, #sp-wp-post-list-2 > article a, #sp-wp-post-list-3 > article a, #sp-wp-post-list-4 > article a, #sp-wp-post-list-5 > article a, #sp-wp-post-list-6 > article a, #sp-wp-post-list-7 > article a{
  color : #4283ec;
  text-decoration : underline;
}

#post-list > article a:hover, #sp-wp-post-list-1 > article a:hover, #sp-wp-post-list-2 > article a:hover, #sp-wp-post-list-3 > article a:hover, #sp-wp-post-list-4 > article a:hover, #sp-wp-post-list-5 > article a:hover, #sp-wp-post-list-6 > article a:hover, #sp-wp-post-list-7 > article a:hover{
  color : #4283ec;
  text-decoration : none;
}

#post-list > article:last-child, #sp-wp-post-list-1 > article:last-child, #sp-wp-post-list-2 > article:last-child, #sp-wp-post-list-3 > article:last-child, #sp-wp-post-list-4 > article:last-child, #sp-wp-post-list-5 > article:last-child, #sp-wp-post-list-6 > article:last-child, #sp-wp-post-list-7 > article:last-child{
  padding-bottom : 0px;
  margin-bottom : 0px;
  border-bottom-width : medium;
  border-bottom-style : none;
  border-bottom-color : initial;
}

#post-list > article > .entry-content, #sp-wp-post-list-1 > article > .entry-content, #sp-wp-post-list-2 > article > .entry-content, #sp-wp-post-list-3 > article > .entry-content, #sp-wp-post-list-4 > article > .entry-content, #sp-wp-post-list-5 > article > .entry-content, #sp-wp-post-list-6 > article > .entry-content, #sp-wp-post-list-7 > article > .entry-content{
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  overflow : hidden;
}

#post-list > article > footer, #sp-wp-post-list-1 > article > footer, #sp-wp-post-list-2 > article > footer, #sp-wp-post-list-3 > article > footer, #sp-wp-post-list-4 > article > footer, #sp-wp-post-list-5 > article > footer, #sp-wp-post-list-6 > article > footer, #sp-wp-post-list-7 > article > footer{
  font-size : 1.2rem;
  text-align : right;
}

#post-list > article > p, #sp-wp-post-list-1 > article > p, #sp-wp-post-list-2 > article > p, #sp-wp-post-list-3 > article > p, #sp-wp-post-list-4 > article > p, #sp-wp-post-list-5 > article > p, #sp-wp-post-list-6 > article > p, #sp-wp-post-list-7 > article > p{
  margin-right : 20px;
  width : 150px;
  float : left;
}

#post-list > dl a, #sp-wp-post-list-1 > dl a, #sp-wp-post-list-2 > dl a, #sp-wp-post-list-3 > dl a, #sp-wp-post-list-4 > dl a, #sp-wp-post-list-5 > dl a, #sp-wp-post-list-6 > dl a, #sp-wp-post-list-7 > dl a{
  color : #4283ec;
  text-decoration : underline;
}

#post-list > dl a:hover, #sp-wp-post-list-1 > dl a:hover, #sp-wp-post-list-2 > dl a:hover, #sp-wp-post-list-3 > dl a:hover, #sp-wp-post-list-4 > dl a:hover, #sp-wp-post-list-5 > dl a:hover, #sp-wp-post-list-6 > dl a:hover, #sp-wp-post-list-7 > dl a:hover{
  color : #4283ec;
  text-decoration : none;
}

#post-list > h3, #sp-wp-post-list-1 > h3, #sp-wp-post-list-2 > h3, #sp-wp-post-list-3 > h3, #sp-wp-post-list-4 > h3, #sp-wp-post-list-5 > h3, #sp-wp-post-list-6 > h3, #sp-wp-post-list-7 > h3{
  font-size : 1.8rem;
  font-weight : bold;
  color : white;
  background-color : #343740;
  padding-top : 15px;
  padding-left : 20px;
  padding-right : 20px;
  padding-bottom : 15px;
  margin-top : 0px;
  margin-left : -20px;
  margin-right : -20px;
  margin-bottom : 30px;
}

#post-list > h3 > a, #sp-wp-post-list-1 > h3 > a, #sp-wp-post-list-2 > h3 > a, #sp-wp-post-list-3 > h3 > a, #sp-wp-post-list-4 > h3 > a, #sp-wp-post-list-5 > h3 > a, #sp-wp-post-list-6 > h3 > a, #sp-wp-post-list-7 > h3 > a{
  color : white !important;
  text-decoration : none;
}

#post-list > ul a, #sp-wp-post-list-1 > ul a, #sp-wp-post-list-2 > ul a, #sp-wp-post-list-3 > ul a, #sp-wp-post-list-4 > ul a, #sp-wp-post-list-5 > ul a, #sp-wp-post-list-6 > ul a, #sp-wp-post-list-7 > ul a{
  color : #4283ec;
  text-decoration : underline;
}

#post-list > ul a:hover, #sp-wp-post-list-1 > ul a:hover, #sp-wp-post-list-2 > ul a:hover, #sp-wp-post-list-3 > ul a:hover, #sp-wp-post-list-4 > ul a:hover, #sp-wp-post-list-5 > ul a:hover, #sp-wp-post-list-6 > ul a:hover, #sp-wp-post-list-7 > ul a:hover{
  color : #4283ec;
  text-decoration : none;
}

.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-itemlist#content #page-content, .page-privacy#content #page-content, .page-recruit#content #page-content, .page-toppage#content #page-content{
  padding-top : 20px;
  padding-left : 20px;
  padding-right : 20px;
  padding-bottom : 20px;
  margin-bottom : 1.5em;
  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 : #d5d5d5;
  border-left-color : #d5d5d5;
  border-right-color : #d5d5d5;
  border-bottom-color : #d5d5d5;
}

.page-access#content #page-content > blockquote, .page-blog#content #page-content > blockquote, .page-company#content #page-content > blockquote, .page-concept#content #page-content > blockquote, .page-contact#content #page-content > blockquote, .page-itemlist#content #page-content > blockquote, .page-privacy#content #page-content > blockquote, .page-recruit#content #page-content > blockquote, .page-toppage#content #page-content > blockquote{
  background-color : #f5f5f5;
  padding-top : 1.5em;
  padding-left : 1.5em;
  padding-right : 1.5em;
  padding-bottom : 1.5em;
  margin-bottom : 1.5em;
}

.page-access#content #page-content > blockquote > *:last-child, .page-blog#content #page-content > blockquote > *:last-child, .page-company#content #page-content > blockquote > *:last-child, .page-concept#content #page-content > blockquote > *:last-child, .page-contact#content #page-content > blockquote > *:last-child, .page-itemlist#content #page-content > blockquote > *:last-child, .page-privacy#content #page-content > blockquote > *:last-child, .page-recruit#content #page-content > blockquote > *:last-child, .page-toppage#content #page-content > blockquote > *:last-child{
  margin-bottom : 0px;
}

.page-access#content #page-content > h1, .page-blog#content #page-content > h1, .page-company#content #page-content > h1, .page-concept#content #page-content > h1, .page-contact#content #page-content > h1, .page-itemlist#content #page-content > h1, .page-privacy#content #page-content > h1, .page-recruit#content #page-content > h1, .page-toppage#content #page-content > h1{
  font-size : 1.8rem;
  font-weight : bold;
  padding-bottom : 5px;
  margin-bottom : 1em;
  border-bottom-width : 3px;
  border-bottom-style : solid;
  border-bottom-color : #d5d5d5;
}

.page-access#content #page-content > h2, .page-blog#content #page-content > h2, .page-company#content #page-content > h2, .page-concept#content #page-content > h2, .page-contact#content #page-content > h2, .page-itemlist#content #page-content > h2, .page-privacy#content #page-content > h2, .page-recruit#content #page-content > h2, .page-toppage#content #page-content > h2{
  font-size : 1.8rem;
  font-weight : bold;
  padding-bottom : 5px;
  margin-bottom : 1em;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #d5d5d5;
}

.page-access#content #page-content > h3, .page-blog#content #page-content > h3, .page-company#content #page-content > h3, .page-concept#content #page-content > h3, .page-contact#content #page-content > h3, .page-itemlist#content #page-content > h3, .page-privacy#content #page-content > h3, .page-recruit#content #page-content > h3, .page-toppage#content #page-content > h3{
  font-size : 1.6rem;
  font-weight : normal;
  padding-bottom : 5px;
  margin-bottom : 1em;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #d5d5d5;
}

.page-access#content #page-content > h4, .page-blog#content #page-content > h4, .page-company#content #page-content > h4, .page-concept#content #page-content > h4, .page-contact#content #page-content > h4, .page-itemlist#content #page-content > h4, .page-privacy#content #page-content > h4, .page-recruit#content #page-content > h4, .page-toppage#content #page-content > h4{
  font-size : 1.5rem;
  font-weight : normal;
  padding-bottom : 5px;
  margin-bottom : 1em;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #d5d5d5;
}

.page-access#content #page-content > h5, .page-blog#content #page-content > h5, .page-company#content #page-content > h5, .page-concept#content #page-content > h5, .page-contact#content #page-content > h5, .page-itemlist#content #page-content > h5, .page-privacy#content #page-content > h5, .page-recruit#content #page-content > h5, .page-toppage#content #page-content > h5{
  font-size : 1.4rem;
  font-weight : normal;
  padding-bottom : 5px;
  margin-bottom : 1em;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #d5d5d5;
}

.page-access#content #page-content > h6, .page-blog#content #page-content > h6, .page-company#content #page-content > h6, .page-concept#content #page-content > h6, .page-contact#content #page-content > h6, .page-itemlist#content #page-content > h6, .page-privacy#content #page-content > h6, .page-recruit#content #page-content > h6, .page-toppage#content #page-content > h6{
  font-size : 1.3rem;
  font-weight : normal;
  padding-bottom : 5px;
  margin-bottom : 1em;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #d5d5d5;
}

.page-access#content #page-content > hr, .page-blog#content #page-content > hr, .page-company#content #page-content > hr, .page-concept#content #page-content > hr, .page-contact#content #page-content > hr, .page-itemlist#content #page-content > hr, .page-privacy#content #page-content > hr, .page-recruit#content #page-content > hr, .page-toppage#content #page-content > hr{
  margin-bottom : 1.5em;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : #d5d5d5;
}

.page-access#content #page-content > ins, .page-blog#content #page-content > ins, .page-company#content #page-content > ins, .page-concept#content #page-content > ins, .page-contact#content #page-content > ins, .page-itemlist#content #page-content > ins, .page-privacy#content #page-content > ins, .page-recruit#content #page-content > ins, .page-toppage#content #page-content > ins{
  background-color : #fff9c0;
  text-decoration : none;
  padding-top : 5px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 5px;
}

.page-access#content #page-content > ol, .page-blog#content #page-content > ol, .page-company#content #page-content > ol, .page-concept#content #page-content > ol, .page-contact#content #page-content > ol, .page-itemlist#content #page-content > ol, .page-privacy#content #page-content > ol, .page-recruit#content #page-content > ol, .page-toppage#content #page-content > ol{
  padding-top : 0px;
  padding-left : 13px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 18px;
  list-style-position : inside;
}

.page-access#content #page-content > ol ol, .page-blog#content #page-content > ol ol, .page-company#content #page-content > ol ol, .page-concept#content #page-content > ol ol, .page-contact#content #page-content > ol ol, .page-itemlist#content #page-content > ol ol, .page-privacy#content #page-content > ol ol, .page-recruit#content #page-content > ol ol, .page-toppage#content #page-content > ol ol{
  margin-bottom : 0px;
}

.page-access#content #page-content > p, .page-blog#content #page-content > p, .page-company#content #page-content > p, .page-concept#content #page-content > p, .page-contact#content #page-content > p, .page-itemlist#content #page-content > p, .page-privacy#content #page-content > p, .page-recruit#content #page-content > p, .page-toppage#content #page-content > p{
  margin-top : 0px;
  margin-bottom : 1.5em;
}

.page-access#content #page-content > pre, .page-blog#content #page-content > pre, .page-company#content #page-content > pre, .page-concept#content #page-content > pre, .page-contact#content #page-content > pre, .page-itemlist#content #page-content > pre, .page-privacy#content #page-content > pre, .page-recruit#content #page-content > pre, .page-toppage#content #page-content > pre{
  background-color : #ffffff;
  padding-top : 20px;
  padding-left : 20px;
  padding-right : 20px;
  padding-bottom : 20px;
  overflow : auto;
  word-wrap : normal;
}

#sp-site-branding2-1{
  padding-top : 0px;
  position : static;
}

#sp-site-branding2-1 .extra{
  background-color : #f5f5f5;
  text-align : center;
  padding-top : 0px;
  position : static;
}

#sp-site-branding2-1 .extra > p{
  font-size : 1.2rem;
  color : #333333;
  text-align : center;
}

#sp-site-branding2-1 .site-description{
  font-weight : normal;
  color : #333333;
  background-color : #f5f5f5;
  text-align : center;
  margin-bottom : 0px;
  position : static;
}

#sp-site-branding2-1 .site-title{
  background-image : url(img/site-title.png);
  background-repeat : no-repeat;
  margin-bottom : 0px;
  width : 500px;
  height : 100px;
}

#sp-site-branding2-1 .site-title a{
  line-height : 1;
  background-color : transparent;
  text-indent : -9999px;
  display : block;
}

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

  #sp-site-branding2-1{
    min-height : 93px;
  }

  #sp-site-branding2-1 .extra{
    padding-bottom : 20px;
    position : absolute;
    z-index : 10;
  }

  #sp-site-branding2-1 .extra > p{
    padding-top : 20px;
    display : inline-block;
  }

  #sp-site-branding2-1 .site-description{
    font-size : 1.6rem;
    padding-top : 40px;
    padding-bottom : 20px;
    position : absolute;
    top : auto;
    z-index : 10;
  }

  #sp-site-branding2-1 .site-title{
    margin-top : 2px;
    margin-right : 0px;
    z-index : 10;
  }
}

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

  #sp-site-branding2-1{
    background-color : transparent;
    padding-top : 20px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 10px;
  }

  #sp-site-branding2-1 .extra{
    padding-top : 0px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 20px;
    width : 100%;
    position : absolute;
    top : 295px;
    right : 0px;
    left : 0px;
  }

  #sp-site-branding2-1 .extra > p{
    padding-left : 0px;
    padding-right : 0px;
  }

  #sp-site-branding2-1 .site-description{
    font-size : 1.4rem;
    padding-top : 20px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 0px;
    position : absolute;
    top : 211px;
    right : 0px;
    left : 0px;
  }

  #sp-site-branding2-1 .site-title{
    margin-left : auto;
    margin-right : auto;
  }
}

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

  #sp-site-navigation-1{
    width : 100%;
    background-color : #000000;
color: #ffffff;
/*background: rgba(255,255,255,1);*/


  }

  #sp-site-navigation-1 ul ul{
    background-color : #f5f5f5;
    margin-left : 0px;
  }

  #sp-site-navigation-1 ul ul li{
    position : relative;
  }

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

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

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

  #sp-site-navigation-1 ul ul li > li.current-menu-ancestor > a{
    color : #ffffff;
    background-color : #9fa2ac;
  }

  #sp-site-navigation-1 ul ul li > li.current-menu-item > a{
    color : #ffffff;
    background-color : #9fa2ac;
  }

  #sp-site-navigation-1 ul ul li > li.current_page_ancestor > a{
    color : #ffffff;
    background-color : #9fa2ac;
  }

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

  #sp-site-navigation-1 > ul{
      width : 850px;
    font-size : 1.5rem;
    float : right;
  }

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

  #sp-site-navigation-1 > ul > li.current-menu-ancestor > a{
    color : #4283ec;
    background-color : #9d9d9d;
  }

  #sp-site-navigation-1 > ul > li.current-menu-item > a{
    color : #4283ec;
    background-color : #ff9c9e;
  }

  #sp-site-navigation-1 > ul > li.current_page_ancestor > a{
    color : #4283ec;
    background-color : #9d9d9d;
  }

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

  #sp-site-navigation-1 > ul > li > a{
    color : #ffffff;
    text-decoration : none;
    padding-top : 2.7em;
    padding-left : 1.85em;
    padding-right : 1.85em;
    padding-bottom : 2.6em;
    display : block;
  }

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

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

  #sp-site-navigation-1{
    font-size : 1.2rem;
    font-weight : bold;
    background-color : #000000;
    margin-top : 0px;
    margin-bottom : 0px;
    border-top-width : medium;
    border-bottom-width : medium;
    border-top-style : none;
    border-bottom-style : none;
    border-top-color : initial;
    border-bottom-color : initial;
  }

  #sp-site-navigation-1 .menu-toggle{
    background-color : #343740;
    background-image : url(img/icon-menu-toggle.png);
    background-repeat : no-repeat;
    background-position : center center;
    text-indent : -9999px;
  }

  #sp-site-navigation-1 li > a:active{
    background-color : #44474f;
  }

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

  #sp-site-navigation-1 ul li > a{
    font-weight : bold;
    color : #ffffff;
    background-color : #343740;
    text-decoration : none;
    text-align : center;
    padding-top : 0.5em;
    padding-left : 0.5em;
    padding-right : 0.5em;
    padding-bottom : 0.5em;
    border-top-width : 1px;
    border-top-style : solid;
    border-top-color : white;
  }

  #sp-site-navigation-1 > ul li.current-menu-ancestor > a{
    background-color : #44474f;
  }

  #sp-site-navigation-1 > ul li.current-menu-item > a{
    background-color : #44474f;
  }

  #sp-site-navigation-1 > ul li.current_page_ancestor > a{
    background-color : #44474f;
  }

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

#sp-list-1, #sp-list-2, #sp-list-3{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 1.5em;
  list-style-type : none;
  list-style-position : outside;
}

#sp-list-1 li, #sp-list-2 li, #sp-list-3 li{
  background-image : url(img/icon-list.png);
  background-repeat : no-repeat;
  background-position : left 7px;
  padding-left : 20px;
}

#sp-list-1 ul, #sp-list-2 ul, #sp-list-3 ul{
  margin-top : 0.5em;
  margin-left : 1.5em;
  margin-bottom : 0px;
}

#sp-definition-list-1, #sp-definition-list-2, #sp-definition-list-3{
  margin-bottom : 1.5em;
}

#sp-definition-list-1 > dd, #sp-definition-list-2 > dd, #sp-definition-list-3 > dd{
  margin-top : 0px;
  margin-left : 1.5em;
  margin-right : 1.5em;
  margin-bottom : 3em;
}

#sp-definition-list-1 > dt, #sp-definition-list-2 > dt, #sp-definition-list-3 > dt{
  font-weight : normal;
  padding-top : 0.2em;
  padding-left : 1em;
  margin-bottom : 0.5em;
  border-left-width : 6px;
  border-left-style : solid;
  border-left-color : #343740;
}

#sp-form-1{
  margin-bottom : 1.5em;
}

#sp-form-1 > input{
  width : 100%;
}

#sp-form-1 > input[type="submit"]{
  font-size : 1.2rem;
  color : #ffffff;
  background-color : #4283ec;
  text-decoration : none;
  text-align : center;
  padding-top : 6px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 6px;
  margin-top : 15px;
  margin-right : 0px;
  margin-bottom : 0px;
  border-top-width : medium;
  border-left-width : medium;
  border-right-width : medium;
  border-bottom-width : medium;
  border-top-style : none;
  border-left-style : none;
  border-right-style : none;
  border-bottom-style : none;
  border-top-color : initial;
  border-left-color : initial;
  border-right-color : initial;
  border-bottom-color : initial;
  border-top-left-radius : 0px 0px;
  border-top-right-radius : 0px 0px;
  border-bottom-right-radius : 0px 0px;
  border-bottom-left-radius : 0px 0px;
  width : 120px;
  display : block;
}

#sp-form-1 > table{
  color : #333333;
  background-color : white;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 1.5em;
  width : 100%;
  border-collapse : collapse;
}

#sp-form-1 > table td{
  padding-top : 0.5em;
  padding-left : 0.5em;
  padding-right : 0.5em;
  padding-bottom : 0.5em;
  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 : #d5d5d5;
  border-left-color : #d5d5d5;
  border-right-color : #d5d5d5;
  border-bottom-color : #d5d5d5;
}

#sp-form-1 > table th{
  font-weight : bold;
  color : white;
  background-color : #b1b1b1;
  text-align : center;
  padding-top : 0.5em;
  padding-left : 0.5em;
  padding-right : 0.5em;
  padding-bottom : 0.5em;
  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 : #d5d5d5;
  border-left-color : #d5d5d5;
  border-right-color : #d5d5d5;
  border-bottom-color : #d5d5d5;
}

#sp-form-1 > textarea[name="message"]{
  width : 100%;
}

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

  #sp-form-1 > table td{
    border-top-width : medium;
    border-left-width : medium;
    border-right-width : medium;
    border-bottom-width : medium;
    border-top-style : none;
    border-left-style : none;
    border-right-style : none;
    border-bottom-style : none;
    border-top-color : initial;
    border-left-color : initial;
    border-right-color : initial;
    border-bottom-color : initial;
    display : block;
  }

  #sp-form-1 > table th{
    border-top-width : medium;
    border-left-width : medium;
    border-right-width : medium;
    border-bottom-width : medium;
    border-top-style : none;
    border-left-style : none;
    border-right-style : none;
    border-bottom-style : none;
    border-top-color : initial;
    border-left-color : initial;
    border-right-color : initial;
    border-bottom-color : initial;
    display : block;
  }
}

#sp-block-container-1{
  color : #000;
  background-color : #000000;
}

#sp-block-container-2{
  color : #000;
  background-color : #ffffff;
}


#sp-block-container-1 .copyright{
  color : #000;
  text-align : center;
  margin-top : 30px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}

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

  #sp-block-container-1{
    padding-top : 0px;
    padding-left : 1000px;
    padding-right : 1000px;
    padding-bottom : 25px;
    margin-top : 0px;
    margin-left : -1000px;
    margin-right : -1000px;
    margin-bottom : 0px;
  }
}

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

  #sp-block-container-1{
    padding-top : 1em;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 1em;
  }
}

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

  #sp-google-map-1{
    width : 400px;
    min-height : 350px;
  }

  #sp-photo-motion-1{
    width : 100%;
    height : 380px;
  }

  #sp-site-branding2-1 > .extra{
    top : auto;
    bottom : -116px;
    right : 11px;
    left : auto;
  }

  #sp-site-branding2-1 > .site-description{
    top : auto;
    bottom : -443px;
    right : -6px;
    left : auto;
  }

  #sp-site-navigation-1{
    width : 100%;
    /*margin-top : -75px;*/
  }
}

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

  #sp-google-map-1{
    width : 400px;
    min-height : 350px;
  }
}




#fixedBox{
    padding: 10px;
    margin: 0px auto;
    color: #333333;
    background: #ffffff none repeat scroll 0% 0%;
    box-shadow: 3px 3px 5px #dddddd;
    border: 1px #dddddd solid;

}

.fixed {
    position: fixed;
    top: 0;

    z-index: 10000;
}




<style type="text/css">
#slideshow {
   position: relative;
   width:  100%; /* 画像の横幅に合わせて記述 */

}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}
</style>




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



.none { display: none;}
}

#topcom{
font-size : 3rem;
}


#topcom2{
font-size : 2rem;
}


p.resizeimage {
   max-width: 450px; /* 最大幅 */

}
p.resizeimage img { width: 90%; }


p.resizeimage2 {
   max-width: 650px; /* 最大幅 */

}
p.resizeimage2 img { width: 100%; }




/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 90px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }







table {
    width: 100%;
    border-bottom: 1px solid #ddd;
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
}
th, td {
    padding: 15px;
  text-align: center;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
tr:nth-child(even)>td,
tr:nth-child(even)>th {
    background-color: #efefef;
}
th,
.plan-price {
    color: #fff;
}
.plan-price {
    font-size: 2.5rem;
  border-top: 1px solid rgba(255,255,255,.2);
  padding: 25px 0;
}
.plan-price span {
    font-size: 1rem;
}

/* Background colour */
.plan-free th,
.plan-free .plan-price {
    background: linear-gradient(-90deg, #009ADB, #00DB9A);
}
.plan-premium th,
.plan-premium .plan-price {
    background: linear-gradient(-90deg, #EE52FF, #009ADB);
}
.plan-rea th,
.plan-rea .plan-price {
    background: linear-gradient(-90deg, #00DB9A, #EE52FF);
}
/* 
BUTTON
================================================ */
.btn{
    color: #fff;
    font-size: 1.2rem;
    text-decoration: none;
    background: #6fc173;
    border-radius: 5px;
    box-shadow: 0 3px #449f49 ;
    position: relative;
    display: inline-block;
    top: -2px;
    padding: 15px;
    width: 80%;
    text-align: center;
    margin: 10px 0;
}
.btn:hover {
    box-shadow: 0 1px #449f49;
    top: 1px;
}

/* 
LARGE DISPLAY
================================================ */
@media ( min-width : 700px ){
    .flexbox {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
  .plan-table {
    margin: 0 auto;
width: 80%;
  }
  .plan-table:first-of-type {
    margin: 0 auto;
width: 80%;
  }
}



@media screen and (min-width: 650px)
.br-sp {
    display: none;
}