/* メニュー  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.tab-container {
   margin: 20px 0 0;
}

.tab-buttons {
   display: flex;
   border-bottom: 1px solid #ccc;
}

.tab-button {
   padding: 8px;
   border: none;
   background: none;
   cursor: pointer;
   margin-right: 5px;
   font-size: 1rem;
   max-width: 300px;
   text-align: center;
   width: 25%;
   border: 1px solid #ccc;
   border-bottom: none;
   height: 60px;
}
.tab-button:last-child {
   margin-right: 0px;
}
.tab-button:focus {
   outline: 0;
}
.tab-button:hover {
   background: #1879b7;
   border: 1px solid #1879b7;
   color: #fff;
}

.tab-button.active {
   background: #1879b7;
   border: 1px solid #1879b7;
   color: #fff;
   border-bottom: none;
}

.tab-content {
   display: none;
   padding: 20px 0 0;
   border-top: 1px solid #ccc;
   border-top: none;
   margin-bottom: 3rem;
}

.tab-content.active {
   display: block;
}

.tab-content dl{
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   width: 100%;
   margin-bottom: 0;
}

.tab-content dl dt {
   width: 250px;
   border: 1px solid #1879b7;
   color: #fff;
   background: #1879b7;
   padding: 20px;
   margin-bottom: 4px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.tab-content dl dt p {
   margin: 0;
}

.tab-content dl dd{
   width: calc(100% - 254px);
   background-color: #f7f7f7;
   padding: 20px;
   margin-bottom: 4px;
}


@media (max-width:767.8px) {
   .tab-button {
      font-size: 14px;
      height: 50px;
   }
   .tab-content dl dt {
      width: 100px;
      padding: 15px 12px;
      margin-bottom: 4px;
      font-size: 14px;
   }
   .tab-content dl dd {
      width: calc(100% - 104px);
      padding: 8px;
      margin-bottom: 4px;
      font-size: 14px;
   }
}



/* エントリーフォーム  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.form_txt{
   margin-bottom: 20px;
}

.rec_form{
   margin-bottom: 20px;
}

.rec_form_title{
   margin-bottom: 8px;
}

.rec_form_title p,
.rec_form_content label {
   padding: 0;
   margin: 0;
   border: none;
}


.news_item_form .wpcf7-form {
   background-color: #f7f7f7;
}
.news_item_form .wpcf7-form label{
   width: 100%;
}

.rec_conform .wpcf7-form-control,
.rec_form_content .wpcf7-form-control{
   padding: 0;
   border: none;
}