@charset "utf-8";
/*
Theme Name: 365mc-theme_2026 エリア情報
Theme URI: https://mh-tec.co.jp/
Author: mh-tec Design team
Author URI: https://mh-tec.co.jp/
Version: 2.0
*/
:root {
  --main-color: #a88d62;
  --sub-color: #91c4a4;
  --sub-color2: #ddb1b1;
  --sub-color3: #a3cacc;
  --sub-color4: #E8E2D7;
}
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}

img {
  max-width: 100%;
}

a,
a:hover,
a:visited,
a:focus {
  text-decoration: none;
  color: inherit;
}
a:hover {
  opacity: 0.5;
}

.row {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

/* breadcrumb */
.breadcrumb-separator {
  margin: 0 5px;
}

.mhtec-service-c-breadcrumb span:nth-child(n+2) a {
    color: #333;
}
.mhtec-service-c-breadcrumb span:nth-child(n+2) a:hover {
    color: #A98F62;
}

/* table_schedule */
table.tablepress.table_schedule {
  border-collapse: collapse;
  border-spacing: 0;
  font-family: Lato,sans-serif;
}
table.tablepress.table_schedule > :where(thead, tbody) > tr > * {
  padding: 15px 10px;
  text-align: center;
  vertical-align: middle;
}
table.tablepress.table_schedule > thead > tr > * {
  background-color: var(--main-color);
  color: #fff;
  font-weight: normal;
  border-right: 2px solid #fff;
}
table.tablepress.table_schedule > thead > tr > *:first-child {
  border-radius: .75rem 0 0 0;
}
table.tablepress.table_schedule > thead > tr > *:last-child {
  border-radius: 0 .75rem 0 0;
  border-right: none;
}
table.tablepress.table_schedule > :where(thead) + tbody > :where(:not(.child)) > *,
table.tablepress.table_schedule > tbody > * ~ :where(:not(.child)) > *,
table.tablepress.table_schedule > tfoot > :where(:first-child) > * {
  border-top: none;
}
table.tablepress.table_schedule > tbody > tr > *:first-child {
  background-color: var(--sub-color4);
  border-right: 3px solid #fff;
  border-bottom: none;
  border-top: 3px solid #fff;
  width: 17%;
}
table.tablepress.table_schedule > tbody > tr > *:first-child span {
  display: inline-block;
}
table.tablepress.table_schedule > tbody > tr:last-child > *:first-child {
  border-bottom-left-radius: .75rem;
}
table.tablepress.table_schedule > tbody > tr:first-child > * {
  border-top: 3px solid #fff;
}
table.tablepress.table_schedule > tbody > tr > *:first-child:before,
table.tablepress.table_schedule > tbody > tr > *:nth-child(2):before,
table.tablepress.table_schedule > tbody > tr:first-child > *:before {
  display: none;
}
table.tablepress.table_schedule > tbody > tr > td {
  position: relative;
  padding: 20px 10px;
  border-right: .0625rem dashed var(--main-color);
  border-bottom: .0625rem dashed var(--main-color);
}
table.tablepress.table_schedule > tbody > tr > td:before {
  content: "◆";
  font-size: 7px;
  position: absolute;
  left: -4px;
  top: -5px;
  color: var(--main-color);
}
table.tablepress.table_schedule > tbody > tr:last-child > *:last-child {
  border-bottom-right-radius: .75rem;
}
table.tablepress.table_schedule td > *:last-child {
  margin-bottom: 0!important;
}
table.tablepress.table_schedule em.blue,
table.tablepress.table_schedule em.pink {
  display: inline-block;
  line-height: 100%;
  padding: 3px 5px;
  border-radius: 3px;
  font-weight: 600;
  font-size: 90%;
  margin-bottom: 3px;
}
table.tablepress.table_schedule em.pink {
  background-color: #F0CAC9;
}
table.tablepress.table_schedule em.blue {
  background-color: #B0D6DA;
}


  /* responsive */
        @media (max-width: 480px) { /* xs */
          table.tablepress.table_schedule {
            font-size: .75rem;
          }
          table.tablepress.table_schedule > thead > tr > *,
          table.tablepress.table_schedule > tbody > tr > td {
            padding: 10px;
            line-height: 135%;
          }
          table.tablepress.table_schedule > tbody > tr > *:first-child {
            width: 15%;
          }
          table.tablepress.table_schedule > tbody > tr > td::before {
            top: -8px;
          }
        }
        @media screen and (min-width:481px) and (max-width:543px) { /* sm */
          table.tablepress.table_schedule {
            font-size: .75rem;
          }
          table.tablepress.table_schedule > thead > tr > *,
          table.tablepress.table_schedule > tbody > tr > td {
            padding: 10px;
            line-height: 135%;
          }
          table.tablepress.table_schedule > tbody > tr > *:first-child {
            width: 15%;
          }
          table.tablepress.table_schedule > tbody > tr > td::before {
            top: -8px;
          }
        }
        @media screen and (min-width:544px) and (max-width:767px) { /* sm */
          table.tablepress.table_schedule {
            font-size: .75rem;
          }
          table.tablepress.table_schedule > thead > tr > *,
          table.tablepress.table_schedule > tbody > tr > td {
            padding: 10px;
            line-height: 135%;
          }
          table.tablepress.table_schedule > tbody > tr > *:first-child {
            width: 15%;
          }
          table.tablepress.table_schedule > tbody > tr > td::before {
            top: -8px;
          }
        }
        @media screen and (min-width:768px) and (max-width:991px) { /* md */
        }
        @media screen and (min-width:992px) and (max-width:1199px) { /* lg */
        }
        @media screen and (min-width:1200px) { /* xl */
        }


/* table_schedule_rework */
table.tablepress.table_schedule_rework {
  border-collapse: collapse;
  border-spacing: 0;
  font-family: Lato,sans-serif;
  width: 100%;
  max-width: 1000px;
}
table.tablepress.table_schedule_rework > :where(thead, tbody) > tr > * {
  padding: 15px 10px;
  text-align: center;
  vertical-align: middle;
}
table.tablepress.table_schedule_rework > thead > tr > * {
  background-color: var(--main-color);
  color: #fff;
  font-weight: normal;
  border-right: 2px solid #fff;
}
table.tablepress.table_schedule_rework > tbody > tr.row-2 > *,
table.tablepress.table_schedule_rework > tbody > tr.row-5 > *,
table.tablepress.table_schedule_rework > tbody > tr.row-8 > *,
table.tablepress.table_schedule_rework > tbody > tr.row-11 > *,
table.tablepress.table_schedule_rework > tbody > tr.row-14 > *,
table.tablepress.table_schedule_rework > tbody > tr.row-17 > * {
  font-weight: bold;
}
table.tablepress.table_schedule_rework > tbody > tr.row-4 > *,
table.tablepress.table_schedule_rework > tbody > tr.row-4 > *:first-child,
table.tablepress.table_schedule_rework > tbody > tr.row-7 > *,
table.tablepress.table_schedule_rework > tbody > tr.row-7 > *:first-child,
table.tablepress.table_schedule_rework > tbody > tr.row-10 > *,
table.tablepress.table_schedule_rework > tbody > tr.row-10 > *:first-child,
table.tablepress.table_schedule_rework > tbody > tr.row-13 > *,
table.tablepress.table_schedule_rework > tbody > tr.row-13 > *:first-child {
  border-bottom: 2px solid var(--main-color);
}
table.tablepress.table_schedule_rework > thead > tr > *:first-child {
  border-radius: .75rem 0 0 0;
}
table.tablepress.table_schedule_rework > thead > tr > *:last-child {
  border-radius: 0 .75rem 0 0;
  border-right: none;
}
table.tablepress.table_schedule_rework > :where(thead) + tbody > :where(:not(.child)) > *,
table.tablepress.table_schedule_rework > tbody > * ~ :where(:not(.child)) > *,
table.tablepress.table_schedule_rework > tfoot > :where(:first-child) > * {
  border-top: none;
}
table.tablepress.table_schedule_rework > tbody > tr > *:first-child {
  background-color: var(--sub-color4);
  border-right: 2px solid #fff;
  border-bottom: none;
  border-top: 2px solid #fff;
  width: 17%;
  font-weight: bold;
}
table.tablepress.table_schedule_rework > tbody > tr > *:first-child span {
  display: inline-block;
}
table.tablepress.table_schedule_rework > tbody > tr:last-child > *:first-child {
  border-bottom-left-radius: .75rem;
}
table.tablepress.table_schedule_rework > tbody > tr:first-child > * {
  border-top: 2px solid #fff;
}
table.tablepress.table_schedule_rework > tbody > tr > *:first-child:before,
table.tablepress.table_schedule_rework > tbody > tr > *:nth-child(2):before,
table.tablepress.table_schedule_rework > tbody > tr:first-child > *:before {
  display: none;
}
table.tablepress.table_schedule_rework > tbody > tr > td {
  position: relative;
  padding: 15px 10px;
  border-right: .0625rem dashed var(--main-color);
  border-bottom: .0625rem dashed var(--main-color);
}
table.tablepress.table_schedule_rework > tbody > tr > td:empty {
  background-image: linear-gradient(to top right, transparent, transparent calc(50% - 0.5px), var(--sub-color4) calc(50% - 0.5px), var(--sub-color4) calc(50% + 0.5px), transparent calc(50% + 0.5px));
}
table.tablepress.table_schedule_rework > tbody > tr > td:before {
  content: "◆";
  font-size: 7px;
  position: absolute;
  left: -4px;
  top: -5px;
  color: var(--main-color);
}
table.tablepress.table_schedule_rework > tbody > tr:last-child > *:last-child {
  border-bottom-right-radius: .75rem;
}
  /* responsive */
        @media (max-width: 480px) { /* xs */
          table.tablepress.table_schedule_rework {
            font-size: .75rem;
          }
          table.tablepress.table_schedule_rework > thead > tr > *,
          table.tablepress.table_schedule_rework > tbody > tr > td {
            padding: 10px;
            line-height: 135%;
          }
          table.tablepress.table_schedule_rework > tbody > tr > *:first-child {
            width: 15%;
          }
          table.tablepress.table_schedule_rework > tbody > tr > td::before {
            top: -8px;
          }
        }
        @media screen and (min-width:481px) and (max-width:543px) { /* sm */
          table.tablepress.table_schedule_rework {
            font-size: .75rem;
          }
          table.tablepress.table_schedule_rework > thead > tr > *,
          table.tablepress.table_schedule_rework > tbody > tr > td {
            padding: 10px;
            line-height: 135%;
          }
          table.tablepress.table_schedule_rework > tbody > tr > *:first-child {
            width: 15%;
          }
          table.tablepress.table_schedule_rework > tbody > tr > td::before {
            top: -8px;
          }
        }
        @media screen and (min-width:544px) and (max-width:767px) { /* sm */
          table.tablepress.table_schedule_rework {
            font-size: .75rem;
          }
          table.tablepress.table_schedule_rework > thead > tr > *,
          table.tablepress.table_schedule_rework > tbody > tr > td {
            padding: 10px;
            line-height: 135%;
          }
          table.tablepress.table_schedule_rework > tbody > tr > *:first-child {
            width: 15%;
          }
          table.tablepress.table_schedule_rework > tbody > tr > td::before {
            top: -8px;
          }
        }
        @media screen and (min-width:768px) and (max-width:991px) { /* md */
        }
        @media screen and (min-width:992px) and (max-width:1199px) { /* lg */
        }
        @media screen and (min-width:1200px) { /* xl */
        }


/* table_schedule_rework_protram */
table.tablepress.table_schedule_rework_protram {
  border-collapse: collapse;
  border-spacing: 0;
  font-family: Lato,sans-serif;
  width: 100%;
  max-width: 1000px;
  margin-bottom: 0;
}
table.tablepress.table_schedule_rework_protram > :where(thead, tbody) > tr > * {
  padding: 15px 10px;
  text-align: center;
  vertical-align: middle;
}
table.tablepress.table_schedule_rework_protram > thead > tr > * {
  background-color: var(--main-color);
  color: #fff;
  font-weight: normal;
  border-right: 2px solid #fff;
}
table.tablepress.table_schedule_rework_protram > thead > tr > *:first-child {
  border-radius: .75rem 0 0 0;
}
table.tablepress.table_schedule_rework_protram > thead > tr > *:last-child {
  border-radius: 0 .75rem 0 0;
  border-right: none;
}
table.tablepress.table_schedule_rework_protram > :where(thead) + tbody > :where(:not(.child)) > *,
table.tablepress.table_schedule_rework_protram > tbody > * ~ :where(:not(.child)) > *,
table.tablepress.table_schedule_rework_protram > tfoot > :where(:first-child) > * {
  border-top: none;
}
table.tablepress.table_schedule_rework_protram > tbody > tr > *:first-child {
  background-color: var(--sub-color4);
  border-right: 2px solid #fff;
  border-bottom: none;
  border-top: 2px solid #fff;
  font-weight: bold;
  white-space: nowrap;
}
table.tablepress.table_schedule_rework_protram > tbody > tr:last-child > *:first-child {
  border-bottom-left-radius: .75rem;
}
table.tablepress.table_schedule_rework_protram > tbody > tr:first-child > * {
  border-top: 2px solid #fff;
}
table.tablepress.table_schedule_rework_protram > tbody > tr > td {
  position: relative;
  padding: 15px 10px;
  border-right: .0625rem dashed var(--main-color);
  border-bottom: .0625rem dashed var(--main-color);
}
table.tablepress.table_schedule_rework_protram > tbody > tr > td:empty {
  background-image: linear-gradient(to top right, transparent, transparent calc(50% - 0.5px), var(--sub-color4) calc(50% - 0.5px), var(--sub-color4) calc(50% + 0.5px), transparent calc(50% + 0.5px));
}
table.tablepress.table_schedule_rework_protram > tbody > tr:last-child > *:last-child {
  border-bottom-right-radius: .75rem;
}
  /* responsive */
        @media (max-width: 480px) { /* xs */
          table.tablepress.table_schedule_rework_protram {
            font-size: .75rem;
          }
          table.tablepress.table_schedule_rework_protram > thead > tr > *,
          table.tablepress.table_schedule_rework_protram > tbody > tr > td {
            padding: 10px;
            line-height: 135%;
          }
        }
        @media screen and (min-width:481px) and (max-width:543px) { /* sm */
          table.tablepress.table_schedule_rework_protram {
            font-size: .75rem;
          }
          table.tablepress.table_schedule_rework_protram > thead > tr > *,
          table.tablepress.table_schedule_rework_protram > tbody > tr > td {
            padding: 10px;
            line-height: 135%;
          }
        }
        @media screen and (min-width:544px) and (max-width:767px) { /* sm */
          table.tablepress.table_schedule_rework_protram {
            font-size: .75rem;
          }
          table.tablepress.table_schedule_rework_protram > thead > tr > *,
          table.tablepress.table_schedule_rework_protram > tbody > tr > td {
            padding: 10px;
            line-height: 135%;
          }
        }
        @media screen and (min-width:768px) and (max-width:991px) { /* md */
        }
        @media screen and (min-width:992px) and (max-width:1199px) { /* lg */
        }
        @media screen and (min-width:1200px) { /* xl */
        }

/* form */
/* =========================================
   MW WP Form用 ラジオボタンのデザイン復元
========================================= */
/* ラジオボタンを縦並びにして余白をあける */
.leadgrid-form__radio .mwform-radio-field {
    display: block !important;
    margin: 10px 0 0 0 !important; /* ここで適度な行間を指定 */
}
.leadgrid-form__radio label {
    display: inline-flex !important;
    align-items: center;
    margin: 0 !important; /* ラジオボタン自体の余計なマージンを消す */
    padding: 0 !important;
}

/* デフォルトの丸ポチを隠す */
.leadgrid-form__radio input[type="radio"] {
    opacity: 0;
    position: absolute;
}

/* テキストと装飾のベース */
.leadgrid-form__radio .mwform-radio-field-text {
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    position: relative;
    cursor: pointer;
}

/* 未選択時の外側の丸枠 */
.leadgrid-form__radio .mwform-radio-field-text:before {
    content: " ";
    display: block;
    margin-right: 12px;
    min-width: 22px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #1b1b1b;
    box-sizing: border-box;
}

/* 選択時の内側の黒丸 */
.leadgrid-form__radio input[type="radio"]:checked + .mwform-radio-field-text:after {
    content: " ";
    box-sizing: border-box;
    display: block;
    min-width: 12px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #1b1b1b;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 5px;
}

/* =========================================
   MW WP Form用 チェックボックスのデザイン復元
========================================= */
/* デフォルトのチェックボックスを隠す */
.c-form__checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

/* テキストと装飾のベース */
.c-form__checkbox .mwform-checkbox-field-text {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    font-size: 15px;
    cursor: pointer;
    position: relative;
}

/* 未選択時の四角い枠 */
.c-form__checkbox .mwform-checkbox-field-text:before {
    content: " ";
    display: block;
    min-width: 22px;
    width: 22px;
    height: 22px;
    border: 2px solid #1b1b1b;
    border-radius: 3px;
    margin-right: 15px;
    box-sizing: border-box;
}

/* 選択時のチェックマーク */
.c-form__checkbox input[type="checkbox"]:checked + .mwform-checkbox-field-text:after {
    content: " ";
    box-sizing: border-box;
    display: block;
    width: 8px;
    height: 14px;
    border-bottom: 3px solid #1b1b1b;
    border-right: 3px solid #1b1b1b;
    border-radius: 2px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 7px;
    margin-top: -8px;
}
.submit-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important; /* 透明にする */
    cursor: pointer !important;
    z-index: 10 !important; /* 一番上に配置 */
    margin: 0 !important;
    padding: 0 !important;
}
.mhtec-service-c-form .leadgrid-form__radio label span {
  line-height: 1.3;
}

span.error {
    display: none !important;
}
.leadgrid-form__error span.error {
    display: block !important;
}

/* breadcrumb */
.mhtec-service-c-breadcrumb a {
  color: #A98F62;
}