@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------------------------------

 pc style setting

---------------------------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  font-family: "Century Gothic", Arial, sans-serif;
  color: #333;
}
/* layout */
#index_top_wrap {
  width: 100%;
  min-width: 1140px;
  background: #f2f2f2;
}
#index_top {
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 0px 0 0;
}
#main_contents_wrap {
  width: 100%;
  /* min-width: 1140px; */
  padding: 50px 0px;
  background: #f1f1f1;
}
#main_contents {
  display: flex;
  max-width: 1100px;
  margin: 0 auto;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #fff;
  padding: 30px;
  box-sizing: border-box;
}
#main_col {
  width: 66%;
}
#main {
  max-width: 680px;
}
#main_col img {
  max-width: 100%;
  height: auto;
}
#side_col {
  width: 300px;
  float: right;
  padding: 50px 0;
}
.page-template-page-noside-php #main_col {
  width: 100%;
  float: none;
}
.page-template-page-noside-short-php #main_col, .page-template-page-co-noside-php #main_col {
  width: 850px;
  float: none;
  margin: 0 auto;
}
/* headline */
.headline1 {
  border-bottom: 1px solid #ddd;
  padding: 0;
  margin: 0 0 25px 0;
  font-size: 18px;
}
.headline1 span {
  border-bottom: 4px solid #ccc;
  padding: 0 0 10px 0;
  margin: 0;
  display: inline-block;
}
/* ----------------------------------------------------------------------
 company info
---------------------------------------------------------------------- */
#company_info {
  margin: 0 0 50px 0;
  padding: 1px 0 0 0;
}
#company_info p {
  margin: 0;
}
#company_info dl {
  border-bottom: 1px solid #ddd;
  margin: 0 0 40px 0;
}
#company_info dt {
  float: left;
  width: 150px;
  display: inline;
  margin: 0 0 0px 0;
  line-height: 200%;
  font-weight: bold;
  font-size: 11px;
  border-top: 1px solid #ddd;
  padding: 12px 10px 10px 0;
}
#company_info dd {
  margin: 0 0 0px 150px;
  line-height: 200%;
  background: #f9f9f9;
  padding: 12px 10px 10px 10px;
  border-top: 1px solid #ddd;
}
#company_map {
  text-align: right;
}
#company_map a {
  color: #333;
}
#company_map iframe {
  width: 100%;
}
#company_map_desc {
  padding: 20px 0 0;
  margin-bottom: -30px;
}
/* ----------------------------------------------------------------------
 index
---------------------------------------------------------------------- */
/* slider */
#slider {
  z-index: 1;
  max-width: 1200px;
  margin: 0px auto;
  height: auto;
  overflow: hidden;
  padding: 50px 0px 2px 0px;
}
#slider div{line-height: 0;}
#slider div img{
}
/*#slider img { width:1140px; height:400px; display:block; }*/
/* top banner */
#index_banner ol {
  margin: 22px 0 22px 0;
  padding: 0;
}
#index_banner ol li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
  margin: 0 22px 0 0;
}
#index_banner ol li.num3 {
  margin: 0;
}
#index_banner img {
  display: block;
}
/* news */
#index_news {
  position: relative;
}
#index_news ol {
  margin: 0 0 40px 0;
  padding: 0;
}
#index_news ol li {
  list-style-type: none;
  margin: 0 0 2px 0;
  padding: 5px;
  background: #f2f2f2;
  font-size: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#index_news ol li .date {
  font-size: 12px;
  margin: 0 10px 0 0;
  line-height: 100%;
  background: #999;
  color: #fff;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  float: left;
  width: 70px;
  text-align: center;
}
#index_news ol li .title {
  float: left;
  width: 690px;
  line-height: 150%;
  padding: 7px 0;
  margin: 0;
}
#index_news ol li .title a {
  display: block;
  text-decoration: none;
}
/* archive link */
.index_archive_link a {
  position: absolute;
  right: 0px;
  top: 5px;
  font-size: 13px;
  text-decoration: none;
}
.index_archive_link a:hover {
  text-decoration: underline;
}
/* index center banner */
#index_center_banner {
  display: block;
  margin: 0 0 40px 0;
}
/* product */
#index_product {
  position: relative;
  margin: 0 0 10px 0;
}
#index_product ol {
  margin: 0 -28px 0 0;
  padding: 0;
}
#index_product ol li {
  list-style-type: none;
  margin: 0 23px 20px 0;
  padding: 0;
  vertical-align: top;
  width: 248px;
  display: inline-block;
}
#index_product ol li .image {
  display: block;
  background: #fff;
}
#index_product ol li .image img {
  display: block;
  width: 248px;
  height: 190px;
  border: 1px solid #ccc;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: ease;
  -o-transition-property: opacity;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#index_product ol li .image:hover img {
  opacity: 0.5;
}
#index_product ol li .category {
  background: #999;
  color: #fff;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  font-size: 14px;
}
#index_product ol li .category a {
  text-decoration: none;
  color: #fff;
}
#index_product ol li .category a:hover {
  text-decoration: underline;
}
#index_product ol li .title {
  font-size: 14px;
  margin: 15px 0 5px;
}
#index_product ol li .title a {
  text-decoration: none;
}
#index_product ol li .desc {
  font-size: 12px;
  margin: 5px 0 10px;
  line-height: 160%;
}
/* blog */
#index_blog {
  position: relative;
  margin: 0 0 40px 0;
}
#index_blog ol {
  margin: 0;
  padding: 0;
}
#index_blog ol li {
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #aaa;
}
#index_blog ol li:last-child {
  border: none;
  margin: 0;
  padding: 0;
}
#index_blog ol li .image {
  float: left;
  margin: 0 15px 0 0;
  background: #fff;
}
#index_blog ol li .image img {
  display: block;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: ease;
  -o-transition-property: opacity;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease;
}
#index_blog ol li .image:hover img {
  opacity: 0.5;
}
#index_blog ol li .date {
  margin: 0;
  font-size: 12px;
  color: #999;
}
#index_blog ol li .title {
  margin: 0;
  font-size: 14px;
}
/* footer banner */
#footer_banner li {}
#footer_banner li.num1 {
  float: left;
}
#footer_banner li.num2 {
  float: right;
}
#footer_banner li.num3 {
  clear: both;
  padding: 30px 0 0 0;
}
#footer_banner li img {
  display: block;
}
/* ----------------------------------------------------------------------
 archive
---------------------------------------------------------------------- */
/* product */
#product_list {
  position: relative;
  margin: 0 0 10px 0;
}
#product_list {
  margin: 0 -28px 0 0;
  padding: 0;
}
#product_list li {
  list-style-type: none;
  margin: 0 23px 20px 0;
  padding: 0;
  vertical-align: top;
  width: 248px;
  display: inline-block;
}
#product_list li .image {
  display: block;
  background: #fff;
}
#product_list li .image img {
  display: block;
  width: 248px;
  height: 190px;
  border: 1px solid #ccc;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: ease;
  -o-transition-property: opacity;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#product_list li .image:hover img {
  opacity: 0.5;
}
#product_list li .title {
  font-size: 14px;
  margin: 0 0 10px 0;
}
#product_list li .title a {
  text-decoration: none;
  display: block;
  padding: 10px;
  background: #999;
  color: #fff;
  height: 40px;
  overflow: hidden;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: background;
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: ease;
  -o-transition-property: background;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease;
}
#product_list li .title a:hover {
  background: #333;
}
/* news */
#news_list {
  position: relative;
}
#news_list {
  margin: 0 0 40px 0;
  padding: 0;
}
#news_list li {
  list-style-type: none;
  margin: 0 0 2px 0;
  padding: 5px;
  background: #f2f2f2;
  font-size: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#news_list li .date {
  margin: 0 10px 0 0;
  font-size: 12px;
  line-height: 100%;
  background: #999;
  color: #fff;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  float: left;
  width: 70px;
  text-align: center;
}
#news_list li .title {
  float: left;
  width: 690px;
  line-height: 150%;
  padding: 7px 0;
  margin: 0;
}
#news_list li .title a {
  display: block;
  text-decoration: none;
}
/* blog */
#post_list {
  margin: 0;
  padding: 0;
}
#post_list li {
  border-bottom: 1px dotted #aaa;
  margin: 0 0 25px 0;
  padding: 0 0 15px 0;
}
#post_list .image {
  float: right;
  background: #fff;
}
#post_list .image img {
  display: block;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: ease;
  -o-transition-property: opacity;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease;
}
#post_list .image:hover img {
  opacity: 0.5
}
#post_list .info {
  float: left;
  width: 510px;
}
#post_list .no_thumbnail .info {
  float: none;
  width: auto;
}
#post_list .post_date {
  font-size: 12px;
  width: 54px;
  height: 54px;
  text-align: center;
  margin: 0 15px 15px 0;
  line-height: 100%;
  float: left;
  background: #bbb;
  position: relative;
}
#post_list .date {
  color: #fff;
  display: block;
  position: absolute;
  top: 10px;
  width: 54px;
}
#post_list .month {
  color: #fff;
  display: block;
  position: absolute;
  bottom: 10px;
  width: 54px;
}
#post_list .title {
  font-size: 16px;
  line-height: 180%;
  margin: 0 0 15px 0;
}
#post_list .title a {
  text-decoration: none;
}
#post_list .title a:hover {
  text-decoration: underline;
}
#post_list .desc {
  clear: both;
}
#post_list ul {
  margin: 0;
}
#post_list li li {
  border: none;
  margin: 0 25px 5px 0;
  padding: 0;
  float: left;
  font-size: 12px;
}
#post_list li.meta_category {
  background: url(img/common/icon_category.png) no-repeat left 3px;
  padding-left: 15px;
}
#post_list li.meta_tag {
  background: url(img/common/icon_tag.png) no-repeat left 3px;
  padding-left: 15px;
}
#post_list li.meta_comment {
  background: url(img/common/icon_comment.png) no-repeat left 3px;
  padding-left: 15px;
}
#post_list li.meta_author {
  background: url(img/common/icon_author.png) no-repeat left 3px;
  padding-left: 15px;
}
/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */
.post {
  margin: 0 0 10px 0;
}
/* title */
#post_title {
  margin: 0 0 25px 0;
}
#post_title h2 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 160%;
}
#post_title .post_date {
  font-size: 12px;
  width: 54px;
  height: 54px;
  text-align: center;
  margin: 0 15px 5px 0;
  line-height: 100%;
  float: left;
  background: #bbb;
  position: relative;
}
#post_title .date {
  color: #fff;
  display: block;
  position: absolute;
  top: 10px;
  width: 54px;
}
#post_title .month {
  color: #fff;
  display: block;
  position: absolute;
  bottom: 10px;
  width: 54px;
}
/* post thumbnail */
.post_image {
  text-align: center;
  margin: 0 0 30px 0;
}
.post_image img {
  margin: 0;
  width: 100%;
  height: auto;
}
/* next page */
#post_pagination {
  margin: 0 0 30px 0;
}
#post_pagination h5 {
  margin: 0 10px 0 0;
  float: left;
  line-height: 30px;
  font-size: 12px;
}
#post_pagination a, #post_pagination p {
  float: left;
  display: inline-block;
  background: #eee;
  margin: 0 5px 0 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  color: #333;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
}
#post_pagination p {
  background: #999;
  color: #fff;
}
#post_pagination a:hover {
  background: #00a2d9;
  color: #fff;
}
/* meta and bookmark */
#post_meta {
  border-top: 1px dotted #aaa;
  margin: 0 0 20px 0;
  padding: 15px 0;
}
#post_meta #meta {
  float: left;
  width: 60%;
  margin: 0;
  font-size: 12px;
}
#post_meta #meta li {
  padding: 0;
  margin: 0 0 6px 0;
  line-height: 160%;
}
#post_meta #meta li.meta_author {
  background: url(img/common/icon_author.png) no-repeat left 5px;
  padding: 0 0 0 18px;
}
#post_meta #meta li.meta_comment {
  background: url(img/common/icon_comment.png) no-repeat left 5px;
  padding: 0 0 0 18px;
}
#post_meta #meta li.meta_category {
  background: url(img/common/icon_category.png) no-repeat 3px 4px;
  padding: 0 0 0 18px;
}
#post_meta #meta li.meta_tag {
  background: url(img/common/icon_tag.png) no-repeat left 5px;
  padding: 0 0 0 18px;
}
#post_meta .bookmark {
  float: right;
  margin: 0;
}
#post_meta .bookmark li {
  float: left;
  margin: 0 0 0 10px;
}
/* related post*/
#related_post {
  margin: 0 0 35px 0;
}
#related_post .headline {
  font-size: 18px;
  margin: 0 0 12px 0;
  line-height: 100%;
}
#related_post ul {
  margin: 0 -10px 0 0;
}
#related_post li {
  display: inline-block;
  margin: 0 5px 10px 0;
  vertical-align: top;
  width: 373px;
  border: 1px solid #ccc;
  padding: 10px;
}
#related_post .image {
  float: left;
  margin: 0 15px 0 0;
  background: #fff;
}
#related_post .image img {
  width: 72px;
  height: 72px;
  display: block;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: ease;
  -o-transition-property: opacity;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease;
}
#related_post .image:hover img {
  opacity: 0.5;
}
#related_post .info {}
#related_post .date {
  margin: 0 0 5px 0;
  line-height: 100%;
  font-size: 12px;
  color: #999;
}
#related_post .title {
  font-size: 14px;
  margin: 0;
}
#related_post .title a {
  text-decoration: none;
  display: block;
}
/* next prev post link */
#previous_next_post {
  margin: 0 0 40px 0;
  padding: 0;
  border-top: 1px solid #ccc;
}
#previous_next_post p {
  margin: 0;
  padding: 0;
}
#previous_next_post a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#previous_post a {
  margin: 0;
  width: 50%;
  float: left;
  border-right: 1px solid #ccc;
  line-height: 140%;
  font-size: 12px;
  background: url(img/common/arrow_left.gif) no-repeat left 20px;
  padding: 25px 30px;
}
#next_post a {
  margin: 0;
  left: -1px;
  position: relative;
  width: 50%;
  float: right;
  text-align: right;
  border-left: 1px solid #ccc;
  line-height: 140%;
  font-size: 12px;
  background: url(img/common/arrow_right.gif) no-repeat right 20px;
  padding: 25px 30px;
}
/* ----------------------------------------------------------------------
 product single page
---------------------------------------------------------------------- */
#product_headline a {
  text-decoration: none;
}
#product_headline a:hover {
  text-decoration: underline;
}
.product_title {
  margin: 0 0 20px 0;
}
/* slider */
#product_image_slider_wrap {
  width: 770px;
  background: #f2f2f2;
  padding: 15px;
  position: relative;
  margin: 0 0 30px 0;
}
#product_image_slider_wrap #loader {
  position: absolute;
  top: 200px;
  left: 350px;
}
#product_image_slider {
  width: 575px;
  height: 380px;
  overflow: hidden;
}
#product_image_slider img {
  width: 575px;
  height: 380px;
}
/* thumbnail */
.nivo-controlNav {
  padding: 0;
  margin: 0;
  position: absolute;
  right: 15px;
  top: 15px;
}
.nivo-controlNav a {
  cursor: pointer;
  margin: 0 0 13px 0;
  display: block;
}
.nivo-controlNav a img {
  display: block;
  opacity: 0.3;
}
.nivo-controlNav a.active img, .nivo-controlNav a:hover img {
  opacity: 1;
}
/* no slider */
#product_image {}
#product_image img {
  display: block;
  border: 15px solid #f2f2f2;
  margin: 0 auto 30px;
}
/* bookmark */
.bookmark {
  margin: 0 0 30px 0;
}
.bookmark li {
  float: left;
  margin: 0 10px 0 0;
}
/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
/* logo */
#logo_text {
  position: absolute;
  left: 0px;
  top: 35px;
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 100%;
  font-weight: normal;
}
#logo_text a {
  text-decoration: none;
  display: block;
}
#logo_text a:hover {
  color: #00a2d9;
}
#description {
  position: absolute;
  left: 0px;
  top: 55px;
  font-weight: normal;
  font-size: 11px;
  color: #aaa;
}
#logo_image {
  position: absolute;
  margin: 0;
  padding: 0;
  line-height: 100%;
}
#logo_image img {
  display: block;
}
/* global menu */
.menu_button {
  display: none;
}
#global_menu {
  margin: 0;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 999;
}
#global_menu ul ul {
  display: none;
  position: absolute;
  top: 63px;
  left: 0px;
  margin: 0;
  padding: 0;
  border-top: 1px solid #ccc;
}
#global_menu ul ul ul {
  left: 100%;
  top: 0;
  margin: 0 0 0 -1px;
}
#global_menu li {
  float: left;
  font-size: 1%;
  position: relative;
}
#global_menu li a {
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  display: block;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  border-bottom: 4px solid #fff;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: background;
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: ease;
  -o-transition-property: background;
  -o-transition-duration: 0.4s;
  -o-transition-timing-function: ease;
}
#global_menu ul li a:hover, #global_menu > ul > li.active_menu > a {
  border-bottom: 4px solid #aaa;
  color: #333;
}
#global_menu ul ul li {
  float: none;
  height: auto;
  line-height: 26px;
  padding: 0;
  margin: 0;
  text-align: left;
}
#global_menu ul ul a {
  font-size: 12px;
  position: relative;
  padding: 10px 20px 8px;
  width: 150px;
  height: auto;
  line-height: 180%;
  margin: 0 0 -1px 0;
  text-align: left;
  border: 1px solid #ccc;
  background: #fff;
}
#global_menu ul ul a:hover {
  border: 1px solid #ccc;
  background: #e2e2e2;
}
/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#return_top {
  z-index: 999;
  position: fixed;
  right: 0px;
  bottom: 25px;
  margin: 0;



  display: block;
  width: 36px;
  height: 100px;
  text-indent: -9999px;
  background: #ccc url(img/footer/return_top.png) no-repeat center;
}
#return_top:hover {}
/* basic setting */
#footer {
  clear: both;
  width: 100%;
  min-width: 1140px;
  background: #f4f4f4;
}
#footer_inner {
  width: 1140px;
  margin: 0 auto;
  position: relative;
  font-size: 11px;
  padding-top: 50px;
}
#footer a {}
#footer a:hover {}
#footer li {
  line-height: 170%;
  margin: 0 0 10px 0;
  padding: 0;
}
/* widget area */
#footer_widget {
  position: relative;
}
.footer_widget {
  margin: 0 41px 40px 0;
  width: 350px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
.footer_widget.right_widget {
  margin-right: 0;
}
.footer_headline {
  font-size: 16px;
  margin: 0 0 15px 0;
  padding: 0 0 8px 0;
}
.footer_widget ul {
  margin: 0;
}
.footer_widget li ul {
  margin: 10px 0 0 0;
}
.footer_widget li {}
.footer_widget img {
  height: auto;
  max-width: 100%;
  width: auto;
}
/* copyright */
#copyright {
  width: 100%;
  min-width: 1140px;
  clear: both;
  color: #fff;
  background: #999;
  margin: 0;
}
#copyright_inner {
  width: 1140px;
  height: 50px;
  margin: 0 auto;
  positiion: relative;
  font-size: 11px;
}
#copyright a {
  text-decoration: none;
  color: #fff;
}
#copyright a:hover {
  text-decoration: underline;
}
/* menu */
#footer_menu {
  margin: 23px 0 0 0;
  float: left;
}
#footer_menu li {
  float: left;
  margin: 0;
  line-height: 100%;
}
#footer_menu li a {
  text-decoration: none;
  border-right: 1px solid #aaa;
  margin: 0 0 0 0;
  padding: 0 10px 0 10px;
}
#footer_menu li:last-child a {
  border: none;
}
/* copyright */
#copyright p {
  margin: 13px 0 0 0;
  float: right;
  font-size: 12px;
}
#header {
  background-color: #fff;
}
#header a{
  transition:0.3s;
}
#header a:hover{
  opacity:0.6;
}

.h_logo img {
  margin: 0;
}
.h_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header_pc {
  display: none;
}
.h1_border {
    padding: 5px 0px;
}
.h_logo {
  margin: 8px auto;
  width: 80%;
  text-align: center;
  font-size: 12px;
}
.h_logo a {
  color: #000;
  text-decoration: none;
  display: block;
  line-height: 0;
}
/*         PC header
	---------------------------------*/
.header_sp {
  display: none;
}
.header_pc {
  display: block;
}
.h_wrapper, .h_wrapper_h1 {
  overflow: hidden;
  margin: 0 auto;
  padding: 2px 0;
  max-width: 1200px;
  max-width: 1240px;
}
.h_wrapper_h1 {
  padding: 0;
}
.h_wrapper_h1 h1 {
  font-size: 10px;
}
.logo-img img {
  margin: 0;
}
#header nav {
  background-color: #3f6bdc;
  
}
ul.h_gnav {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0.5em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-wrap: wrap;
}
.h_gnav li {
  text-align: center;
  width: 20%;
}
.h_gnav li a {
  color: #fff;
  display: block;
  padding: 6px 10px;
  text-decoration: none;
}
.h_gnav li:hover {
  opacity: 0.7;
}
.h_logo {
  margin-bottom: 1em;
  font-size: 15px;
  text-align: left;
}
.h_logo span.header_pc {
  margin-left: 0;
display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    }
.h_logo span.header_pc a {
  color: #3f6bdc;
  text-decoration: underline;
}
.h_logo span.logo_text {
  font-size: 0.8em;
  font-weight: bold;
}
.h_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 75%;
  margin: auto;
}
.receptioninfo {}
.receptioninfo li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.receptioninfo li span:nth-child(1) {
  background: #000;
  color: #fff;
  padding: 10px 5px;
  margin: 5px 8px 5px 0px;
  width: 48px;
  text-align: center;
  font-size: 10px;
}
.receptioninfo li span:nth-child(2) {
  font-size: 14px;
}
.h_right p img {
  display: inline-block;
}
.h_right p {
  margin: 0;
}
.h_info p a i {
    margin: 0px 4px 0px 0px;
}
.h_info p:first-child a {
  background: #FFf;
  color: #3f6bdc;
  text-decoration: none;
  padding: 3px;
  box-sizing: border-box;
  display: block;
  border: 2px solid #3f6bdc;
}
.h_right p:last-child a {
  background: #3f6bdc;
  color: #fff;
  text-decoration: none;
  padding: 5px;
  display: block;
}
.h_right p:first-child.tellink {
  padding: 0px 0px 4px 0px;
}
.h_right p:first-child.tellink a {
  display: block;
  /* width: 130px; */
  background: #3f6bdc;
  color: #fff;
  text-decoration: none;
  font-size: 22px;
}
.h_right p:first-child.tellink a i {
    margin: 0px 7px 0px 0px;
    font-size: 12px;
}
.h_left {
  margin: 0;
  text-align: center;
  width: 260px;
}
.h_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  font-size: 14px;
}
.h_info p {
  width: 50%;
  box-sizing: border-box;
}
#sidebar {
  width: 25%;
}
.side_fixed_menu {
  width: 98%;
  margin: 0;
}
.side_fixed_menu li {
  margin: 0 0 16px;
}
.side_fixed_menu li a {
  padding: 16px 0;
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.side_fixed_menu li:nth-of-type(odd) a:hover {
  background: #fff;
  color: #3f6bdc;
}
.side_fixed_menu li:nth-of-type(even) a:hover {
  background: #fff;
  color: #363636;
}
.side_bnr img {
  width: 100%;
}
.side_fixed_menu {
  margin: 0 auto;
  border: none;
  width: 100%;
}
.side_fixed_menu ul {
  margin: 0;
  padding: 0;
}
.side_fixed_menu a {
  border: none;
}
.side_fixed_menu li {
  margin: 0px 0px 10px 0px;
}
.side_fixed_menu li a {
  color: #fff;
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  text-align: center;
  width: 100%;
  padding: 14px 0;
}
.side_fixed_menu li:nth-of-type(odd) a {
  background-color: #3f6bdc;
  border: 2px solid #3f6bdc;
}
.side_fixed_menu li:nth-of-type(even) a {
  background-color: #363636;
  border: 2px solid #363636;
}
.widget_nav_menu, .connection_menu, .widget_categories {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 1em;
  padding: 0 0.8em;
  width: 100%;
  max-width: 640px;
  border: solid 3px #3f6bdc;
}
.widget_nav_menu li, .connection_menu li, .widget_categories li {
  border-bottom: dotted 1px #3f6bdc;
}
.widget_nav_menu li:last-child, .connection_menu li:last-child, .widget_categories li:last-child {
  border: none;
}
.widget_nav_menu a, .connection_menu a, .widget_categories a {
  display: block;
  padding: 10px 0;
  background-size: 31px 31px;
  text-decoration: none;
  color: inherit;
  transition:0.3s;
}
.widget_nav_menu a:hover, .connection_menu a:hover, .widget_categories a:hover {
  color: #3f6bdc;
  font-weight:bold;
}
.widget_nav_menu a::before, .connection_menu a::before, .widget_categories a::before {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
  display: inline-block;
  margin-right: 0.5em;
  color: #3f6bdc;
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.widget_nav_menu p, .connection_menu p, .widget_categories p, .widget_recent_entries p {
  padding: 8px;
  text-align: center;
  color: #3f6bdc;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #3f6bdc;
}
.h_style02, .post h3:not([class]) {
  margin: 0px auto;
  padding: 18px 8px;
  font-size: 16px;
  color: #fff;
  background: #3f6bdc;
  margin: 0px 0px 30px 0px;
}
.suisen_box {
  overflow: auto;
  height: 300px;
  padding: 1em 0;
  margin: 0.5em;
  -webkit-box-shadow: 0px 0px 10px -1px #777777 inset;
  box-shadow: 0px 0px 10px -1px #777777 inset;
}
.suisen_box::-webkit-scrollbar, .top_infolist_box::-webkit-scrollbar, .top_infolist li:nth-of-type(2) .top_infolist_box::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.suisen_box::-webkit-scrollbar-track, .top_infolist_box::-webkit-scrollbar-track, .top_infolist li:nth-of-type(2) .top_infolist_box::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #f2f2f2;
}
.suisen_box::-webkit-scrollbar-thumb, .top_infolist_box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #3f6bdc;
}
.top_infolist li:nth-of-type(2) .top_infolist_box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #9b7823;
}
.suisen_box_list li {
  margin: 1em 0.5em;
}
.suisen_box_list li::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  margin-top: 1em;
  background: linear-gradient(45deg, #bfa75c 0%, #e5e2c4 50%, #ddc972 100%);
}
.suisen_box_list_ttl {
  margin-bottom: 8px;
}
.suisen_box_list li div.suisen_box_list_conts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
}
.suisen_box_list_conts figure {
  width: 25%;
}
.suisen_box_list_conts div {
  width: 90%;
  margin: 0 0 0 0.5em;
}
.suisen_box_list_conts img {
  margin-left: 0;
}
.suisen_box_list_conts p {
  margin: 0.5em 0.3em 0;
  line-height: 21px;
}
.top_sejutsu_bt {
  margin: 0 4px 16px;
  text-align: center;
}
.top_sejutsu_bt li {
  display: inline-block;
  margin: 0 0 8px;
  padding: 0 2px;
  width: 49%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.top_sejutsu_bt {
  margin: 0 0 24px;
}
.top_sejutsu_bt li {
  margin: 0 0 8px;
  width: 32.5%;
  text-align: center;
}
.top_catch_list {
  width: 90%;
  margin: 0 auto 2em;
}
.top_catch_list li {
  font-size: 17px;
  background-size: 34px;
  background-position: left center;
}
.banner_area {
  margin: 0 0 32px;
}
.catch_list {
  overflow: hidden;
}
.catch_list li:before {
  font-family: "Font Awesome 5 Free";
  content: '\f14a';
  font-weight: 500;
  font-size: 25px;
  position: absolute;
  top: 9px;
  left: 0;
}
.catch_list ul {
  overflow: hidden;
  margin: 4px 0;
}
.catch_list li {
  margin: 0 0 4px;
  padding: 10px 0 8px 34px;
  font-size: 18px;
  border-bottom: 2px dotted #393939;
  position: relative;
}
.catch_list .img_right img {
  width: auto;
  height: auto;
  max-width: 224px;
  max-height: 224px;
}
.box {
  overflow: hidden;
  width: 98%;
  margin: 0 auto;
}
.box dl {
  background: #fff9f7;
  padding: 30px;
  border: 2px solid #ff962f;
  border-radius: 16px;
}
.box dd p {
  margin: 0 auto 1em;
}
.box dt {
  background: #ff962f;
  padding: 8px 24px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.1em;
  border-radius: 100px;
}
.box dd {
  background: #fff;
  padding: 24px;
  margin: 8px auto 24px;
}
.box dl :last-child {
  margin-bottom: 8px;
}
.page_list {
  overflow: hidden;
  background: #fff2d3;
  border-radius: 12px;
  width: 98%;
  margin: 0 auto;
}
.page_list ul {
  padding: 0.3em 0;
  list-style-type: none;
  border: none;
  margin: 24px 24px 12px;
}
.page_list ul li {
  position: relative;
  padding: 8px 8px 8px 32px;
  font-weight: bold;
}
.page_list ul li::after, .page_list ul li::before {
  content: "";
  position: absolute;
}
.page_list ul li::after {
  left: -0.2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-color: #3f6bdc;
  border-radius: 50%;
}
.page_list ul li::before {
  z-index: 2;
  left: 3px;
  top: 50%;
  width: 4px;
  height: 4px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
.top_point_list {
  margin: 0 24px;
}
.top_point_list h3 {
  float: left;
  font-size: 30px;
  line-height: 1.3em;
  margin: 0 0 16px;
}
.top_point_list h3 img {
  max-width: 70px;
  margin: 0 1vw 0 0;
}
.top_point_list .img_right {
  max-width: 240px;
}
.top_point_list .img_right img {
  width: 100%;
  height: auto;
}
.top_point_txt {
  clear: left;
}
.top_point_list {
  margin: 0 8px 16px;
}
.top_point_list li {
  overflow: hidden;
  padding: 24px 0;
  border-bottom: dotted 2px #414141;
}
.top_point_list li:first-child {
  padding: 0 0 24px;
}
.top_point_list h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 23px;
  margin: 0 0 16px;
}
.top_point_list h3 span {
  display: contents;
}
.top_point_list h3 span.red {
  color: #3f6bdc;
}
.top_point_list h3 img {
  max-width: 50px;
  margin: 0 10px 0 0;
}
.top_point_txt {
  clear: left;
}
.voice {
  margin: 0 0 40px;
}
.voice_list li {
  margin: 0 24px 32px;
  padding: 24px;
}
.voice_conts {
  padding: 24px;
}
.voice_conts h3 {
  width: 100%;
  margin-bottom: 1em;
}
.voice_txt {
  clear: right;
  overflow: hidden;
  padding: 0 0 0 16px;
}
.voice_txt p {
  margin: 0 0 1em;
}
.voice_pic {
  float: left;
  width: 150px;
  margin: 0 16px 0 0;
}
.voice_pic img {
  display: inline-block;
  margin: 0 0 8px;
  max-width: 100%;
  height: auto;
}
.voice {
  margin: 0 0 24px;
}
.voice_list li {
  margin: 0 4px 16px;
  padding: 16px;
  background-image: repeating-linear-gradient(130deg, #cccccc, #cccccc 2px, #fff 3px, #fff 6px);
  border: solid 3px #3f6bdc;
}
.voice_conts {
  overflow: hidden;
  padding: 16px;
  background: #fff;
}
.voice_conts h3, .voice_tit {
  margin: 0 0 8px;
  padding: 8px 16px;
  background: #fff;
  border-bottom: solid 1px #3f6bdc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.voice_txt p {
  margin: 0 0 1em;
}
.voice_pic {
  width: 150px;
  margin: 0 auto 16px;
}
.voice_pic p > :first-child {
  display: block;
  margin: 0 auto 8px;
}
.top_flow_list {
  text-align: center;
  counter-reset: flow_count;
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
}
.top_flow_list li {
  display: inline-block;
  width: 47.6%;
  vertical-align: top;
  margin: 0 0 22px;
  /* max-width: 198px; */
  text-align: left;
}
.top_flow_list li figcaption {
  font-weight: bold;
  margin-bottom: 0.4em;
}
.top_flow_list li figcaption::before {
  counter-increment: flow_count;
  content: counter(flow_count);
  display: inline-block;
  margin-right: 0.2em;
  text-align: center;
  color: #fff;
  background-color: #3f6bdc;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.top_flow_list p {
  padding: 10px 0px;
  line-height: normal;
}
.top_flow_list li {
  width: 31%;
  margin: 0;
  box-sizing: border-box;
}
.top_flow_list li figure {
  margin: 0;
}
.top_flow_list li img {
  width: 100%;
  height: auto;
  margin: 0;
}
.conts {
  margin: 0 12px 16px;
}
.conts:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
}
.conts .conts_inner {
  overflow: hidden;
}
.conts p {
  margin-bottom: 8px;
}
.ttl {
  margin: 0 4px 32px;
  text-align: center;
}
.bnr {
  margin: 0 4px 16px;
}
.conts {
  margin: 0 24px 24px;
}
.conts img {
  width: 100%;
  height: auto;
}
.conts:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
}
.ttl {
  margin: 0 0 32px;
}
.bnr {
  margin: 0 0 16px;
  text-align: center;
}
.img_left, .alignleft {
  float: left;
  margin: 0 0.5em 0.5em 0;
}
.img_right, .alignright {
  float: right;
  margin: 0 0 0.5em 0.5em;
}
.contact_uketsuke {
  overflow: hidden;
  margin: 20px 0px 10px 0px;
}
.contact_uketsuke p {
  margin: 0 0 8px;
}
.contact_uketsuke span {
  margin: 0 auto;
  overflow: hidden;
  display: block;
  max-width: 304px;
}
.contact_conts {
  margin: 0 24px 32px;
  padding: 32px;
}
.contact_tel {
  margin:0;
}
.contact_pic {
  float: left;
  margin: 0 1% 1% 0;
  width: 43%;
}
.contact_info {
  float: right;

  width: 54%;
}
.contact_add {
  margin: 0 0 16px;
}
.contact_add dt {
  margin: 16px 0 0;
  font-weight: bold;
}
.contact_map {
  margin: 0 auto;
  width: 100%;
  height: 368px;
}
.copyright {
  background: #3f6bdc;
  color: #fff;
  text-align: center;
  font-size: 12px;
  margin: 0;
}
.copyright small {}
article.first {
  width: 100%;
  height: auto;
  margin-bottom: 60px;
  padding: 0;
}
article.first section {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  background-image: url("../images/h2_bg.png");
  background-position: 0 5px;
  background-repeat: repeat-x;
}
article.first section h2 {
  width: 18%;
  font-size: 24px;
  text-align: center;
  line-height: 1.3em;
  letter-spacing: 0.05em;
  color: #444444;
  margin: 0 auto 25px auto;
  background-color: #ffffff;
}
article.first section h2 span {
  font-family: "arial";
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  line-height: 1.0em;
  letter-spacing: 0.03em;
  color: #000000;
  display: block;
}
article.first section p {
  font-size: 16px;
  text-align: center;
  line-height: 1.8em;
  color: #444444;
}
article.first section ul {
  width: 100%;
  padding: 0;
  background-color: #85be2b;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0;
}
article.first section ul li:first-child {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 40%;
  /* height: 530px; */
  margin: 0;
  padding: 0;
  /* float: left; */
  /* background-image: url("../images/img01_bg.png"); */
  background-position: 0 0;
  background-repeat: no-repeat;
}
article.first section ul li:first-child p {
  font-size: 24px;
  text-align: center;
  line-height: 30px;
  padding: 0px 20px;
  color: #ffffff;
  margin: 0px;
}
li {
  list-style: none;
}
article.first section ul li:last-child {
  width: 60%;
  height: auto;
  margin: 0;
  padding: 0;
  /* float: right; */
  line-height: 0;
}
article.first section ul li:last-child img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
article.second {
  width: 100%;
  height: auto;
  margin-bottom: 60px;
  padding: 0;
}
article.second section {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  background-color: #f8f8f8;
}
article.second section h3 {
  font-size: 22px;
  text-align: center;
  line-height: 1.3em;
  letter-spacing: 0.05em;
  color: #ffffff;
  background-color: #85be2b;
  padding: 13px 0 10px 0;
  position: relative;
}
article.second section h3::after {
  content: url(../images/h3_after.png);
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
}
article.second section ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 40px 0 15px 0;
}
article.second section ul li {
  width: 50%;
  height: auto;
  margin: 0 auto 15px auto;
  padding-left: 35px;
  background-image: url("../images/icon01.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
article.second section ul li p {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  line-height: 1.3em;
  letter-spacing: 0.10em;
  color: #444444;
}
article.third {
  width: 100%;
  height: auto;
  margin-bottom: 60px;
  padding: 0;
}
article.third section {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
}
article.third section h4 {
  font-size: 20px;
  text-align: left;
  line-height: 1.3em;
  letter-spacing: 0.05em;
  color: #444444;
  padding-left: 10px;
  border-left: 4px solid #444444;
}
article.third section p {
  font-size: 14px;
  text-align: left;
  line-height: 1.3em;
  color: #666666;
  margin: 10px 0 20px 0;
}
article.third section ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
article.third section ul li:first-child {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding: 10px 0 7px 0;
  background-color: #333333;
}
article.third section ul li:first-child p {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3em;
  letter-spacing: 0.10em;
  color: #ffffff;
  margin: 0;
}
article.third section ul li:last-child {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
article.third section ul li:last-child p {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3em;
  letter-spacing: 0.30em;
  color: #dc143c;
  margin: 0;
}
article.fourth {
  width: 100%;
  height: auto;
  margin-bottom: 60px;
  padding: 0;
}
article.fourth section {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
}
article.fourth section h4 {
  font-size: 20px;
  text-align: left;
  line-height: 1.3em;
  letter-spacing: 0.05em;
  color: #444444;
  padding-left: 10px;
  border-left: 4px solid #444444;
}
article.fourth section p {
  font-size: 14px;
  text-align: left;
  line-height: 1.3em;
  color: #666666;
  margin: 10px 0 40px 0;
}
article.fourth section .inner {
  width: 100%;
  height: auto;
  margin: 0 auto 20px auto;
  padding: 20px;
  background-color: #f8f8f8;
  display: table;
}
article.fourth section .inner img {
  width: 31.39534883%;
  height: auto;
  margin: 0;
  padding: 0;
  float: right;
}
article.fourth section .inner ul {
  width: 66.27906976%;
  height: auto;
  margin: 0;
  padding: 0;
  float: left;
}
article.fourth section .inner ul li {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  /* -webkit-justify-content: center; */
  /* justify-content: center; */
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
article.fourth section .inner ul li:first-child {
  margin-bottom: 20px;
  padding-left: 0;
}
article.fourth section .inner ul li.first {}
article.fourth section .inner ul li.second {
  background-image: url("../images/flow_icon02.png");
}
article.fourth section .inner ul li.third {
  background-image: url("../images/flow_icon03.png");
}
article.fourth section .inner ul li span {
  font-size: 15px;
  text-align: left;
  line-height: 1.3em;
  color: #fff;
  padding: 11px 11px;
  background: #3f6bdc;
  display: block;
  border-radius: 30px;
  margin: 0px 18px 0px 0px;
}
article.fourth section .inner ul li:first-child strong {
  font-size: 18px;
  text-align: left;
  line-height: 1.3em;
  color: #444444;
  padding: 11px 0;
  display: block;
}
article.fourth section .inner ul li:last-child p {
  font-size: 15px;
  text-align: left;
  line-height: 1.6em;
  color: #444444;
  width: 100%;
}
.ca-contact {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  width: 100%;
  background: #3f6bdc;
  padding: 0px 20px 20px 20px;
  box-sizing: border-box;
}
.ca-contact-title {
  margin: 0 0 8px;
  width: 100%;
  color: #fff;
}
.ca-contact-tel {
  /* border: 1px solid #ccc; */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  width: 50%;
  /* background: #fff; */
  box-sizing: border-box;
  padding: 5px;
}
.ca-contact-tel a {
  background: linear-gradient(90deg, #00bdb6, #62a0ed);
  color: #fff;
  font-size: 18px;
  width: 100%;
  padding: 20px;
  display: block;
  box-sizing: border-box;
}
.ca-contact-tel i {
  fill: #749695;
  margin: 0 .5em 0 0;
}
.ca-contact-mail {
  width: 50%;
  padding: 5px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ca-contact-mail a {
  background: linear-gradient(90deg, #00bdb6, #62a0ed);
  color: #fff;
  font-size: 18px;
  width: 100%;
  padding: 20px;
  display: block;
  box-sizing: border-box;
}
.ca-contact-mail a i {
  /* display: block; */
  margin: 0;
  color: #fff;
}

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
}

#contact-form {
  display:none !important;
}
.footer-fixed-nav--sp { 
        display: none !important;
}