body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Arial, Helvetica, sans-serif, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	-webkit-text-size-adjust: 100%;
}
.container {
  max-width: none !important;
  width: 970px;
}
#main {
	margin-bottom: 70px;
}
ul li {
	margin-bottom: 10px;
}
p {
	line-height: 1.6 !important;
}
table ul li {
	margin-bottom: 0;
}
table ul {
	margin-bottom: 0;
	padding-left: 20px;
}
/*-----------------------
	ヘッダー
-----------------------*/
.container-wrap {
	background-color: #F28D00;
	height: 80px;
}
.container-wrap .container {
	background: #F28D00 url(../img/tel.gif) no-repeat right top;
	position: relative;
	height: 80px;
}
.container-wrap .container h1 {
	color: #FFFFFF;
	font-size: 12px;
	position: absolute;
	left: 122px;
	top: -6px;
}
/*-----------------------
	フッター
-----------------------*/
footer {
	background-color: #F28D00;
	text-align: center;
}
footer p {
	color: #fff;
	padding: 20px 0;
	margin-bottom: 0;
}
/*-----------------------
	グローバルナビ
-----------------------*/
.gnav-wrap {
	border-bottom: 2px solid #F28D00;
}
#gnav {
	padding-top: 10px;
	margin-bottom: 10px;
 letter-spacing: -2px;
}
#gnav a {
	color: #F28D00;
	margin: 0 6px;
	font-size: 16px;
	font-weight: bold;
}
#gnav a:hover {
	background-color: #F28D00;
	color: #fff !important;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	background-color: #F28D00;
	color: #fff !important;
}
/*-----------------------
	見出し
-----------------------*/
h3.titleA {
	font-size: 125%;
	line-height: 136%;
	padding: 6px 0 6px 10px;
	border-left: 7px solid #f21400;
	margin-bottom: 18px;
	font-weight: bold;
}
h3.titleB {
	font-size: 125%;
	margin-bottom: 18px;
	padding-bottom: 8px;
	border-bottom: double 3px #ddd;
}
h3.titleB span {
	line-height: 136%;
	padding: 6px 0 6px 10px;
	border-left: 7px solid #f21400;
	font-weight: bold;
}
#title h2 {
	line-height: 80px;
	height: 80px;
	margin: 0 0 40px;
	padding: 0;
	border-bottom: solid 3px #F28D00;
	position: relative;
	margin-top: 10px;
}
#title h2 span {
	color: #000;
	font-size: 25px;
	line-height: 83px;
	height: 83px;
	font-weight: bold;
	display: inline-block;
	border: none;
	outline: none;
	border-bottom: solid 3px #f21400;
	margin: -3px 0 0;
	position: absolute;
}
#title2 h2 {
	line-height: 80px;
	height: 80px;
	margin: 0 0 40px;
	padding: 0;
	border-top: solid 3px #a0d57b;
	position: relative;
	margin-top: 10px;
}
#title2 h2 span {
	color: #000;
	font-size: 25px;
	line-height: 83px;
	height: 83px;
	font-weight: bold;
	display: inline-block;
	border: none;
	outline: none;
	border-top: solid 3px #50a315;
	margin: -3px 0 0;
	position: absolute;
}
#title h2 span.sub {
	position: absolute;
	right: 0;
	bottom: -20px;
	border-bottom: none;
	font-size: 18px;
	color: #f28d00;
	font-weight:normal;
}
h4 {
	color: #F28D00;
	font-size: 18px;
}
/*-----------------------
	ボックス
-----------------------*/
.box {
	background-color: #fcf8e3;
	border-color: #ddd;
	border-width: 1px;
	border-radius: 4px 4px 0 0;
	padding: 25px 15px 15px 15px;
	border-color: #e5e5e5 #eee #eee;
	border-style: solid;
}
.box2 {
	background-color: #f5f5f5;
	border-color: #ddd;
	border-width: 1px;
	border-radius: 4px 4px 0 0;
	padding: 25px 15px 15px 15px;
	border-color: #e5e5e5 #eee #eee;
	border-style: solid;
}
/*-----------------------
	テーブル
-----------------------*/
table th, table td {
	padding-left: 10px;
}
table th {
	background-color: #f5f5f5;
}
table td {
	line-height: 1.8 !important;
}
/*-----------------------
	マージン
-----------------------*/
.mt20 {
	margin-top: 20px;
}
.mt40 {
	margin-top: 40px;
}
/*-----------------------
	ページトップへ戻る
-----------------------*/
.page-top {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 16px;
}
.page-top a {
	display: block;
	width: 40px;
	height: 40px;
	background-color: #F28D00;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	line-height: 45px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
/*ブログ*/
/* blog entry 2column */
#blog_flexwrap {
  display: -webkit-flex;
  display: flex;
  margin: 20px auto 100px;
}
#blog_flexwrap #blog_side {
  width: 300px;
  margin-left: 20px;
}
#blog_flexwrap #blog_main {
  flex: 1;
}
#blog_flexwrap #blog_main section {
  margin-bottom: 25px;
}

/* blog side */
.blog_sttl01 {
  background: #E56F4D;
  color: #fff;
  text-indent: 5px;
  font-size: 17px;
  padding: 5px 0;
  margin-bottom: 10px;
  font-weight: normal;
}
.blog_sttl01:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0ca";
  margin-right: 5px;
}

/* blog main */
.blog_mttl {
  width: calc(100% - 20px);
  background: #f1f1f1;
  color: #E56F4D;
  font-size: 18px;
  overflow: hidden;
  font-weight: bold;
  border-left: 2px solid #E56F4D;
  margin: 0px 0 20px;
  padding: 5px 10px;
  line-height: 1.8;
}

.blog_time {
  padding-top: 0px;
  font-weight: normal;
}
.blog_time:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f017";
  margin-right: 5px;
  font-weight: normal;
}

.blog_box {
  min-height: 500px;
  position: relative;
}
.blog_box img {
  max-width: 100%;
  padding: 15px 0;
}

.pages {
  position: absolute;
  bottom: -50px;
  width: 100%;
  right: 0;
}

.page_next {
  float: left;
  width: 45%;
}

.page_prev {
  float: right;
  text-align: right;
  width: 45%;
}
.page_prev a {
  display: block;
  padding: 5px 10px;
  background: #E56F4D;
}

.page_next a {
  display: block;
  padding: 5px 10px;
  background: #E56F4D;
}

.page_prev a:hover, .page_next a:hover {
  opacity: 0.6;
}

.page_prev a:link, .page_prev a:visited, .page_prev a:hover {
  color: #fff;
}

.page_next a:link, .page_next a:visited, .page_next a:hover {
  color: #fff;
}

/* blog_side_list */
.blog_side_list {
  position: relative;
  margin: 0 0 0px !important;
  padding: 0 !important;
  width: 100% !important;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style-type: none;
}
.blog_side_list .blog_bx {
  /*アニメーション*/
  transition: 0.3s ease-in-out;
  width: calc(100% - 0px) !important;
  font-size: 12px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  position: relative;
  padding: 10px 10px 10px;
}
.blog_side_list .blog_bx a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.blog_side_list .blog_bx .blog_bx_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.blog_side_list .blog_bx .blog_bx_flex div {
  width: calc(100% - 120px);
}
.blog_side_list .blog_bx:hover {
  background: #f2f2f2;
}
.blog_side_list .blog_bx figcaption {
  display: block;
  text-align: center;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
}
.blog_side_list .blog_bx * {
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.blog_side_list .blog_bx p {
  line-height: 1.6em;
  font-size: 13px;
}
.blog_side_list .blog_bx img {
  vertical-align: middle;
  height: 100px;
  width: 100%;
  object-fit: cover;
}
.blog_side_list .blog_bx:hover img {
  opacity: 1 !important;
  transform: scale(1.1);
}
.blog_side_list .blog_bx .ttl {
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  float: left;
  background: #E56F4D;
  padding: 0 15px;
  margin-bottom: 5px;
}
.blog_side_list .blog_bx .ttm {
  float: right;
  padding-top: 0px;
  font-size: 13px;
  font-weight: normal;
}
.blog_side_list .blog_bx .ttm:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f017";
  margin-right: 5px;
  font-weight: normal;
}
.blog_side_list .blog_bx .blog_ttl {
  clear: both;
  font-weight: normal;
}

/* blog_top_list */
.blog_top_list {
  position: relative;
  margin: 0 0 0px !important;
  padding: 0 !important;
  width: 100% !important;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style-type: none;
}
.blog_top_list .blog_bx {
  /*アニメーション*/
  transition: 0.3s ease-in-out;
  width: calc(33.33% - 42px) !important;
  font-size: 12px;
  margin: 10px;
  border: 1px solid #ccc;
  position: relative;
  padding: 10px 10px 10px;
}
.blog_top_list .blog_bx a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.blog_top_list .blog_bx .blog_bx_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.blog_top_list .blog_bx .blog_bx_flex div {
  width: 100%;
}
.blog_top_list .blog_bx:hover {
  background: #f2f2f2;
}
.blog_top_list .blog_bx figcaption {
  display: block;
  text-align: center;
  width: 100%;
  height: 230px;
  overflow: hidden;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  float: none;
  margin-bottom: 15px;
}
.blog_top_list .blog_bx * {
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.blog_top_list .blog_bx p {
  line-height: 1.6em;
  font-size: 13px;
}
.blog_top_list .blog_bx img {
  vertical-align: middle;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.blog_top_list .blog_bx:hover img {
  opacity: 1 !important;
  transform: scale(1.1);
}
.blog_top_list .blog_bx .ttl {
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  float: left;
  background: #E56F4D;
  padding: 0 15px;
  margin-bottom: 5px;
}
.blog_top_list .blog_bx .ttm {
  float: right;
  padding-top: 0px;
  font-size: 13px;
  font-weight: normal;
}
.blog_top_list .blog_bx .ttm:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f017";
  margin-right: 5px;
  font-weight: normal;
}
.blog_top_list .blog_bx .blog_ttl {
  clear: both;
  font-weight: normal;
}
.blog_top_list .blog_bx .blog_text {
  margin-top: 5px;
}

@media screen and (max-width: 768px) {
  .blog_top_list .blog_bx {
    /*アニメーション*/
    width: calc(100% - 22px) !important;
    margin: 0px 0 20px;
  }
  .blog_top_list .blog_bx figcaption {
    height: 300px;
  }
}
@media screen and (max-width: 768px) {
  /* 2column */
  #blog_flexwrap {
    display: -webkit-block;
    display: block;
    width: 95%;
    margin: 20px auto 30px;
  }
  #blog_flexwrap #blog_main {
    background: #fff;
    width: 100%;
    flex: 1;
    margin-bottom: 20px;
  }
  #blog_flexwrap #blog_side {
    width: 100%;
    margin-left: 0px;
  }

  .pages {
    position: static;
    bottom: 0;
    width: 100%;
    margin-top: 30px;
  }

  .page_next {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }

  .page_prev {
    float: none;
    text-align: left;
    width: 100%;
  }
}