@charset "UTF-8";
/* Scss Document */
/* =========================
	メンテナンスプランページ
===========================*/
/* colors */
/* タイトル */
#plan-page .title-section .title-bg {
  background-image: url(/shared/images/plan/hero-bg.jpg); }
#plan-page .copy-section {
  background-image: url(/shared/images/plan/copy-bg.png); }

/* 汎用
=========================*/
/* オプションサービス・料金のご案内ボタン */
#plan-page .visual-test-section .bt-area,
#plan-page .other-section .bt-area {
  padding-top: 40px; }
  #plan-page .visual-test-section .bt-area .bt-primary,
  #plan-page .other-section .bt-area .bt-primary {
    max-width: 500px;
    width: 100%; }

/* リスト */
#plan-page .mowing-section ul,
#plan-page .other-section ul {
  margin-top: 30px;
  padding-left: 14px; }
  #plan-page .mowing-section ul li,
  #plan-page .other-section ul li {
    text-indent: -7px; }
    #plan-page .mowing-section ul li:before,
    #plan-page .other-section ul li:before {
      content: "●";
      display: inline-block;
      width: 9px;
      color: #99002f;
      vertical-align: middle;
      font-size: 11px; }

/* 装飾ボックス */
#plan-page .deco-box .head {
  padding: 5px 0 10px; }
#plan-page .deco-box.border .head {
  padding: 20px 0 10px; }

@media screen and (max-width: 768px) {
  #plan-page .deco-box h1 .l, #plan-page .deco-box h2 .l {
    font-style: 12px;
    margin-top: 8px; }
  #plan-page .deco-box.border .head {
    padding: 13px 0 5px; } }
/* 帯タイトル */
#plan-page .ttl-band {
  background-color: #000;
  padding: 12px 20px;
  color: #fff;
  font-size: 23px; }

@media screen and (max-width: 768px) {
  #plan-page .ttl-band {
    padding: 8px 15px;
    font-size: 18px; } }
/* z-index調整 */
#plan-page .copy-section,
#plan-page .deco-box {
  position: relative;
  z-index: 1; }

/* セクション一括設定
=========================*/
#plan-page {
  overflow-x: hidden; }
  #plan-page .periodical-section,
  #plan-page .urgent-section,
  #plan-page .visual-test-section,
  #plan-page .equipment-section,
  #plan-page .mowing-section,
  #plan-page .other-section {
    line-height: 28px; }

@media screen and (max-width: 768px) {
  #plan-page .periodical-section,
  #plan-page .urgent-section,
  #plan-page .visual-test-section,
  #plan-page .equipment-section,
  #plan-page .mowing-section,
  #plan-page .other-section {
    line-height: 1.4em; } }
/* サービスセクション共通
=========================*/
#plan-page .periodical-section h2,
#plan-page .urgent-section h2 {
  font-size: 35px; }
#plan-page .periodical-section .price-box,
#plan-page .urgent-section .price-box {
  margin-bottom: 60px;
  max-width: 360px;
  width: 100%; }

@media screen and (min-width: 981px) {
  #plan-page .periodical-section .base-wrap,
  #plan-page .urgent-section .base-wrap {
    position: relative;
    left: 45px;
    width: 1070px;
    max-width: 1070px; } }
@media screen and (max-width: 768px) {
  #plan-page .periodical-section h2,
  #plan-page .urgent-section h2 {
    font-size: 20px; }
    #plan-page .periodical-section h2 .l,
    #plan-page .urgent-section h2 .l {
      font-size: 12px; }
  #plan-page .periodical-section .price-box,
  #plan-page .urgent-section .price-box {
    max-width: 280px;
    margin-bottom: 25px; }
  #plan-page .periodical-section .cf .col1,
  #plan-page .urgent-section .cf .col1 {
    text-align: center;
    margin-bottom: 20px; }
    #plan-page .periodical-section .cf .col1 img,
    #plan-page .urgent-section .cf .col1 img {
      width: 200px; } }
/* 定期メンテナンスサービス
=========================*/
#plan-page .periodical-section {
  padding-bottom: 80px; }
  #plan-page .periodical-section .check-item-box {
    margin-top: 35px; }

@media screen and (min-width: 769px) {
  #plan-page .periodical-section .base-wrap {
    width: 1070px;
    max-width: 1070px; }
  #plan-page .periodical-section .cf .col1 {
    width: 300px;
    text-align: right;
    margin: -30px 0 0 0;
    float: right; }
    #plan-page .periodical-section .cf .col1 p {
      font-size: 13px;
      text-align: right;
      padding-right: 30px; }
  #plan-page .periodical-section .cf .col2 {
    width: 730px; } }
@media screen and (max-width: 768px) {
  #plan-page .periodical-section .check-item-box {
    margin-top: 20px; }
  #plan-page .periodical-section .cf .col1,
  #plan-page .periodical-section .cf .col2 {
    width: 100%; } }
/* 24時間緊急出動サービス 
=========================*/
#plan-page .urgent-section {
  padding-bottom: 80px; }
  #plan-page .urgent-section .cf .col2 .ttl-tx {
    margin: 30px 0 10px; }

@media screen and (min-width: 769px) {
  #plan-page .urgent-section .cf .col1 {
    width: 320px;
    margin-top: -50px;
    float: right; }
  #plan-page .urgent-section .cf .col2 {
    width: 750px; } }
@media screen and (max-width: 768px) {
  #plan-page .urgent-section .cf .col2,
  #plan-page .urgent-section .cf .col1 {
    width: 100%; } }
/* 目視検査
=========================*/
#plan-page .visual-test-section {
  padding-bottom: 110px; }
  #plan-page .visual-test-section .table-wrap {
    max-width: 800px;
    width: 100%;
    margin: 0 auto; }
    #plan-page .visual-test-section .table-wrap table {
      width: 100%;
      text-align: left; }
      #plan-page .visual-test-section .table-wrap table tr th {
        color: #999999;
        background-color: #f4f4f4; }
      #plan-page .visual-test-section .table-wrap table tr td.item-name {
        color: #99002f;
        font-weight: bold;
        vertical-align: middle; }
      #plan-page .visual-test-section .table-wrap table tr td.list ul li.gray {
        background-color: #f4f4f4; }

@media screen and (min-width: 800px) {
  #plan-page .visual-test-section .table-wrap table {
    border: 4px solid #d6d6d6; }
    #plan-page .visual-test-section .table-wrap table tr th, #plan-page .visual-test-section .table-wrap table tr td {
      border: 3px solid #d6d6d6; }
    #plan-page .visual-test-section .table-wrap table tr th.item-name {
      padding: 10px 10px 10px 27px; }
    #plan-page .visual-test-section .table-wrap table tr th.list {
      padding: 10px 10px 10px 40px; }
    #plan-page .visual-test-section .table-wrap table tr td.item-name {
      padding: 10px 10px 10px 27px; }
    #plan-page .visual-test-section .table-wrap table tr td.list ul li {
      line-height: 40px;
      padding: 0 10px 0 40px; } }
@media screen and (max-width: 799px) {
  #plan-page .visual-test-section .table-wrap {
    padding: 0 15px; }
    #plan-page .visual-test-section .table-wrap table {
      border: 2px solid #d6d6d6; }
      #plan-page .visual-test-section .table-wrap table tr th, #plan-page .visual-test-section .table-wrap table tr td {
        border: 1px solid #d6d6d6; }
      #plan-page .visual-test-section .table-wrap table tr th {
        font-size: 16px !important;
        padding: 8px 15px; }
      #plan-page .visual-test-section .table-wrap table tr td.item-name {
        font-size: 16px;
        padding: 8px 15px; }
      #plan-page .visual-test-section .table-wrap table tr td.list ul li {
        padding: 8px 15px; } }
/* メンテナンス機器
=========================*/
#plan-page .equipment-section {
  padding-bottom: 70px; }
  #plan-page .equipment-section .item .tx {
    margin-top: 15px;
    line-height: 28px; }
  #plan-page .equipment-section .item .bt-area {
    text-align: left;
    margin-top: 20px; }
    #plan-page .equipment-section .item .bt-area .bt {
      display: inline-block;
      color: #231815;
      border: 2px solid #231815;
      background-image: url(/shared/images/common/arw-brown.png);
      background-position: right 25px top 50%;
      background-repeat: no-repeat;
      background-size: 8px;
      border-radius: 30px;
      padding: 10px 45px;
      text-align: center;
      transition: .2s;
      font-weight: bold;
      font-size: 16px;
      letter-spacing: .16em; }
      #plan-page .equipment-section .item .bt-area .bt:hover {
        color: #fff;
        background-color: #231815;
        text-decoration: none;
        background-color: #231815;
        background-image: url(/shared/images/common/arw-white.png); }

@media screen and (min-width: 769px) {
  #plan-page .equipment-section .item {
    margin-top: 50px; }
    #plan-page .equipment-section .item h3 {
      margin-right: 340px; }
    #plan-page .equipment-section .item .tx {
      margin-right: 340px; }
    #plan-page .equipment-section .item .img {
      margin-top: -52px;
      float: right;
      width: 320px; } }
@media screen and (max-width: 768px) {
  #plan-page .equipment-section .item {
    margin-top: 40px; }
    #plan-page .equipment-section .item h3 {
      margin-bottom: 20px; }
    #plan-page .equipment-section .item .img {
      text-align: center; }
      #plan-page .equipment-section .item .img img {
        width: 320px; }
    #plan-page .equipment-section .item .bt-area {
      text-align: center; } }
/* 春イメージセクション
=========================*/
#plan-page .spring-section .layer-back {
  height: 800px;
  background-image: url(/shared/images/plan/image-sec-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
#plan-page .spring-section .layer-base {
  height: 520px; }

@media screen and (max-width: 768px) {
  #plan-page .spring-section .layer-back {
    height: 300px;
    background-position: left 50% top -60px; }
  #plan-page .spring-section .layer-base {
    height: 200px; } }
/* 草刈り
=========================*/
#plan-page .mowing-section {
  padding-bottom: 100px; }
  #plan-page .mowing-section .base-wrap .tx {
    margin-top: 30px;
    text-align: center; }
  #plan-page .mowing-section .base-wrap .option {
    margin-top: 40px; }
    #plan-page .mowing-section .base-wrap .option .ttl-band {
      text-align: center;
      background-color: #99002f; }
    #plan-page .mowing-section .base-wrap .option .flex {
      margin-top: 30px; }
    #plan-page .mowing-section .base-wrap .option ul {
      margin-top: 0;
      padding-left: 14px; }
      #plan-page .mowing-section .base-wrap .option ul li {
        text-indent: -7px; }
        #plan-page .mowing-section .base-wrap .option ul li:before {
          content: "●";
          display: inline-block;
          width: 9px;
          color: #99002f;
          vertical-align: middle;
          font-size: 11px; }
    #plan-page .mowing-section .base-wrap .option .s {
      text-align: center;
      margin-top: 30px;
      font-size: 13px; }

@media screen and (min-width: 1011px) {
  #plan-page .mowing-section .col1 {
    width: 560px; }
  #plan-page .mowing-section .col2 {
    width: 420px; } }
@media screen and (max-width: 768px) {
  #plan-page .mowing-section .base-wrap .option .flex {
    margin-top: 15px; } }
/* その他 
=========================*/
#plan-page .other-section .col1 .ttl-band,
#plan-page .other-section .col2 .ttl-band,
#plan-page .other-section .col3 .ttl-band {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px; }
#plan-page .other-section .col1 ul,
#plan-page .other-section .col2 ul,
#plan-page .other-section .col3 ul {
  margin-top: 17px; }
  #plan-page .other-section .col1 ul li:before,
  #plan-page .other-section .col2 ul li:before,
  #plan-page .other-section .col3 ul li:before {
    color: #231815; }

@media screen and (min-width: 1011px) {
  #plan-page .other-section {
    padding-bottom: 80px; }
    #plan-page .other-section .col1 ul li,
    #plan-page .other-section .col2 ul li,
    #plan-page .other-section .col3 ul li {
      white-space: nowrap; }
    #plan-page .other-section .col1,
    #plan-page .other-section .col3 {
      width: 360px; }
    #plan-page .other-section .col2 {
      width: 250px; }
    #plan-page .other-section .col2,
    #plan-page .other-section .col3 {
      margin-left: 26px; } }
@media screen and (max-width: 1010px) {
  #plan-page .other-section .flex > div + div {
    margin-top: 30px; } }