/*
Theme Name: Hestia Child
Theme URI: https://themeisle.com/themes/hestia/
Template: hestia
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Hestia is a modern WordPress theme for professionals. It fits creative business, small businesses (restaurants, wedding planners, sport/medical shops), startups, corporate businesses, online agencies and firms, portfolios, ecommerce (WooCommerce), and freelancers. It has a multipurpose one-page design, widgetized footer, blog/news page and a clean look, is compatible with: Flat Parallax Slider, Photo Gallery, Travel Map and Elementor Page Builder . The theme is responsive, WPML, Retina ready, SEO friendly, and uses Material Kit for design.
Tags: blog,custom-logo,portfolio,e-commerce,rtl-language-support,post-formats,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,editor-style,footer-widgets,left-sidebar,right-sidebar,wide-blocks
Version: 3.0.8.1608526028
Updated: 2020-12-21 13:47:08

*/
body {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans",
    "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 16px;
}
.navbar.hestia_left .title-logo-wrapper {
  min-width: auto;
}
.navbar .title-logo-wrapper {
  min-width: auto !important;
}
.navbar .title-logo-wrapper {
  max-width: 400px;
}
#homehero {
  padding: 0 0 70px;
}
.homeheroarea {
}
.pt-5 {
  padding-top: 5px;
}
.pt-10 {
  padding-top: 10px;
}
.pb-5 {
  padding-bottom: 5px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pt-30 {
  padding-top: 30px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pl-20 {
  padding-left: 20px;
}
.pl-60 {
  padding-left: 60px;
}
/**
**/

.support h2 {
  font-size: 50px;
  color: white;
}
.support ul {
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 40px 0;
  padding-right: 40px;
}
.support ul li {
  position: relative;
  width: 100%;
  margin: 0 0 4% 0;
  background: #ffffff;
}
.support ul li dl dt {
  padding: 4% 4% 4% 4%;
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  background: #f5cd1e none;
}
.support ul li dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 16px 16px 16px;
  font-size: 16px;
  font-size: 1.6rem;
}
.support ul li dl dd {
  padding: 30px 30px 30px 30px;
}
.support ul li {
  width: calc(calc(100% / 3) - 16px);
  margin: 0;
}
.support ol,
ul {
  list-style: none;
}
.hikaku table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  font-size: large;
}
.hikaku table {
  border-collapse: collapse;
}
.hikaku table thead tr th {
  color: white;
  font-weight: 900;
}

.hikaku table thead tr th div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-height: 80px;
  padding: 4% 0 4% 0;
  border-radius: 10px 10px 0 0;
  text-align: center;
  background: #159e82 none;
}
.hikaku table tbody tr td div {
  padding: 2%;
  border-bottom: 1px solid #dddddd;
  border-width: 0 3px 1px 3px;
  border-style: solid;
  border-color: #159e82 #159e82 #d9d9d9 #159e82;
  font-weight: 700;
  text-align: center;
  background: #ffffff none;
}
.hikaku table tbody tr td:nth-child(3) div {
  border-color: #d9d9d9;
}
.hikaku table tr th,
.hikaku table tr td {
  padding: 0;
  margin: 0;
  padding-left: 20px;
}
.hikaku table thead tr th:first-child {
  width: 20%;
  max-width: 200px;
}
.table_basic03 table tbody tr:last-of-type td div {
  border-width: 0 3px 3px 3px;
  border-style: solid;
  border-color: #159e82;
}
.hikaku table tbody tr:last-of-type td:nth-child(3) div {
  border-color: #d9d9d9;
}
.hikaku .maru {
  font-size: xx-large;
  color: #b63b3a;
}
.hikaku .batsu {
  font-size: xx-large;
  color: #1f1f1f;
}
.hikaku .sankaku {
  font-size: xx-large;
  color: #1f1f1f;
}
.hikaku table tbody tr th div {
  text-align: right;
  background: none;
}
.feature h2 {
  font-size: 50px;
  color: white;
  background-color: #159e82;
  padding-left: 20px;
}
.feature {
  font-weight: 700;
}
.feature strong {
  color: #b63b3a;
}
.feature1 h2 {
  font-size: 35px;
  color: white;
  background-color: #159e82;
  padding-left: 20px;
}
.performance h2 {
  font-size: 50px;
  color: white;
  background-color: #159e82;
  padding-left: 20px;
}
.performance {
  font-weight: 700;
  font-size: 30px;
}
.check h2 {
  font-size: 50px;
  color: white;
  background-color: #159e82;
  padding-left: 20px;
}
.check {
  font-weight: 700;
  font-size: 30px;
}
.check ul {
  padding-left: 0;
}
.check .fa-check-square {
  color: #29b283;
  font-size: xx-large;
  padding-right: 0.5em;
}
.check strong {
  color: #b63b3a;
}
.flow {
  font-weight: 700;
}
.flow h2 {
  font-size: 50px;
  color: white;
  background-color: #159e82;
  padding-left: 20px;
}
.flow img.h100 {
  height: 100px;
}
.customer {
  font-weight: 700;
}
.customer h2 {
  font-size: 50px;
  color: white;
  background-color: #159e82;
  padding-left: 20px;
}
.faq {
  font-weight: 700;
}
.faq h2 {
  font-size: 50px;
  color: white;
  background-color: #159e82;
  padding-left: 20px;
}

.faq dl dt {
  position: relative;
  padding: 4% 16px 4% 3em;
  font-size: 4.16667vw;
  font-weight: 700;
  line-height: 1.5;
  cursor: pointer;
}
.faq dl dt {
  padding: 20px 20px 20px 4.5em;
  padding-left: 20px;
  font-size: 20px;
  font-size: 2rem;
  background-color: #29b283;
  color: white;
}
.faq dl dd {
  position: relative;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #cccccc;
  font-size: 4.16667vw;
}
.faq dl dd {
  margin: 20px 0 0 0;
  padding: 20px 20px 0 5.5em;
  padding-left: 20px;
  font-size: 16px;
  font-size: 1.6rem;
}
.faq dl {
  margin: 0 0 40px 0;
  padding: 20px 20px 20px 20px;
}

.contact {
  font-weight: 700;
}
.contact h2 {
  font-size: 50px;
  color: white;
  background-color: #159e82;
  padding-left: 20px;
}
.contact input.wpcf7-form-control.wpcf7-submit.submitbt {
  width: 60% !important;
  font-size: xx-large !important;
}
.contact textarea.wpcf7-form-control.wpcf7-textarea.form-control {
  border: solid 1px;
}
.corporation h2 {
  font-size: 50px;
  color: white;
  background-color: #159e82;
  padding-left: 20px;
}
.corporation strong {
  font-weight: 700;
}

#shindan dl {
  margin-top: 0;
  margin-bottom: 20px;
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 1em;
}

#shindan dl dt {
  display: inline-block;
  width: 25%;
}

#shindan dl dd {
  display: inline-block;
  width: 65%;
}

#shindan
  form.wpcf7-form.init.form-group
  p
  input.wpcf7-form-control.wpcf7-submit {
  display: block;
  margin: 0 auto;
}

#shindan select.wpcf7-form-control.wpcf7-select {
  width: 80%;
}

#shindan select.wpcf7-form-control.wpcf7-select::after {
  content: "";
  border: none;
  border-bottom: 3px solid #040f40;
  border-right: 3px solid #040f40;
  display: block;
  height: 10px;
  margin: auto;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  transform: rotate(45deg);
  width: 10px;
}

#shindan .alert {
  color: red;
}

#shindan .catch {
  font-size: 50px;
  line-height: 1.3em;
}

#shindan .catch strong {
  color: #b63b3a;
}
#shindan dl {
  border: solid 2px #bbb;
  padding: 10px;
  border-radius: 10px;
}

#shindan dl dt {
  display: inline-block;
  width: 25%;
}

#shindan dl dd {
  display: inline-block;
  width: 65%;
}

#shindan
  form.wpcf7-form.init.form-group
  p
  input.wpcf7-form-control.wpcf7-submit {
  display: block;
  margin: 0 auto;
}

#shindan h2,
#shindan h3 {
  font-size: 50px;
  color: red;
}

#shindan select.wpcf7-form-control.wpcf7-select::after {
  content: "";
  border: none;
  border-bottom: 3px solid #040f40;
  border-right: 3px solid #040f40;
  display: block;
  height: 10px;
  margin: auto;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  transform: rotate(45deg);
  width: 10px;
}

@media screen and (max-width: 768px) {
  #top img.character {
    width: 60%;
  }
  .support h2 {
    font-size: 30px;
    color: white;
  }
  .support ul li {
    width: 100%;
    margin: 0;
  }
  .hikaku table {
    font-size: 14px;
  }
  .hikaku table tbody tr th div {
    text-align: left;
    word-wrap: break-word;
  }
  .hikaku table tbody tr td {
    font-size: 12px;
  }
  .hikaku .annotation {
    font-size: xx-small;
  }
  .feature h2 {
    font-size: 30px;
    color: white;
  }
  .feature1 h2 {
    font-size: 30px;
    color: white;
  }
  .performance h2 {
    font-size: 30px;
  }
  .performance {
    font-size: 20px;
  }
  .check h2 {
    font-size: 30px;
  }
  .check {
    font-size: 20px;
  }

  .hikaku img {
    width: 60%;
  }
  .faq h2,
  .contact h2,
  .corporation h2 {
    font-size: 30px;
    color: white;
  }

  .flow img.subtitle {
    width: 60%;
  }
  .flow .smtxt {
    width: 90%;
    display: block;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: normal;
  }
  .flow .box {
    box-sizing: border-box;
    height: 350px;
  }
  .moushikomi-bt img {
    width: 80% !important;
  }
}