@charset "UTF-8";
/* CSS Document */
/**************************************************
*制作：Shinichi Yamazaki
*Created Date：2022/10
 レスポンシブレイアウトモバイルファーストでの記述。
***************************************************/
#slide-menu{
    width: 0;
    height: 100vh;
    background-color:#ECEBDE;
    position: fixed;
    top:0;
    right:0;
    z-index: 9999;
    overflow-x: hidden;
    transition: .5s;
}
.btn-close{
    text-align: right;
    padding: 25px 25px 15px 15px;
    cursor:pointer;
}
.btn-close img{
    width: 18px;
}
.slide-active{
   width: 85%!important;
}
#slide-menu-inner{
    padding: 20px;
}
#slide-menu-inner h2,
#slide-menu-inner h3,
#slide-menu-inner p,
#slide-menu-inner ul{
    line-height:1.5;
    margin-bottom: 12px;
}
#slide-menu-inner h2{
    font-size:1.5rem;
    font-weight: 600;
}
.input-section {
  margin-bottom: 15px;
}
.boild {
  font-weight: bold;
  font-size: 1.3rem;
  color: #333;
  margin-bottom: 5px!important;
}
#slide-menu-inner form{
    padding-bottom: 25px;
}
/*********************************************
*タブレット（600px以上の場合）
**********************************************/
@media screen and (min-width:600px){
	
}
/*********************************************
*PC（960px以上の場合）
**********************************************/
@media screen and (min-width:960px){
	.slide-active{
       width: 33%!important;
    }
}