@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

@keyframes flash {
  0% {
    opacity: 1;
  }

  10% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }

  10% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

* {
  box-sizing: border-box;
}

html {
  width: 100%;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%;
}

body {
  background: #fff;
  font-size: 15px;
  line-height: 1.6;
  color: #555555;
  text-align: justify;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}

/*マウスオン フェード*/
a {
  text-decoration: none;
  vertical-align: top;
  color: #555555;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

.red {
  color: #e60000;
}

.w980 {
  margin: 0 auto;
  padding: 0 20px;
}

@media (min-width: 768px) {
  .w980 {
    width: 760px;
  }
}
@media (min-width: 980px) {
  .w980 {
    width: 980px;
    padding: 0;
  }
}
.tbl dt, .tbl dd {
  padding: 0.5em 1em;
  vertical-align: middle;
}
.tbl dt {
  font-weight: bold;
  background: #dceff5;
  border-bottom: 1px solid #fff;
}
.tbl dd {
  padding: 0.5em 1em 1.5em;
}

@media only screen and (min-width: 768px) {
  .tbl {
    display: table;
    width: 100%;
    border-top: 1px solid #ccc;
  }
  .tbl dl {
    display: table-row;
  }
  .tbl dt {
    display: table-cell;
    width: 10em;
    border-bottom: 1px solid #fff;
  }
  .tbl dd {
    display: table-cell;
    padding: 0.5em 1em;
    border-bottom: 1px solid #efefef;
  }
}
header {
  padding: 10px 0 0;
}

.discription {
  font-size: 11px;
}

.siteName-wrap {
  float: left;
}

.siteName {
  display: block;
  background: url(/cp/wp-content/themes/hcm/img/common/logo.png) no-repeat;
  background-size: 100%;
  width: 300px;
  height: 41px;
  margin: 5px 0 0;
}

.hd-tel {
  float: right;
}
.hd-tel img {
  float: left;
  margin-left: 15px;
}
.hd-tel a {
  display: none;
}

.btn-sp {
  display: none;
}

.global {
  border-top: 1px solid #ccc;
  margin-top: 10px;
  text-align: center;
  background: url(/cp/wp-content/themes/hcm/img/common/bg-global.gif) repeat-x bottom;
}
.global .dropmenu {
  max-width: 980px;
  margin: 0 auto;
  border-right: 1px solid #ccc;
}
.global .dropmenu li {
  border-left: 1px solid #ccc;
  float: left;
  position: relative;
}
.global .dropmenu li a {
  color: #555555;
  font-weight: bold;
  font-size: 13px;
  font-size: 1.3rem;
  display: block;
  border-bottom: 5px solid #134b8d;
  padding: 5px 0;
}
.global .dropmenu li a:hover {
  border-bottom: 5px solid #51b1cd;
}
.global .dropmenu li a img {
  display: block;
  margin: 5px auto;
  height: 45px;
}
.global .dropmenu li ul {
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
}
.global .dropmenu li ul li {
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: .2s;
  border-left: none;
}
.global .dropmenu li ul li a {
  padding: 10px 8px;
  border-bottom: 1px solid #134b8d;
  background: #fff;
  text-align: left;
}
.global .dropmenu li ul li a:hover {
  border-bottom: 1px solid #134b8d;
  background: #51b1cd;
  color: #fff;
}
.global .dropmenu li:hover ul li {
  overflow: visible;
  height: 41px;
}

.global li {
  width: 90px;
}
.global li:nth-child(-n+4) {
  width: 177px;
}
.global li:nth-child(1) img {
  width: 45px;
}
.global li:nth-child(2) img {
  width: 35px;
}
.global li:nth-child(3) img {
  width: 55px;
}
.global li:nth-child(4) img {
  width: 40px;
}
.global li:nth-child(5) img {
  width: 50px;
}
.global li:nth-child(6) img {
  width: 50px;
}
.global li:nth-child(7) img {
  width: 50px;
}

/* Retina Display */
@media only screen and (-webkit-min-device-pixel-ratio: 2), screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .siteName {
    background-image: url(/cp/wp-content/themes/hcm/img/common/logo@2x.png);
  }
}
@media only screen and (max-width: 979px) {
  .discription {
    display: none;
  }

  header {
    padding: 0;
    border-bottom: 1px solid #ccc;
  }
  header .w980 {
    display: table;
    width: 100%;
    height: 50px;
    padding: 0 0 0 15px;
  }

  .siteName-wrap {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }

  .siteName {
    width: 186px;
    height: 26px;
  }

  .hd-tel {
    display: table-cell;
    width: 50px;
    float: none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  .hd-tel img {
    display: none;
  }
  .hd-tel a {
    display: block;
    text-align: center;
  }
  .hd-tel a img {
    display: block;
    margin: 0;
  }

  .btn-sp {
    display: table-cell;
    width: 50px;
    text-align: center;
  }

  .global {
    display: none;
  }
}
footer {
  margin-top: 30px;
  padding: 25px 0 0;
  background-color: #f8f8f8;
  background-image: url(/cp/wp-content/themes/hcm/img/common/bg-footer.jpg);
  background-repeat: no-repeat;
  background-position: center bottom  240px;
  background-size: 100%;
}
footer .w980.clearfix {
  padding: 0 5% 30%;
}
footer .ft-about {
  display: none;
  float: left;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
}
footer .ft-about address {
  margin: 10px 0 0;
}
footer .ft-about a {
  background: #89a5c6;
  padding: 10px 0;
  margin-top: 10px;
  display: block;
}
footer .ft-about a:hover {
  background: #134b8d;
}
footer .ft-sitemap li {
  padding-left: 20px;
  margin-bottom: 8px;
  background: url(/cp/wp-content/themes/hcm/img/common/ico-ftArrow-white.gif) no-repeat left center;
  font-size: 14px;
  font-size: 1.4rem;
}
footer .ft-sitemap li a:hover {
  color: #134b8d;
  text-decoration: underline;
}
footer .ft-sitemap li.nav-rescue {
  background: url(/cp/wp-content/themes/hcm/img/common/ico-ftArrow-yellow.gif) no-repeat left center;
}
footer .ft-sitemap li.nav-rescue a:hover {
  color: #ffb31f;
}
footer .ft-sitemap li.nav-estimate {
  background: url(/cp/wp-content/themes/hcm/img/common/ico-ftArrow-green.gif) no-repeat left center;
}
footer .ft-sitemap li.nav-estimate a:hover {
  color: #66cc66;
}
footer .ft-sitemap li.nav-inq {
  background: url(/cp/wp-content/themes/hcm/img/common/ico-ftArrow-red.gif) no-repeat left center;
}
footer .ft-sitemap li.nav-inq a:hover {
  color: #e60000;
}
footer .ft-sitemap .ft-globalList li {
  font-weight: bold;
  background: url(/cp/wp-content/themes/hcm/img/common/ico-ftArrow-blue.gif) no-repeat left center;
}
footer .ft-sitemap .ft-globalList li a:hover {
  color: #51b1cd;
}

.ft-sub {
  background: #134b8d;
}
.ft-sub ul {
  text-align: center;
}
.ft-sub li {
  padding: 10px 2em;
  border-top: 1px solid #fff;
}
.ft-sub li:nth-child(1) {
  border-top: none;
}
.ft-sub a {
  color: #fff;
}
.ft-sub a:hover {
  text-decoration: underline;
}

.copyright {
  background: #fff;
  padding: 10px 0;
  font-size: 9px;
  font-size: 0.9rem;
}
.copyright strong, .copyright small {
  text-align: center;
  display: block;
}
.copyright a {
  color: #555555;
}
.copyright a:hover {
  color: #134b8d;
  text-decoration: underline;
}

@media only screen and (min-width: 768px) {
  footer {
    padding: 50px 0 0;
    margin-top: 80px;
    background-position: center bottom 70px;
  }
  footer .ft-sitemap ul {
    float: left;
    margin-left: 50px;
  }

  .home footer {
    margin-top: 30px;
  }

  .ft-sub {
    padding: 10px 0;
  }
  .ft-sub li {
    display: inline-block;
    padding: 0 2em;
    border-top: none;
    border-right: 1px solid #fff;
  }
  .ft-sub li:nth-child(1) {
    border-left: 1px solid #fff;
  }
}
@media only screen and (min-width: 992px) {
  footer .w980.clearfix {
    padding: 0 0 30%;
  }
  footer .ft-about {
    display: block;
  }
  footer .ft-sitemap ul {
    margin-left: 80px;
  }

  .copyright {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .copyright strong {
    float: left;
  }
  .copyright small {
    float: right;
  }
}
.wideslider {
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
  float: left;
  display: inline;
  overflow: hidden;
}
.wideslider ul a,
.wideslider ul li a {
  display: block;
}
.wideslider ul a:hover,
.wideslider ul li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.wideslider ul li img {
  width: 100%;
  display: none;
}

.wideslider_base {
  top: 0;
  position: absolute;
}

.wideslider_wrap {
  top: 0;
  position: absolute;
  overflow: hidden;
}

.slider_prev,
.slider_next {
  top: 0;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  cursor: pointer;
}

.slider_prev {
  background: white url(../img/prev.jpg) no-repeat right center;
}

.slider_next {
  background: white url(../img/next.jpg) no-repeat left center;
}

.pagination {
  display: none;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 15px;
  text-align: center;
  position: absolute;
  z-index: 200;
}
.pagination a {
  margin: 0 5px;
  width: 15px;
  height: 15px;
  display: inline-block;
  overflow: hidden;
  background: #333;
}
.pagination a.active {
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1!important;
  opacity: 1!important;
}

.wideslider ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}

.wideslider ul {
  display: inline-block;
  overflow: hidden;
}

.tit-TopMain {
  line-height: 1.2;
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  font-weight: bold;
}
.tit-TopMain span {
  font-size: 18px;
  font-size: 1.8rem;
  color: #134b8d;
  display: block;
  font-family: "Open Sans", sans-serif;
}

.pick {
  background: url(/cp/wp-content/themes/hcm/img/common/bg-dotted.gif) repeat;
  padding: 30px 0;
}
.pick li {
  margin-top: 15px;
}
.pick a {
  display: block;
}
.pick a:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}

@media only screen and (min-width: 768px) {
  .pick {
    padding: 50px 0;
  }
  .pick li {
    float: left;
    width: 48.5%;
    margin-top: 25px;
  }
  .pick li:nth-child(odd) {
    margin-right: 3%;
  }
}
.picture {
  position: relative;
  height: 100px;
  overflow: hidden;
  background-image: url(/cp/wp-content/themes/hcm/img/top/img-parallax.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 700px;
}

@media only screen and (min-width: 980px) {
  .picture {
    height: 250px;
    background-size: cover;
  }
}
.businessLine {
  padding: 50px 0;
}

.owl-business {
  margin-top: 30px;
}

.item {
  padding: 0 10px;
}
.item h3 {
  color: #134b8d;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 5px;
}

.owl-pagination {
  text-align: center;
  margin-top: 10px;
}

.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #51b1cd;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
}

.estiwrap {
  background: #f8f8f8;
  padding: 30px 0;
}

.ban-estimate {
  display: block;
  border-top: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
  border-bottom: 4px solid #66cc66;
  border-left: 30px solid #66cc66;
  background: white url(/cp/wp-content/themes/hcm/img/common/bg-txtContact.gif) no-repeat;
  position: relative;
}
.ban-estimate div {
  padding: 0.5em 1em;
}
.ban-estimate div strong, .ban-estimate div h3 {
  color: #66cc66;
  font-weight: bold;
  line-height: 1.3;
}
.ban-estimate div strong {
  display: none;
  font-size: 18px;
  font-size: 1.8rem;
}
.ban-estimate div h3 {
  font-size: 20px;
  font-size: 2.0rem;
}
.ban-estimate div h3 span {
  color: #ffb31f;
  display: block;
}
.ban-estimate img {
  display: none;
}
.ban-estimate::after {
  content: ">";
  position: absolute;
  left: -18px;
  top: 50%;
  margin-top: -12px;
  color: #fff;
}

@media only screen and (min-width: 980px) {
  .ban-estimate {
    height: 120px;
  }
  .ban-estimate div {
    float: left;
    padding: 25px 0 0 40px;
  }
  .ban-estimate div strong {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .ban-estimate div h3 {
    font-size: 30px;
    font-size: 3.0rem;
    margin-left: -0.5em;
  }
  .ban-estimate div h3 span {
    display: inline;
  }
  .ban-estimate img {
    float: right;
    display: block;
  }
  .ban-estimate:hover {
    border-top: 4px solid #ffb31f;
    border-right: 4px solid #ffb31f;
    border-bottom: 4px solid #ffb31f;
    border-left: 30px solid #ffb31f;
  }
}
.info {
  padding: 30px 5% 0;
}
.info h2 {
  color: #134b8d;
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  text-align: center;
}
.info h2 span {
  color: #555555;
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
}
.info ul {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.info ul li {
  border-top: 1px dashed #ccc;
  padding: 10px 0;
}
.info ul li:nth-child(1) {
  border-top: none;
}
.info ul li time, .info ul li span {
  margin-right: 10px;
}
.info .news-category {
  text-align: center;
  width: 7em;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
}
.info a {
  display: block;
  color: #555555;
  text-decoration: underline;
}

.cat-news {
  background: #134b8d;
}

.cat-event {
  background: #ff9900;
}

.cat-campaign {
  background: #e60000;
}

.cat-diary {
  background: #66cc66;
}

.btn-allInfo {
  margin-top: 15px;
  text-align: center;
}
.btn-allInfo img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

@media only screen and (min-width: 980px) {
  .info {
    padding: 50px 0;
    position: relative;
  }
  .info h2 {
    font-size: 32px;
    font-size: 3.2rem;
    text-align: left;
  }
  .info h2 span {
    font-size: 16px;
    font-size: 1.6rem;
    margin-left: 10px;
    display: inline;
  }
  .info ul li {
    padding: 15px 20px;
  }
  .info a {
    display: inline;
  }
  .info a:hover {
    color: #134b8d;
    text-decoration: none;
  }

  .btn-allInfo {
    position: absolute;
    right: 0;
    top: 70px;
    margin-top: 0;
  }
  .btn-allInfo img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }
}
.coupon {
  text-align: center;
  margin: 20px 0;
}

@media only screen and (min-width: 768px) {
  .contents {
    width: 76.5%;
    float: left;
  }

  .coupon {
    margin: 30px 0;
  }
}
.tit-Main {
  color: #134b8d;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.3;
  margin-bottom: 10px;
}

.tit-border-top {
  color: #134b8d;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.3;
  position: relative;
  padding-top: .5em;
  border-top: 4px solid #ccc;
  margin-bottom: 15px;
}
.tit-border-top:after {
  position: absolute;
  top: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #134b8d;
}

.tit-border {
  color: #134b8d;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.3;
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;
  margin-bottom: 15px;
}
.tit-border:after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #134b8d;
}

.tit-Marker {
  font-weight: bold;
  font-size: 20px;
  color: #134b8d;
}
.tit-Marker span {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, transparent), color-stop(50%, #ffff00));
  background-image: -webkit-linear-gradient(transparent 50%, #ffff00 50%);
  background-image: -moz-linear-gradient(transparent 50%, #ffff00 50%);
  background-image: -o-linear-gradient(transparent 50%, #ffff00 50%);
  background-image: linear-gradient(transparent 50%, #ffff00 50%);
}

.tit-Fukidashi {
  position: relative;
  padding: .5em .75em;
  background: #a8d8e6;
  color: #134b8d;
  font-weight: bold;
  font-size: 20px;
}
.tit-Fukidashi:after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid  #a8d8e6;
}

.box-Def {
  margin-top: 30px;
}
.box-Def .imgFig {
  border: 5px solid #fff;
  -webkit-box-shadow: 3px 3px 0 #dddddd;
  -moz-box-shadow: 3px 3px 0 #dddddd;
  -ms-box-shadow: 3px 3px 0 #dddddd;
  -o-box-shadow: 3px 3px 0 #dddddd;
  box-shadow: 3px 3px 0 #dddddd;
  margin: 15px auto 0;
}
.box-Def h2 {
  border: 1px solid #51b1cd;
  background: #dceff5;
  color: #51b1cd;
  font-weight: bold;
  font-size: 24px;
  padding-left: 1em;
  margin-bottom: 20px;
}
.box-Def p {
  margin-top: 10px;
}
.box-Def section:not(:first-child) {
  margin-top: 20px;
}

.img-Intro {
  border: 5px solid #fff;
  -webkit-box-shadow: 3px 3px 0 #dddddd;
  -moz-box-shadow: 3px 3px 0 #dddddd;
  -ms-box-shadow: 3px 3px 0 #dddddd;
  -o-box-shadow: 3px 3px 0 #dddddd;
  box-shadow: 3px 3px 0 #dddddd;
}

@media only screen and (min-width: 768px) {
  .box-Def {
    margin-top: 50px;
  }
  .box-Def .left {
    float: left;
    width: 55%;
  }
  .box-Def .imgFig {
    float: right;
    width: 43%;
    margin: 0;
  }
}
.trip-area {
  margin-top: 60px;
}
.trip-area p {
  margin-top: 10px;
  font-weight: bold;
}

.tbl-price-wrap {
  margin-top: 60px;
}

.tbl-price {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  width: 100%;
}
.tbl-price th, .tbl-price td {
  padding: 1em;
  border-top: 1px solid #999;
}

.cel-item {
  background: #ddd;
  font-weight: bold;
  width: 60%;
}

.cel-price {
  text-align: right;
  width: 40%;
  color: #e60000;
  text-decoration: underline;
  font-weight: bold;
  font-size: 18px;
}

@media only screen and (min-width: 768px) {
  .cel-price {
    font-size: 20px;
  }
}
.def-contact-wrap {
  background: url(/cp/wp-content/themes/hcm/img/common/bg-stripe.gif) repeat;
  padding: 10px;
  margin-top: 40px;
}
.def-contact-wrap section {
  background: #fff;
  padding: 15px;
}
.def-contact-wrap h4 {
  font-size: 18px;
  font-weight: bold;
  color: #134b8d;
  border-bottom: 1px solid #666;
  margin-bottom: 7px;
  padding: 0 0 5px 0;
}
.def-contact-wrap .cnt-tel {
  font-family: "Open Sans", sans-serif;
  color: #e60000;
  font-weight: bold;
  font-size: 25px;
  line-height: 1.1;
}
.def-contact-wrap .cnt-tel a {
  color: #e60000;
}
.def-contact-wrap small {
  display: block;
  font-size: 13px;
}
.def-contact-wrap li {
  margin-top: 15px;
}
.def-contact-wrap li a {
  color: #fff;
  border: #ffb31f 1px solid;
  background: #ffb31f;
  font-weight: bold;
  display: block;
  position: relative;
  padding: 0.25em 1em;
  text-shadow: 1px 1px 1px #ab781f;
  font-size: 18px;
}
.def-contact-wrap li a:after {
  display: block;
  content: ">";
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -16px;
}
.def-contact-wrap li a:hover {
  color: #ffb31f;
  background: #fff;
  text-shadow: none;
}
.def-contact-wrap li a:hover:after {
  right: 0.75em;
}
.def-contact-wrap figure {
  display: none;
}

@media only screen and (min-width: 768px) {
  .def-contact-wrap {
    padding: 15px;
    margin-top: 60px;
  }
  .def-contact-wrap section {
    padding: 25px;
  }
  .def-contact-wrap div {
    width: 52%;
    float: left;
  }
  .def-contact-wrap h4 {
    font-size: 20px;
    border-left: 5px solid;
    margin-bottom: 7px;
    padding: 0 0 5px 10px;
  }
  .def-contact-wrap .cnt-tel {
    font-size: 35px;
  }
  .def-contact-wrap li {
    margin-top: 10px;
  }
  .def-contact-wrap figure {
    display: block;
    float: right;
    width: 45%;
  }
}
.pageHeader {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 25px 0;
  margin-bottom: 50px;
}
.pageHeader .tit-Page {
  color: #fff;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}
.pageHeader .tit-Page:after {
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  display: block;
  line-height: 1;
  font-weight: normal;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.page-id-32 .pageHeader, .single-post .pageHeader, .archive .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/access/bg_titAccess.jpg);
}
.page-id-32 .pageHeader .tit-Page:after, .single-post .pageHeader .tit-Page:after, .archive .pageHeader .tit-Page:after {
  content: "Information";
}

.page-id-34 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/without/bg_Without.jpg);
}
.page-id-34 .pageHeader .tit-Page:after {
  content: "without Insurance";
}

.page-id-36 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/skill/bg_titSkill.jpg);
}
.page-id-36 .pageHeader .tit-Page:after {
  content: "Cost & Skill";
}

.page-id-38 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/skill/bg_titRepair.jpg);
}
.page-id-38 .pageHeader .tit-Page:after {
  content: "Repair";
}

.page-id-40 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/skill/bg_titCoating.jpg);
}
.page-id-40 .pageHeader .tit-Page:after {
  content: "Coating";
}

.page-id-42 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/skill/bg_titInspection.jpg);
}
.page-id-42 .pageHeader .tit-Page:after {
  content: "Inspection";
}

.page-id-44 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/skill/bg_titEv.jpg);
}
.page-id-44 .pageHeader .tit-Page:after {
  content: "Hybrid & EV";
}

.page-id-46 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/skill/bg_titWash.jpg);
}
.page-id-46 .pageHeader .tit-Page:after {
  content: "Wash";
}

.page-id-48 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/skill/bg_titAttach.jpg);
}
.page-id-48 .pageHeader .tit-Page:after {
  content: "Attach parts";
}

.page-id-50 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/service/bg_titService.jpg);
}
.page-id-50 .pageHeader .tit-Page:after {
  content: "Service";
}

.page-id-52 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/service/bg_titSales.jpg);
}
.page-id-52 .pageHeader .tit-Page:after {
  content: "Sales";
}

.page-id-54 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/service/bg_titPurchase.jpg);
}
.page-id-54 .pageHeader .tit-Page:after {
  content: "Purchase";
}

.page-id-56 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/service/bg_titInsurance.jpg);
}
.page-id-56 .pageHeader .tit-Page:after {
  content: "Insurance";
}

.page-id-58 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/service/bg_titTrip.jpg);
}
.page-id-58 .pageHeader .tit-Page:after {
  content: "Business trip";
}

.page-id-60 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/service/bg_titWrecker.jpg);
}
.page-id-60 .pageHeader .tit-Page:after {
  content: "Wrecker";
}

.page-id-62 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/voice/bg_titVoice.jpg);
}
.page-id-62 .pageHeader .tit-Page:after {
  content: "Voice";
}

.page-id-18 .pageHeader, .page-id-29 .pageHeader, .page-id-64 .pageHeader, .page-id-66 .pageHeader, .page-id-70 .pageHeader, .page-id-372 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/access/bg_titAccess.jpg);
}

.page-id-18 .pageHeader .tit-Page:after {
  content: "Company";
}

.page-id-29 .pageHeader .tit-Page:after {
  content: "Access";
}

.page-id-64 .pageHeader .tit-Page:after {
  content: "FAQ";
}

.page-id-66 .pageHeader .tit-Page:after {
  content: "Recruit";
}

.page-id-70 .pageHeader .tit-Page:after {
  content: "Entry";
}

.page-id-372 .pageHeader .tit-Page:after {
  content: "Site map";
}

.page-id-26 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/form/bg_titEstimate.jpg);
}
.page-id-26 .pageHeader .tit-Page:after {
  content: "Estimate";
}

.page-id-22 .pageHeader {
  background-image: url(/cp/wp-content/themes/hcm/img/form/bg_titContact.jpg);
}
.page-id-22 .pageHeader .tit-Page:after {
  content: "Contact";
}

.sidebar {
  margin-top: 30px;
}

@media only screen and (min-width: 768px) {
  .sidebar {
    margin-top: 0;
    width: 20.5%;
    float: right;
  }
}
.sideNavi {
  margin-bottom: 20px;
}
.sideNavi h5 {
  background: #134b8d;
  color: #fff;
  font-weight: bold;
  padding: 0.25em 1em;
  font-size: 18px;
}
.sideNavi li {
  background: #51b1cd;
  margin-top: 1px;
}
.sideNavi li a {
  display: block;
  color: #fff;
  position: relative;
  padding: 0.5em 1em;
}
.sideNavi li a:after {
  display: none;
  top: 50%;
  left: 0%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-left-color: #fff;
  border-width: 7px;
  margin-top: -7px;
}
.sideNavi li a span {
  display: block;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  line-height: 1;
}
.sideNavi li a:hover {
  background: #a8d8e6;
}
.sideNavi li a:hover:after {
  display: block;
}

.page-id-38 .sideNavi li:nth-child(1) a:after,
.page-id-42 .sideNavi li:nth-child(2) a:after,
.page-id-44 .sideNavi li:nth-child(3) a:after,
.page-id-46 .sideNavi li:nth-child(4) a:after,
.page-id-48 .sideNavi li:nth-child(5) a:after,
.page-id-52 .sideNavi li:nth-child(1) a:after,
.page-id-54 .sideNavi li:nth-child(2) a:after,
.page-id-56 .sideNavi li:nth-child(3) a:after,
.page-id-58 .sideNavi li:nth-child(4) a:after,
.page-id-60 .sideNavi li:nth-child(5) a:after {
  display: block;
}

.subNavi h6 {
  background: #134b8d;
  color: #fff;
  font-weight: bold;
  padding: 0.25em 1em;
}
.subNavi li {
  border-bottom: 1px dotted #666;
}
.subNavi li a {
  padding: 0.25em 1em 0.25em 2em;
  display: block;
  font-size: 13px;
  position: relative;
}
.subNavi li a:after {
  top: 50%;
  left: 1em;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-left-color: #134b8d;
  border-width: 5px;
  margin-top: -5px;
}
.subNavi li a:hover {
  background: #dceff5;
}

.side-ba-title {
  border-top: 3px solid #134b8d;
  border-bottom: 1px dashed #134b8d;
  text-align: center;
  font-size: 13px;
  margin: 15px 0 10px;
  padding: 0.25em 0;
  font-weight: bold;
}

.ban-side {
  position: relative;
  overflow: hidden;
  max-width: 320px;
  margin: 0 auto 10px;
}
.ban-side img {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.ban-side figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(19, 75, 141, 0.7);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
}
.ban-side p {
  color: #ffb31f;
  text-align: center;
  font-weight: bold;
  top: 50%;
  position: absolute;
  left: 50%;
  margin: -12px 0 0 -44px;
}
.ban-side:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.ban-side:hover figcaption {
  opacity: 1;
}

.newsList {
  border-bottom: 1px solid #666;
  padding: 10px 1em;
}
.newsList .news-category {
  text-align: center;
  width: 7em;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
}
.newsList h2 {
  margin: 10px 0 5px;
}
.newsList a {
  font-size: 20px;
  text-decoration: underline;
  color: #e60000;
}
.newsList a:hover {
  text-decoration: none;
}

.blog-contents {
  margin-top: 15px;
}
.blog-contents p {
  margin-top: 10px;
}

.page_navi {
  margin-top: 30px;
  text-align: center;
}
.page_navi li {
  display: inline-block;
}

a.page-numbers,
.page_navi .current {
  background: rgba(19, 75, 141, 0.02);
  border: solid 1px rgba(19, 75, 141, 0.1);
  border-radius: 5px;
  padding: 5px 8px;
  margin: 0 2px;
}

.page_navi .current {
  background: #134b8d;
  border: solid 1px #134b8d;
  color: white;
}

.noIns-point {
  margin: 30px 0 60px;
}
.noIns-point .tit-Fukidashi {
  margin-top: 20px;
}
.noIns-point section {
  margin-top: 30px;
}
.noIns-point .noIns-Main {
  text-align: center;
  position: relative;
  padding-top: 40px;
}
.noIns-point .noIns-Main h2 {
  font-weight: bold;
  color: #e60000;
  font-size: 24px;
}
.noIns-point .noIns-Main strong {
  font-weight: bold;
}
.noIns-point .noIns-Main ul {
  margin-top: 20px;
}
.noIns-point .noIns-Main:before {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top: 20px solid #e60000;
  margin-left: -10px;
}

.btn-inq, .btn-estimate {
  background: #ffffd8;
  border: 1px solid #134b8d;
  font-size: 14px;
  color: #134b8d;
  -webkit-box-shadow: 0 2px 0 #134b8d;
  -moz-box-shadow: 0 2px 0 #134b8d;
  -ms-box-shadow: 0 2px 0 #134b8d;
  -o-box-shadow: 0 2px 0 #134b8d;
  box-shadow: 0 2px 0 #134b8d;
  text-align: center;
  display: block;
  font-weight: bold;
  margin: 0 auto;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  position: relative;
  height: 40px;
  line-height: 38px;
  margin: 10px 0;
}
.btn-inq:hover, .btn-estimate:hover {
  top: -2px;
  -webkit-box-shadow: 0 5px 0 #134b8d;
  -moz-box-shadow: 0 5px 0 #134b8d;
  -ms-box-shadow: 0 5px 0 #134b8d;
  -o-box-shadow: 0 5px 0 #134b8d;
  box-shadow: 0 5px 0 #134b8d;
}
.btn-inq:active, .btn-estimate:active {
  top: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background: #f6e27c;
}

.Ins-ok .tit-border {
  font-size: 18px;
}
.Ins-ok p {
  margin-top: 10px;
}

@media only screen and (min-width: 768px) {
  .noIns-point li {
    display: inline-block;
  }

  .btn-inq, .btn-estimate {
    width: 200px;
    margin: 0 10px;
  }
}
@media only screen and (min-width: 992px) {
  .btn-inq, .btn-estimate {
    width: 300px;
  }
}
.btn-contentsMenu {
  margin-top: 20px;
}
.btn-contentsMenu a {
  display: block;
}
.btn-contentsMenu a:hover {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.map {
  width: 100%;
  height: 400px;
  margin-bottom: 10px;
}

.map-wrap .blanc {
  text-align: right;
  color: #51b1cd;
  background: url(/cp/wp-content/themes/hcm/img/common/ico-blanc.png) no-repeat right center;
  padding: 0 25px 0 0;
  display: block;
}

.comp-tbl dt, .rec-tbl dt {
  text-align: center;
}

.faqList dt {
  border-left: 5px solid #51b1cd;
  padding: 0 0 0 10px;
}
.faqList dd {
  border-top: 1px dashed #666;
  border-bottom: 1px solid #666;
  padding: 0.5em 1em;
  margin: 10px 0 30px;
}

.form-attention {
  background: #efefef;
  border: 1px solid #ddd;
  padding: 15px 25px;
  margin: 15px 0 30px;
}
.form-attention h3 {
  font-weight: bold;
  margin-bottom: 5px;
}
.form-attention p {
  font-size: 13px;
}
.form-attention p span {
  text-decoration: underline;
  font-weight: bold;
}
.form-attention section:not(:first-child) {
  margin-top: 10px;
}

.form-tbl dt {
  padding: 1em;
  font-weight: bold;
  color: #134b8d;
}

.ico {
  float: right;
  border-radius: 4px;
  width: 4em;
  text-align: center;
  color: #51b1cd;
  background: #fff;
}

.ajax-loader {
  display: none;
}

input::-webkit-input-placeholder {
  color: #ccc;
  font-size: 14px;
}

input:-moz-placeholder {
  color: #ccc;
  font-size: 14px;
}

@media only screen and (min-width: 600px) {
  textarea {
    resize: vertical;
    overflow: hidden;
    -webkit-appearance: none;
    border: 1px solid #cccccc;
    width: 97%;
    font-size: 16px;
  }

  input, button, select {
    vertical-align: middle;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border: none;
    cursor: pointer;
    background: transparent;
    margin: 0;
    padding: 0;
  }
}
input[type="text"], input[type="email"], input[type="tel"] {
  width: 95%;
  height: 30px;
  padding: 0 8px;
  background-color: #eeeeee;
  font-size: 15px;
  color: #333;
  border: 1px solid #cccccc;
}

input[type="radio"], input[type="checkbox"] {
  margin-right: 0.5em;
  vertical-align: text-top;
}

select {
  z-index: 3;
  line-height: 30px;
  position: relative;
  width: 95%;
  height: 30px;
  padding: 0 8px;
  font-size: 15px;
  color: #333;
  border: 1px solid #cccccc;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus, input[type="button"]::focus {
  outline-offset: -2px;
}

.btn-submit {
  text-align: center;
  margin-top: 10px;
}

.wpcf7-submit {
  width: 90%;
  font-size: 17px;
  padding: 10px 50px;
  background: #ffb31f;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #ffb31f;
}
.wpcf7-submit:hover {
  background-color: #fff;
  color: #ffb31f;
  border: solid 1px #ffb31f;
}

.wpcf7-response-output {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 0 20px!important;
  font-weight: bold;
}

span.wpcf7-list-item {
  margin: 0!important;
}

@media only screen and (min-width: 600px) {
  .btn-submit {
    margin-top: 30px;
  }

  .wpcf7-submit {
    width: 30%;
  }
}
.lp-header {
  background: #f8f8f8;
  text-align: center;
  margin-bottom: 40px;
}

.lp-intro h2 {
  font-size: 25px;
  font-weight: bold;
  color: #134b8d;
  margin-bottom: 10px;
}
.lp-intro h2 span {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, transparent), color-stop(50%, #ffff00));
  background-image: -webkit-linear-gradient(transparent 50%, #ffff00 50%);
  background-image: -moz-linear-gradient(transparent 50%, #ffff00 50%);
  background-image: -o-linear-gradient(transparent 50%, #ffff00 50%);
  background-image: linear-gradient(transparent 50%, #ffff00 50%);
}
.lp-intro p {
  margin-top: 5px;
  font-size: 18px;
}

.gal-slider {
  margin-top: 30px;
}

.lp-how-wrap {
  margin-top: 40px;
}
.lp-how-wrap section {
  margin: 20px 0 0 0;
}
.lp-how-wrap h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  margin: 15px 0 5px;
  color: #51b1cd;
}

.lp-point-wrap {
  margin-top: 40px;
}

.lp-point {
  margin: 15px 0 0 0;
}
.lp-point .tit-Fukidashi {
  font-size: 16px;
}
.lp-point figure {
  text-align: center;
}
.lp-point figcaption {
  margin-top: 10px;
  text-align: left;
}

.lp-pointList {
  text-align: center;
  position: relative;
  padding-top: 100px;
}
.lp-pointList:after, .lp-pointList:before {
  top: 40px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.lp-pointList:before {
  border-color: rgba(53, 172, 199, 0);
  border-top-color: #51b1cd;
  border-width: 34px;
  margin-left: -34px;
}
.lp-pointList:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 24px;
  margin-left: -24px;
}
.lp-pointList li {
  border: 2px solid #134b8d;
  background: #134b8d;
  float: left;
  width: 31%;
  margin: 10px 0 0 3.5%;
}
.lp-pointList li span {
  display: block;
  border: 1px solid #fff;
  padding: 0.25em 0.5em;
  font-size: 18px;
  font-weight: bold;
  color: #ffb31f;
  text-shadow: 1px 1px 0 #333333;
}
.lp-pointList li:nth-child(1) {
  margin-left: 0;
}

.lp-contact-wrap {
  background: url(/cp/wp-content/themes/hcm/img/common/bg-stripe.gif) repeat;
  padding: 10px;
  margin-top: 40px;
}
.lp-contact-wrap section {
  background: #fff;
  padding: 15px;
}
.lp-contact-wrap h2 {
  font-size: 20px;
  font-weight: bold;
  color: #134b8d;
  margin-bottom: 15px;
}
.lp-contact-wrap h2 span {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, transparent), color-stop(50%, #ffff00));
  background-image: -webkit-linear-gradient(transparent 50%, #ffff00 50%);
  background-image: -moz-linear-gradient(transparent 50%, #ffff00 50%);
  background-image: -o-linear-gradient(transparent 50%, #ffff00 50%);
  background-image: linear-gradient(transparent 50%, #ffff00 50%);
}
.lp-contact-wrap li {
  margin-top: 12px;
}
.lp-contact-wrap li a {
  color: #fff;
  border: #ffb31f 1px solid;
  background: #ffb31f;
  font-weight: bold;
  display: block;
  position: relative;
  padding: 0.25em 2em 0.25em 1em;
  text-shadow: 1px 1px 1px #ab781f;
  font-size: 16px;
}
.lp-contact-wrap li a:after {
  display: block;
  content: ">";
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -16px;
}
.lp-contact-wrap li a:hover {
  color: #ffb31f;
  background: #fff;
  text-shadow: none;
}
.lp-contact-wrap li a:hover:after {
  right: 0.75em;
}
.lp-contact-wrap figure {
  display: none;
}

@media only screen and (min-width: 768px) {
  .lp-header {
    margin-bottom: 60px;
  }

  .lp-intro {
    text-align: center;
  }
  .lp-intro h2 {
    font-size: 34px;
  }

  .gal-slider {
    margin-top: 60px;
  }

  .lp-how-wrap {
    margin-top: 80px;
  }
  .lp-how-wrap section {
    float: left;
    width: 49%;
    margin: 20px 0 0 2%;
  }
  .lp-how-wrap section:nth-of-type(1) {
    margin-left: 0;
  }
  .lp-how-wrap h3 {
    font-size: 20px;
  }

  .lp-point-wrap {
    margin-top: 80px;
  }

  .lp-point {
    float: left;
    width: 31%;
    margin: 15px 0 0 3.5%;
  }
  .lp-point:nth-of-type(1) {
    margin-left: 0;
  }

  .lp-contact-wrap {
    padding: 15px;
    margin-top: 60px;
  }
  .lp-contact-wrap section {
    padding: 25px;
  }
  .lp-contact-wrap div {
    width: 64%;
    float: left;
  }
  .lp-contact-wrap h2 {
    font-size: 28px;
  }
  .lp-contact-wrap li a {
    font-size: 18px;
  }
  .lp-contact-wrap figure {
    display: block;
    float: right;
    width: 33%;
  }
}
.pt-point-wrap {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pt-point {
  margin: 15px 0 0 0;
}
.pt-point h3 {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
.pt-point h4 {
  font-size: 18px;
  margin: 10px 0 5px;
  font-weight: bold;
}
.pt-point figure {
  text-align: center;
  margin-top: 5px;
}
.pt-point:nth-of-type(1) h3 {
  background: #66cc66;
}
.pt-point:nth-of-type(1) h4 {
  color: #66cc66;
}
.pt-point:nth-of-type(2) h3 {
  background: #ffb31f;
}
.pt-point:nth-of-type(2) h4 {
  color: #ffb31f;
}
.pt-point:nth-of-type(3) h3 {
  background: #51b1cd;
}
.pt-point:nth-of-type(3) h4 {
  color: #51b1cd;
}

.btn-pt-contact {
  display: block;
  text-align: center;
  padding: 0.25em .5em;
  background: #134b8d;
}
.btn-pt-contact img {
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .pt-point-wrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pt-point {
    float: left;
    width: 31%;
    margin: 15px 0 0 3.5%;
  }
  .pt-point:nth-of-type(1) {
    margin-left: 0;
  }
  .pt-point figure {
    margin-top: 0;
  }

  .btn-pt-contact {
    padding: 1.5em 1em;
  }
  .btn-pt-contact:hover {
    background: #51b1cd;
  }
}