@charset "Shift_JIS";

/** ***************************************
 * 画面固有のCSSを定義
 * 必ず「body#id名」から始まる用にして定義すること
 */

/** ***************************************
 * 変更希望の商品_入力画面
 * 各共済のリスト部分
 */
body#formItem .icn-kyousai-list
{
    display:flex;
    width: 100%;
    flex-wrap: wrap;
}

body#formItem .icn-kyousai-list .icn-kyousai
{
    padding: 10px;
    width: 30%;
    display: inline-flex;
}

@media screen and (max-width: 768px) {
    body#formItem .icn-kyousai-list .icn-kyousai
    {
        width: 100%;
    }
}

/** ***************************************
 * 組合員番号、契約番号説明画面
 */
body#setsumei_kumiaiin .setsumeiArea img
{
    max-width: 100%;
    height: auto;
}

/** ***************************************
 * 確認画面
 */
 
body#formInputConfirm .InputForm__kyosailist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

body#formInputConfirm .InputForm__kyosailist p {
  display: list-item;
  margin: 0 1.5em;
}

body#formInputConfirm .InputForm__bills p {
  margin-top: 0;
  margin-bottom: 0;
}