@charset "utf-8";
/* CSS Document */
html {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
body {
  margin: 0;
  padding: 0;
  color: #000000;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 100%;
  line-height: 1.4em;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
ul, ol, dl {
  padding: 0;
  margin: 0;
  clear: left;
}
a img {
  border: none;
}
a:link {
  color: #000;
  border: none;
}
a:visited {
  color: #000;
  border: none;
}
a:hover, a:active, a:focus {
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 24px
}
h1 {
  /*clear: both;*/
} /* 48px */
h2 {
  font-size: 100%;
  line-height: 2.25;
  margin: 0px;
  padding: 0px;
} /* 48px */
h3 {
  font-size: 100%;
  line-height: 1.5;
  margin: 0px;
  padding: 0px;
} /* 24px */
h4 {
  font-size: 100%;
  line-height: 1.5;
  margin: 0px;
  padding: 0px;
} /* 24px */
hgroup h2, h4, h5, h6 {
  font-size: 16px; /* 16px */
  line-height: 1.5
} /* 24px */
#homelimk a {
  text-decoration: none;
  /*display: none;*/
}
/*ナビゲーション*/
#menu {
  display: none;
}

.js .slicknav_menu {
  display: block;
}
#main_visual {
  clear: both;
}
#contents {
  width: 95%;
  margin-top: 30px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}
#contents h1 {
  color: #0086a4;
  font-size: 1.5em;
  line-height: 3;
  margin: 0px;
  padding: 0px;
}
#contents h2 {
  padding-bottom: 5px;
  margin-top: 10px;
  clear: both;
  text-align: left;
  font-size: 1.2em;
}
#contents p {
  padding: 5px;
  font-size: 100%;
  clear: left;
  display: block;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
#contents ul li {
  /*font-size: 85%;*/
  /*list-style-type: none;*/
  /*padding-right: 5px;
  padding-left: 5px;*/
}
#contents ol li {
  font-size: 85%;
  padding-right: 5px;
  padding-left: 5px;
  list-style-position: inside;
}
#contents .aboutus {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #ADADAD;
}
#contents .aboutus th {
  border: solid 1px #ADADAD;
  padding: 5px;
  text-align: left;
  background: #F2F2F2;
}
#contents .aboutus td {
  border: solid 1px #ADADAD;
  padding: 5px;
}
#contents iframe {
  padding-top: 10px;
}

.price h2{
	padding: 5px;
	margin-bottom: 10px;
	background: #f4f4f4;
	}
.price h3{
	padding: 5px;
	margin-bottom: 10px;
		}
.price-list1{
border-collapse: collapse;
  border: solid 1px #ADADAD;
	margin-bottom: 10px;
}
.price-list1 th {
  width: 300px;
  border: solid 1px #ADADAD;
  padding: 5px;
  text-align: left;
  background: #F2F2F2;
}
.price-list1 td {
  width: 700px; 
  border: solid 1px #ADADAD;
  padding: 5px;
}
.price-list1 ul{
 list-style-position: inside;	
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.price-list1 ul li {
	margin-left: 1.5rem;
  text-indent: -1.3rem;
}
.price-list2{
border-collapse: collapse;
  border: solid 1px #ADADAD;
	margin-bottom: 10px;
}
.price-list2 th {
  border: solid 1px #ADADAD;
  padding: 5px;
  text-align: left;
  background: #F2F2F2;
}
.price-list2 .w30{
	width: 300px;
}
.price-list2 .w35{
	width: 350px;
}
.price-list2 td {
  width: px; 
  border: solid 1px #ADADAD;
  padding: 5px;
}
.indent {
  text-indent: 1em;
  }
.business h2:before {
  content: "●";
  margin-right: 5px;
}
.business ul {
/*display: flex;
}
.business ul li {
width: 100%;
text-align: left;
padding: 10px;*/
list-style: none;
}
.list_business h3, .list_cre h3, .flexbox h3 {
  font-size: 1.2em;
  padding-bottom: 15px;
}
.list_cre h3 {
  padding-bottom: 0;
}
.list_business li, .list_cre li, .flexbox li {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-top: 15px;
  border-radius: 5px;
  line-hight: 1;
  color: #fff;
  background: #7db344;
  /*width: 90%;*/
  text-align: center;
}
.list_business li img, .flexbox li img {
  width: 98%;
}
.list_business li img {
	padding : 0 ;
    border : solid 5px #fff ;
	border-radius: 3px;
}
 .list_cre li:first-child, .flexbox li:first-child {
  background: #b3d465;
}
.flexbox li p, .list_cre li p {
  margin: 0;
  padding: 0;
}

/*business*/
/*.list3 {
column-count: 1;
}*/

/*フッター*/
footer {
  margin-bottom: 10px;
  padding: 10px;
  width: 100%;
  overflow: hidden;
  text-align: center;
  clear: both;
  margin-top: 10px;
}
footer p {
  text-align: center;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  font-size: 75%;
  line-height: 1.2em;
  color: #473933;
}
footer ul li a {
  color: #FFF !important;
}
/*　ページトップ　*/
#pageTop {
  background: #0086a4;
  border-radius: 5px;
  color: #FFF;
  position: fixed;
  right: 5px;
  text-decoration: none;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 75%;
  bottom: 45px;
}
/*#pageTop:hover {
	background:#DE6F6F;
	}

#pageTop　a:visited　{
	background:#910004;
	border-radius:5px;
	color:#FFF;
	padding:10px;
	position:fixed;
	bottom:20px;
	right:20px;
	text-decoration: none;
	}*/
/*グーグル・マップ*/
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.ggmap iframe, .ggmap object, .ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.clear {
  clear: both;
}
@media screen and (min-width: 780px) {
  .arrow:before {
    content: '';
    height: 0;
    width: 0;
    display: block;
    border: 4px transparent solid;
    border-right-width: 0;
    border-left-color: #af8068;
    position: absolute;
    top: 11px;
    left: 24px;
  }
  header {
    max-width: 780px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    height: 100px;
    margin-bottom: 10px;
  }
  .slicknav_menu {
    display: none;
  }
  /*ナビゲーション*/
  nav {
    /*	background-color: #F2F2F2;
*/ overflow: hidden;
    margin-bottom: 10px;
  }
  #menu {
    display: table;
    border-collapse: separate; /* セルの間隔を空ける */
    /* [disabled]border-spacing: 1px 0;
*/ /* 左右 上下で記述 */
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  #menu li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    list-style-type: none;
  }
  #menu li a {
    font-size: 16px;
    text-decoration: none;
    margin-right: auto;
    margin-left: auto;
    color: #000000;
	padding-right: 27px;
    padding-left: 27px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #menu li a:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #0086a4;
	text-decoration: underline;
	}
  /*#menu .home {
	display: none;*/
/*}*/
#menu li.on a {
  font-weight: bold;
  color: #0086a4;
  text-decoration: underline;
}
#homelimk a {
  display: block;
  height: 100px;
  width: 270px;
  position: absolute;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  background-position: center center;
  left: 0px;
  top: 1px;
}
#contents {
  position: relative;
  width: 730px;
}
.aboutus th br, .aboutus td br {
	display: none;
}
.flexbox {
  display: -webkit-flex;
  display: flex;
  list-style: none;
  padding: 10px 0 !important;
}
.flexbox li {
  margin: 10px;
  width: 50%;
}
/*business*/
.list3 {
column-count: 3;
}
/*フッター*/
footer ul {
  float: right;
  margin-right: 30px;
}
footer ul li {
  float: left;
  list-style-type: none;
  padding-right: 10px;
}
footer br {
  display: none;
}
}
@media screen and (min-width: 1024px) {
  header {
    max-width: 1260px;
  }
  #homelimk a {
    left: 50px;
  }
  #menu li a {
    font-size: 18px;
    padding-right: 45px;
    padding-left: 45px;
  }
  #contents {
    width: 930px;
  }
  #contents .aboutus th {
    width: 30%;
  }
	}
	
  @media screen and (min-width: 1260px) {
    header {
      max-width: 1260px;
      margin-right: auto;
      margin-left: auto;
    }
    #menu {
      max-width: 1260px;
    }
    #menu li a {
      padding-right: 68px;
      padding-left: 68px;
    }
    #contents {
      width: 1115px;
    }
    #contents p {
      font-size: 100%;
    }
    #contents ol li {
      font-size: 100%;
    }
    #contents ul li {
      font-size: 100%;
    }

  /*HTML 5 サポート - 新しい HTML 5 タグを display:block に設定します。これにより、ブラウザーでタグが適切にレンダリングされます。 */
  header, section, footer, aside, nav, article, figure {
    display: block;
  }
}