/* カスタマイズ用CSS */
/*PCの場合*/
.mbsearch { display:none; }

@media screen and (max-width: 768px) {
/*タブレット、スマホの場合*/
.mbsearch { display:inline; 
    max-width : 500px;
}

}
/*----------------------------------------------*/
h4 {
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 10px 0;
}
h3 {
  padding: .5em .75em;
  background-color: #f6f6f6;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 10px 0;
}
/*キャプレターオーバーホール*/
.warp_pastel{
    margin: 0 auto;
    width: 100%;
}
.warp_pastel h3{
    text-align: center;
    margin: 30px 0 15px 0;
}
.warp_pastel h4{
    text-align: center;
    margin: 30px 0 15px 0;
}
.top .img{
    width: 100%;
}
.description_1{
    margin: 20px 0;
}
.description_2{
    margin: 20px 0;
}
.description_3{
    margin: 20px 0;
}
.description_4 table td{
    font-size: 12px;
    text-align: center;
    vertical-align:top;
}
.description_4 img{
    width: 140px;
    height: auto;
    margin: 5px;
}
.description_5{
    display: flex;
    justify-content: flex-start;
    margin: 20px 0;
}
.description_6{
    margin: 20px 0;
}
.description_6 img{
    width: 185px;
    height: auto;
    margin: 0 10px;
}
.description_7{
    margin: 20px 0;
}
.description_8{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.description_8 table td{
    padding: 10px;
}
.description_9{
    text-align: center;
    margin: 40px auto 40px auto;
}