@charset "utf-8";


/* ----------------
 共通
------------------- */
.small_t{
 font-size: 15px !important;
}
.red{
 color: #CC3300;
}

video{
 max-width: 100%;
 width: auto;
}


/* ----------------------
  ページ
------------------------- */
/* カテゴリー */
.thumb_box{
 display: grid;
 grid-template-columns: repeat(auto-fill, 280px);
 justify-content: space-around;
 
}
.thumb_box a{
 color: #333; 
}
.thumb_box li{
 position: relative;
 border: 1px solid #ccc;
 min-height: 300px;
 background-color: #fff;
 width: 280px; 
 margin-bottom: 5vw; 
}
.thumb_box li .text_group{
 padding-left: 10px;
 padding-right: 10px; 
}
.thumb_box li a{
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%; 
}
.thumb_box li .img {
  display: inline-block;
  cursor: pointer;
  max-width: 300px;
  height: 180px;
  overflow: hidden;
  width: 100%;
}
.thumb_box li .img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform .6s ease; 
}
.thumb_box li:hover img {
  transform: scale(1.1); 
}


.thumb_box .date{
 text-align: center;
 margin-bottom: 20px; 
}
.thumb_box .title{
  text-align: center;
  font-weight: 500;
}
.thumb_box li:hover .title{
 text-decoration: underline; 
}


/* カテゴリーページ */
@media screen and (min-width: 770px) {/* まで */
.main_wide{
 padding-top: 5vw;
 padding-bottom: 5vw;  
}

}/* end */

@media screen and (max-width: 769px) {/* 以下 */
.works_p li{
 padding: 1.5%;
 text-align: center;
 margin-bottom: 10px;
 display: table;
 margin-left: auto;
 margin-right: auto;
}
.works_p li a{
 display: block;
}
}/*  */

table.table_02{
 border: 1px solid #ccc;
}
.table_02 td{
 padding: 8px !important;
 border-right: 1px solid #ccc; 
 border-bottom: 1px solid #ccc;
}
.table_02 th{
 background-color: #efefef;
 padding: 8px;
 border-right: 1px solid #ccc; 
 border-bottom: 1px solid #ccc;
}

/* -----------------
 お問い合わせ
 ------------------- */
table.contact_t{
 margin-left: auto;
 margin-right: auto;
} 
table.contact_t th{
 padding: 7px;
 font-weight: bold;
 text-align: left;
 border-bottom: 1px solid #ccc;
}
table.contact_t td{
 padding: 7px;
 text-align: left;
 border-bottom: 1px solid #ccc;
}

.jyusho select{
 margin-top: 5px;
 margin-bottom: 5px;
}
.jyusho input{
 margin-bottom: 5px !important;
}
  
@media screen and (min-width: 770px) {/* まで */
table.contact_t{
 width: 90%;
}

}/* end */
.post,
.post .entry{
 max-width: 900px;
 margin: 0 auto; 
}
.post a,
.post .entry a{
 color: #088743;
 text-decoration: underline !important; 
}
.entry table{
 margin: auto; 
}

table.base_t3{
 text-align: left; 
 border-collapse:  collapse;
 border: 1px solid #ccc;
 max-width: 900px;
 width: 100%;
 margin: 30px auto 30px auto;  
}
table.base_t3 th{
 text-align: left; 
 border: 1px solid #ccc;
 background-color: #efefef;
 padding: 15px;  
}
table.base_t3 td {
 border: 1px solid #ccc;
 padding: 15px;  
}
@media screen and (max-width: 769px) {/* 以下 */
table.contact_t{
 width: 100%;
}
.inquiry table tr,
.inquiry table th,
.inquiry table td,
table.contact_t td,
table.contact_t th,
table.contact_t tr{
 display: block;
 width: auto;
}
table.contact_t th{
 background-color: #efefef;
}

table.base_t3{
 overflow-y: auto;
}  
input,
textarea {
 height: auto;
 width: 90% !important;
}
}/* end */


/* --------------------------

 ---------------------------- */
@media screen and (min-width: 770px) {/* pc */
}/* pc end */
@media screen and (max-width: 769px) {/* 以下 */

}/* スマホend */

/* --------------------------

 ---------------------------- */
@media screen and (min-width: 770px) {/* pc */

}/* pc end */

@media screen and (max-width: 769px) {/* 以下 */


}/* スマホend */