.box {
    margin: 2em 0;    /*外側余白：上下2em、左右0*/
    padding: 0;          /*内側余白：上下左右0*/
    width: auto;          /*横幅：自動*/
}
/*▼「部署名からお問い合わせ内容を探す」ラベル*/
.box label {
    display: block;             
    margin: 1.5px 0;           /*外側余白：上下1.5px、左右0*/
    padding : 11px 12px;   /*内側余白：上下11px、左右12px*/
    color :#ffffff;                  /*文字色：白*/
    font-weight: bold;         /*太字*/
    background :#52759c; /*背景色：青*/
    cursor :pointer;             /*ポインタ置いたとき：指マーク*/
    transition: all 0.5s;        /*変化：0.5秒*/
}
/*▼チェックは隠す*/
.box input {
    display: none;
}
/*▼中身を非表示にしておく*/
.box .show {
    height: 0;                /*高さ：0*/
    padding: 0;             /*内側余白：0*/
    overflow: hidden;    /*はみ出した部分非表示*/
    opacity: 0;               /*不透明度：最大*/
}
/*▼クリックで中身表示*/
.css:checked + .show {
    height: auto;              /*高さ：自動*/
    padding: 5px;            /*内側余白：5px*/
    background: #ffffff;    /*背景色：白*/
    opacity: 1;                 /*不透明度：最小*/
}
/*▼電話番号クリックで電話発信*/
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}
/*▼「内容からお問い合わせ先を探す」ラベル*/
.box2 {
    margin: 2em 0;               /*外側余白：上下2em、左右0*/
    padding: 0;                     /*内側余白：上下左右0*/
    width: auto;                    /*横幅：自動*/
    display: block;
    margin: 1.5px 0;            /*外側余白：上下1.5px、左右0*/
    padding : 11px 12px;     /*内側余白：上下11px、左右12px*/
    color :#ffffff;                    /*文字色：白*/
    font-weight: bold;           /*太字*/
    background :#52759c;   /*背景色：青*/
}