@charset "UTF-8";
a {
  outline: none;
  color: #000; }
  a:hover {
    color: #000; }

.container-fluid {
  max-width: 1600px; }

.sprite, .sprite-nav_h01, .sprite-icon_nav01:hover, .active .sprite-icon_nav01, .sprite-nav_h02, .sprite-icon_nav02:hover, .active .sprite-icon_nav02, .sprite-icon_nav01, .sprite-icon_nav02 {
  background-image: url(../images/nav.png);
  background-repeat: no-repeat;
  display: block; }

.sprite-nav_h01, .sprite-icon_nav01:hover, .active .sprite-icon_nav01 {
  background-position: center -305px; }

.sprite-nav_h02, .sprite-icon_nav02:hover, .active .sprite-icon_nav02 {
  background-position: center -448px; }

.sprite-icon_nav01 {
  background-position: center -30px; }

.sprite-icon_nav02 {
  background-position: center -170px; }

.logo {
  position: absolute;
  top: 0;
  z-index: 1; }
  .logo h1 {
    padding: 0;
    margin: 0; }

.top-color {
  border: 1px solid #5F5498;
  background-color: #25187B;
  color: #fff;
  height: 38px; }
  .top-color a {
    color: #fff; }
  .top-color .list-inline {
    margin: 10px 5px;
    position: relative; }
    .top-color .list-inline li:last-child {
      position: absolute;
      right: 0;
      top: -5px; }

.head-color {
  padding-left: 280px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .head-color {
      padding-left: 240px; } }
  .head-color a:hover {
    color: #fff; }
  .head-color ul li {
    border-right: 1px solid #fff;
    padding: 0 1em; }
    @media (min-width: 768px) and (max-width: 991px) {
      .head-color ul li {
        padding: 0 5px; } }
    .head-color ul li:last-child {
      border-right: none;
      padding: 0; }
    .head-color ul li.nav-insta {
      border-right: none; }
      .head-color ul li.nav-insta img {
        vertical-align: top; }

/**
メインナビゲーション
**/
.head-logo-space {
  height: 100px;
  padding-left: 250px; }
  @media (max-width: 991px) {
    .head-logo-space {
      padding-left: 240px;
      margin-right: -10px; } }
  .head-logo-space ul {
    margin: 0;
    padding: 0; }
    .head-logo-space ul li {
      transform: skewX(-20deg);
      border-right: 1px solid #ddd;
      margin: 0;
      padding: 0; }
      @media (max-width: 991px) {
        .head-logo-space ul li {
          transform: skewX(-15deg); } }
      .head-logo-space ul li:last-child {
        border-right: none; }
      .head-logo-space ul li:hover, .head-logo-space ul li.active {
        background: #f20404; }
        .head-logo-space ul li:hover a, .head-logo-space ul li.active a {
          text-decoration: none;
          color: #fff; }
      .head-logo-space ul li a {
        transform: skewX(20deg);
        color: #000;
        display: block;
        height: 100px;
        padding: 66px 40px 0 40px; }
        @media (max-width: 1200px) {
          .head-logo-space ul li a {
            padding: 66px 20px 0 20px; } }
        @media (max-width: 991px) {
          .head-logo-space ul li a {
            transform: skewX(15deg);
            padding: 66px 10px 0 0px;
            font-size: 12px; } }
        .head-logo-space ul li a:hover {
          text-decoration: none;
          color: #fff; }

/*nav*/
.drawer-nav {
  z-index: 99999 !important; }
  .drawer-nav ul {
    background: none; }
    .drawer-nav ul li {
      padding-bottom: 0.5em;
      padding: 0;
      border-bottom: 1px solid #ccc; }
      .drawer-nav ul li a {
        background: none;
        color: #000;
        padding: 10px;
        display: block; }

.sp-header {
  background: url(../images/sp_header.png) 0 0 no-repeat, url(../images/sp_bg_header.png) 0 0 repeat-x;
  background-size: auto 56px;
  height: 56px;
  position: relative; }
  .sp-header .sp-logo-area {
    position: absolute;
    width: 50%;
    height: 56px; }
  .sp-header .sp-header-tel {
    position: absolute;
    top: 15px;
    height: 56px;
    right: 0;
    margin-right: 50px; }

.fixed-header {
  position: fixed;
  height: 138px;
  width: 100%;
  background: #fff;
  z-index: 99999;
  border-bottom: 1px solid #f8f8f8; }
  @media (min-width: 768px) {
    .fixed-header + div {
      padding-top: 138px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .fixed-header .container {
      width: 100%; } }

.form-img {
  background: url("../images/bg_contact.jpg") center center no-repeat;
  background-size: cover; }

ul.info-list li .date {
  color: #f20404;
  padding-right: 1em; }
  @media (max-width: 768px) {
    ul.info-list li .date {
      display: block;
      padding-bottom: 10px; } }

ul.info-list li a {
  color: #000; }

.main-coating {
  height: 377px;
  background: url("../images/bg01.jpg");
  background-repeat: no-repeat;
  float: left; }

.main-cleaning {
  height: 377px;
  background: url("../images/bg02.jpg");
  background-repeat: no-repeat;
  float: right;
  background-position: top right; }

.main-window {
  height: 377px;
  background: url("../images/bg03.jpg");
  background-repeat: no-repeat;
  float: left; }

.main-mente {
  height: 377px;
  background: url("../images/bg04.jpg");
  background-repeat: no-repeat;
  float: right;
  background-position: top right; }

@media (max-width: 768px) {
  .main-coating {
    width: 100%;
    height: 377px;
    background: url("../images/bg01.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
  .main-cleaning {
    width: 100%;
    height: 377px;
    background: url("../images/bg02.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
  .main-window {
    width: 100%;
    height: 377px;
    background: url("../images/bg03.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
  .main-mente {
    width: 100%;
    height: 377px;
    background: url("../images/bg04.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; } }

.form-button {
  border: 2px solid #828282;
  padding: 30px 20px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #f3f3f3 50%, #ededed 51%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, white 0%, #f3f3f3 50%, #ededed 51%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 0%, #f3f3f3 50%, #ededed 51%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  box-shadow: 0px 5px 0 0 #000;
  max-width: 30em;
  margin: 0 auto; }
  .form-button a {
    color: #E91227; }

.title-insta {
  margin-bottom: 20px;
  line-height: 1.7em; }
  @media (max-width: 475px) {
    .title-insta {
      font-size: 5vmin; } }

.service-size {
  margin-top: 80px; }

.service-desc {
  margin: 20px 0 10px;
  font-size: 16px;
  line-height: 1.8em; }
  @media (max-width: 475px) {
    .service-desc {
      text-align: left; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .service-desc {
      font-size: 14px; } }

.news-link-past a {
  font-size: 16px;
  color: #000; }

.news-link-past.red {
  padding-top: 20px; }
  .news-link-past.red a {
    font-size: 18px;
    color: #f20404; }

.more-link {
  margin: 80px 0; }
  .more-link a:hover {
    opacity: .7; }
  .more-link ul li {
    margin: 0 5px; }
    @media (max-width: 768px) {
      .more-link ul li {
        margin-bottom: 20px; }
        .more-link ul li img {
          max-width: 100%; } }

.sub-text-half {
  margin-bottom: 40px; }

.form-text-size {
  font-size: 150%; }
  @media (max-width: 768px) {
    .form-text-size {
      font-size: 100%; } }
  @media (max-width: 425px) {
    .form-text-size {
      font-size: 3.5vmin;
      margin-bottom: 0.5vmin; } }

.tel-size {
  font-size: 40px; }
  @media (max-width: 425px) {
    .tel-size {
      font-size: 10vmin;
      margin-bottom: 2vmin; } }
  .tel-size a {
    color: #fff; }
    .tel-size a:hover {
      text-decoration: none; }

.icon-tel a {
  background: url(../images/tel.png) 0 center no-repeat;
  background-size: 0.8em 0.8em;
  padding-left: 1.2em;
  display: inline-block; }

.icon-tel-w a {
  background: url(../images/tel_w.png) 0 center no-repeat;
  background-size: 0.8em 0.8em;
  padding-left: 1.2em;
  display: inline-block; }

.icon-tel-g a {
  background: url(../images/tel_g.png) 0 center no-repeat;
  background-size: 0.8em 0.8em;
  padding-left: 1.2em;
  display: inline-block; }

.icon-mail a {
  background: url(../images/icon_mail.png) 0 center no-repeat;
  background-size: 1.5em 1.5em;
  padding-left: 1.8em; }

.icon-mobile a {
  background: url(../images/icon_mobile.png) 0 center no-repeat;
  background-size: 1em 1em;
  padding-left: 1.2em; }

.icon-mobile-w a {
  background: url(../images/icon_mobile_w.png) 0 center no-repeat;
  background-size: 0.8em 0.8em;
  padding-left: 1em; }

.icon-mobile-g a {
  background: url(../images/icon_mobile_g.png) 0 center no-repeat;
  background-size: 0.8em 0.8em;
  padding-left: 1em; }

.road-service-list {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 20px; }
  .road-service-list li {
    border: 2px solid #787878;
    background: #f8f8f8;
    padding: 20px;
    margin: 10px;
    width: 13em; }
    @media (min-width: 600px) and (max-width: 850px) {
      .road-service-list li {
        width: 40%; } }
    @media (max-width: 475px) {
      .road-service-list li {
        width: 80%; } }
    .road-service-list li img {
      width: 50px; }
    .road-service-list li span {
      padding: 20px 0 0;
      display: block;
      font-weight: bold; }

@media (max-width: 475px) {
  .headline-xs.text-large {
    font-size: 5vmin; } }

.slide-wrap {
  max-width: 1400px;
  margin: 0 auto; }

.readmore {
  color: #f20404;
  border: 1px solid #f20404;
  padding: 10px 20px;
  background: url(../images/arw_red.png) 95% center no-repeat; }
  .readmore:hover {
    background: #f20404;
    color: #fff;
    text-decoration: none; }
  @media (max-width: 768px) {
    .readmore {
      display: block;
      margin-top: 20px; } }

.instagram {
  color: #C388D1;
  border: 1px solid #C388D1;
  padding: 10px 20px; }
  .instagram:hover {
    background-color: #C388D1;
    color: #fff;
    text-decoration: none; }

.insta-logo {
  background-image: url("../images/icon_insta.png"), url("../images/arw_purple.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 5px center,95% center;
  padding-left: 30px;
  padding-right: 30px; }

.inner-block h3, .inner-block-right h3, .inner-block-left h3 {
  margin-top: 30px;
  background: url(../images/bg_h3.png) center center no-repeat;
  padding: 50px 0;
  margin-bottom: 30px; }

@media (max-width: 768px) {
  .inner-block, .inner-block-right, .inner-block-left {
    padding-bottom: 30px; } }

.inner-block-right {
  /*float:right;*/
  text-align: center; }

.inner-block-left {
  /*float:left;*/
  text-align: center; }

.service-wrapper .row {
  border-bottom: 1px solid #ccc; }

.service {
  margin-bottom: 50px; }

.sub-text {
  margin: 50px; }
  @media (max-width: 768px) {
    .sub-text {
      margin: 20px 0 0 0; } }
  .sub-text h2 {
    font-size: 26px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 20px; }
  .sub-text .gray {
    padding: 50px 80px; }
    @media (max-width: 768px) {
      .sub-text .gray {
        padding: 20px 10px 30px; } }
  .sub-text ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .sub-text ul > li {
      border-bottom: 1px solid #ccc;
      padding: 1.5em 10px;
      margin: 0; }
      .sub-text ul > li:first-child {
        border-top: 1px solid #ccc; }
      .sub-text ul > li h3 {
        margin: 0;
        font-size: 18px; }

ul.img-list {
  margin: 30px auto;
  padding: 0;
  width: 86%; }
  ul.img-list > li {
    border: none;
    float: left;
    list-style: none; }
    ul.img-list > li img {
      padding: 0;
      margin: 0;
      border: 2px solid #fff;
      display: inline; }

.insta-footer {
  padding: 50px 0; }
  @media (max-width: 768px) {
    .insta-footer {
      padding: 20px 0px; } }

.contact-block {
  padding: 50px; }
  @media (max-width: 768px) {
    .contact-block {
      padding: 50px 10px; } }
  .contact-block ul li {
    margin: 20px 10px; }

.contact-inner {
  margin: 0 auto; }

.back-white {
  color: #555555;
  border: 1px solid #FDFDFD;
  padding: 5px 20px;
  background-color: #FDFDFD;
  border-radius: 50px; }

footer {
  margin-top: 50px; }
  @media (max-width: 768px) {
    footer {
      overflow: hidden; } }
  @media (max-width: 991px) {
    footer {
      text-align: center; } }
  footer .footer-logo {
    margin-bottom: 20px; }
  footer .container {
    padding: 20px; }
  footer a {
    color: #000; }
  footer .ptextcolor a {
    color: #bbb; }
  footer .address-color a {
    color: #8E8E8E; }
  @media (max-width: 768px) {
    footer .list-inline li {
      display: block; }
    footer .text-right {
      text-align: inherit; } }
  @media (max-width: 425px) {
    footer .footer-main-nav li a, footer .footer-sub-nav li a {
      font-size: 18px;
      padding: 0.8em 0;
      display: block; } }
  footer .footer-main-nav {
    font-size: 14px;
    margin-bottom: 20px; }
    @media (max-width: 991px) {
      footer .footer-main-nav {
        text-align: center; } }
    footer .footer-main-nav a:hover {
      color: #000; }
  @media (max-width: 991px) {
    footer .footer-sub-nav {
      text-align: center; } }
  footer .footer-sub-nav a:hover {
    color: #333; }

.copyright {
  text-align: right;
  color: #CFCFCF; }
  @media (max-width: 991px) {
    .copyright {
      text-align: center; } }
  .copyright a {
    color: #CFCFCF; }
    .copyright a:hover {
      color: #CFCFCF;
      text-decoration: none; }

/*--------各ページ共通--------*/
.top-img img {
  width: 100%;
  margin-bottom: 50px; }
  @media (max-width: 768px) {
    .top-img img {
      margin-bottom: 0; } }

.full-size img {
  width: 100%;
  margin-top: 30px; }

@media (max-width: 768px) {
  .full-size-sp img {
    width: 100%; } }

.full-size2 img {
  width: 100%;
  margin-top: 0px; }

/*---------------company----------------*/
div.company tr {
  border-bottom: 1px solid #f1f1f1; }

div.company tr:last-child {
  border-bottom: none; }

.company {
  width: 60%;
  margin: 80px auto; }
  @media (max-width: 768px) {
    .company {
      width: 100%;
      margin-top: 20px; } }

.company table {
  font-size: 1.2em;
  width: 100%;
  margin: 0 auto;
  line-height: 2em; }

.company th {
  padding-top: 1em;
  vertical-align: top; }
  @media (max-width: 768px) {
    .company th {
      display: block; } }

.company td {
  padding: 1em 0; }
  @media (max-width: 768px) {
    .company td {
      display: block; } }

/*---------------faq-----------------*/
.acdn-content {
  width: 100%;
  height: auto;
  background: #f1f1f1; }

.acdn-content {
  display: none; }

.cartype {
  width: 100%; }

.reserve {
  width: 100%; }

.conque {
  width: 100%; }

/*---------------procoating-----------------*/
.l-p {
  margin: 20px auto;
  max-width: 740px;
  text-align: left;
  line-height: 2.5em; }

.c-p {
  margin: 50px auto;
  line-height: 2.5em; }

.h4-title {
  margin: 50px auto 30px; }

.centering {
  width: 85%;
  margin: 0 auto; }

.ryoukin-btn {
  position: relative;
  margin: 100px auto;
  width: 60%;
  height: 3.5em;
  text-align: center;
  background-color: #25187B;
  color: white;
  font-size: 1.2em; }
  @media (max-width: 768px) {
    .ryoukin-btn {
      width: 80%; } }

.ryoukin-btn > div {
  padding-top: 1em; }

.ryoukin-btn div:nth-child(2) {
  position: absolute;
  top: -3px;
  right: 20px; }

.takuetu {
  width: 60%;
  margin: 80px auto; }
  @media (max-width: 768px) {
    .takuetu {
      width: 100%;
      text-align: center; } }

/*------------procleaning---------------*/
.inner-cont {
  max-width: 732px;
  margin: 50px auto; }

.inner-cont .col {
  padding: 0;
  margin-bottom: 50px; }

.inner-cont h4 {
  margin: 30px 0 20px; }

.inner-cont img {
  margin-bottom: 10px; }

.clean-text {
  margin: 50px auto 30px; }

.clean-text h4 {
  font-weight: bold; }

.clean-text h5 {
  font-weight: bold;
  line-height: 2em; }

.step-line {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #EC3A3E; }

.try-top {
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #ec3a3d transparent transparent transparent;
  margin: 30px 65px;
  position: absolute;
  font-size: 1.3em; }

.pd-b {
  padding-bottom: 30px; }

.inner-gray {
  max-width: 1024px;
  margin: 0 auto; }

.inner-gray .row {
  margin-left: 0;
  margin-right: 0; }

.inner-gray h4 {
  font-weight: bold;
  font-size: 16px;
  padding: 15px 0 5px; }

.inner-gray .col-lg-5 {
  padding-left: 50px; }

.sub-h4-m {
  margin: 30px auto; }

.try-top2 {
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #ec3a3d transparent transparent transparent;
  margin: 0px auto;
  position: absolute;
  right: 50%;
  font-size: 1.3em; }

.inner-gray .col-lg-4 {
  padding-left: 50px; }

.process img {
  width: 90%;
  padding: 10px 0;
  padding-right: 0;
  padding-left: 60px; }

.process2 img {
  margin-left: -36px;
  padding: 10px 0;
  width: 105%; }

.bg-white {
  background-color: #FFF;
  text-align: center;
  height: 12em; }

.bg-white img {
  margin: 2% auto;
  width: 80%; }

.r-pd-p {
  padding-right: 35px; }

@media screen and (max-width: 767px) {
  .r-pd-p {
    padding-right: 15px; } }

/*----------windowcoating---------------*/
.i-size img {
  max-width: 120%; }

.inner-grass {
  max-width: 1024px;
  margin: 0px auto 50px;
  padding: 30px 0; }

.inner-grass h4 {
  font-weight: bold;
  margin: 30px 0 20px;
  height: 2em;
  vertical-align: middle; }

.pad-top {
  padding-top: 0.5em; }

.s-l-p {
  margin: 20px auto;
  max-width: 732px;
  text-align: left;
  line-height: 2em; }

@media screen and (max-width: 767px) {
  .sp-txt-left {
    text-align: left; } }

a.no-behavior {
  color: inherit; }
  a.no-behavior:hover {
    color: inherit;
    text-decoration: none; }

@media (max-width: 768px) {
  .container-fluid {
    overflow: hidden; } }

h4.sub-ttl {
  line-height: 1.5em;
  margin-top: 1em;
  margin-bottom: 1.7em; }

.faq-wrapper {
  margin: 0 auto; }
  .faq-wrapper p {
    position: relative; }
    .faq-wrapper p img {
      margin-right: 10px; }
    .faq-wrapper p.row-q {
      border-bottom: 1px solid #ccc;
      margin-bottom: 0;
      margin-top: 20px;
      cursor: pointer;
      min-height: 53px; }
      .faq-wrapper p.row-q > span {
        display: block;
        padding: 16px 50px 20px 70px; }
      .faq-wrapper p.row-q > img {
        position: absolute;
        top: 0;
        left: 0; }
    .faq-wrapper p.row-a {
      background: #F6F6FD;
      min-height: 53px; }
      .faq-wrapper p.row-a > span {
        padding: 16px 20px 20px 70px;
        display: block;
        line-height: 1.7em; }
      .faq-wrapper p.row-a > img {
        position: absolute;
        top: 0;
        left: 0; }
    .faq-wrapper p .faq-arw {
      position: absolute;
      right: 10px;
      top: 30%; }

.content-area {
  padding-right: 50px; }
  @media (max-width: 768px) {
    .content-area {
      padding-right: 15px; } }

.entry-title {
  margin-top: 0.75em;
  font-size: 18px;
  font-weight: bold; }
  .entry-title a {
    color: #000; }

.entry-date {
  color: #f20404;
  font-size: 16px; }
  .entry-date.detail {
    color: #000;
    font-weight: bold; }

article {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px; }

.hentry .entry-header {
  margin-bottom: 20px;
  margin-top: 16px; }
  .hentry .entry-header .entry-title {
    font-size: 20px; }

.label-category {
  background: #000;
  color: #fff;
  padding: 5px 10px;
  margin-left: 10px; }
  .label-category.red {
    background: #f20404; }

.single-post .entry-title {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px; }

.single-post article {
  border-bottom: none; }

.back-to-list {
  text-align: center; }
  .back-to-list a {
    border: 1px solid #000;
    padding: 10px 110px;
    color: #000; }
    .back-to-list a:hover {
      background: #000;
      color: #fff; }

.widget-title {
  font-size: 18px;
  color: #f20404;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5em; }

.widget-sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ccc; }
  .widget-sidebar ul li {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 0.5em; }
    .widget-sidebar ul li a {
      color: #000; }
    .widget-sidebar ul li:last-child {
      border: none; }

.top-img {
  max-width: 1600px;
  margin: 0 auto; }

.policy h1, .sitemap h1 {
  font-size: 22px;
  font-weight: bold; }
  .policy h1 .cap, .sitemap h1 .cap {
    font-size: 14px;
    color: #ccc;
    font-weight: normal; }

.policy h2, .sitemap h2 {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.25em; }

.policy h5, .sitemap h5 {
  font-weight: bold; }

.sitemap h1 {
  margin-bottom: 20px; }

.sitemap ul {
  margin-left: 0px;
  padding-left: 20px; }
  .sitemap ul li {
    padding-left: 0;
    padding-bottom: 0.5em; }
    .sitemap ul li a {
      color: #000;
      font-size: 18px; }

.page-template {
  border-top: 1px solid #ccc; }

.sitemap-list ul {
  list-style: none; }
  .sitemap-list ul li {
    margin-bottom: 10px; }
    .sitemap-list ul li a {
      color: #000; }

@media (min-width: 769px) {
  .title-margin-img {
    margin-top: 120px;
    font-size: 20px; } }

@media (min-width: 769px) {
  .title-step {
    margin-top: 100px;
    font-size: 20px;
    margin-bottom: 0; } }

.summary-coating {
  text-align: center; }

.mailform {
  margin-top: 40px; }

.required {
  color: #f20404;
  padding-left: 5px;
  font-size: 22px;
  vertical-align: middle; }

.mailform-table tr th {
  font-size: 14px; }

.mailform-table tr td input, .mailform-table tr td select, .mailform-table tr td textarea {
  width: 100%;
  border: 1px solid #878787; }

.wpcf7-submit {
  background: #878787;
  color: #fff;
  border: none;
  padding: 5px 100px;
  margin: 20px;
  font-size: 14px; }
  .wpcf7-submit:hover {
    background: #333; }

.mailform-footer h3 {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: normal; }
  @media (max-width: 991px) {
    .mailform-footer h3 {
      margin-bottom: 20px;
      text-align: center; } }

.mailform-footer.row {
  border: 2px solid #ccc;
  padding: 20px; }
  @media (max-width: 1040px) {
    .mailform-footer.row {
      padding: 20px 10px; } }

.mailform-footer .col:last-child {
  border-left: 1px solid #ccc;
  padding-left: 50px; }
  @media (max-width: 991px) {
    .mailform-footer .col:last-child {
      border: none;
      padding-left: 0;
      text-align: center; } }
  @media (max-width: 1040px) {
    .mailform-footer .col:last-child {
      padding-left: 10px;
      padding-right: 0; } }

.mailform-footer .mailform-footer-tel img {
  vertical-align: text-bottom; }

.mailform-footer .mailform-footer-tel a {
  color: #000;
  font-weight: bold;
  font-size: 30px; }

.main-base {
  font-size: 14px; }
  .main-base h2 {
    font-size: 16px; }
    .main-base h2 strong {
      font-size: 20px; }
  .main-base h4 {
    font-size: 14px; }
  .main-base h3 {
    color: #f20404;
    font-size: 14px;
    font-weight: bold; }
  .main-base.row {
    padding-bottom: 20px;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .main-base.row {
        padding-bottom: 0;
        margin-bottom: 0; } }
  .main-base.recommend {
    width: 80%;
    margin: 100px auto 50px; }
    @media screen and (max-width: 768px) {
      .main-base.recommend {
        width: auto;
        margin: 30px; } }

.main-base img {
  width: 100%; }

.sub-gray {
  color: #8b8c7d;
  margin-top: 10px; }
  @media screen and (max-width: 768px) {
    .sub-gray {
      text-align: center; } }

.cate-contents2 {
  background-color: #efeee2;
  margin: 120px auto;
  padding: 80px 100px; }
  @media screen and (max-width: 991px) {
    .cate-contents2 {
      margin: 20px auto;
      padding: 40px 20px; } }

.cate-price {
  color: #f10000; }

.goods-area-left,
.goods-area-right {
  max-height: 470px;
  height: 100%; }
  @media screen and (max-width: 768px) {
    .goods-area-left,
    .goods-area-right {
      max-height: inherit;
      margin-bottom: 20px; } }

.mg-con-price {
  margin-top: 25px; }

@media screen and (max-width: 768px) {
  .mg-con-price {
    margin-top: 0px; } }

.border-box {
  border: 1px solid #f1f1f1;
  text-align: center; }

.cate-contents {
  width: 80%;
  margin: 0 auto; }

.recommend-title img {
  width: auto;
  max-width: 100%; }

@media screen and (min-width: 769px) {
  .recommend-subtitle {
    margin-bottom: 60px; } }

.font-fit-xs {
  font-size: 3vmin; }