/* 2020/09/07 B-TMI1QA-0000010 大庭 Start */
/*input[type=checkbox] {
display: none; }*/
/* 2020/09/07 B-TMI1QA-0000010 大庭 End */

@media screen and (min-width: 1025px) {
/* 2020/09/07 B-TMI1QA-0000010 大庭 Start */
    /* 濃い灰色と薄い灰色のチェックボックスを別定義。borderの色を背景と同じにする。*/
    .chkbox-dark {
      width: 0px;
      height: 0px;
      padding: 0 0 0 0px;
      border-color: #727272;
    }
    .chkbox-light {
      width: 0px;
      height: 0px;
      padding: 0 0 0 0px;
      border-color: #e3e3e3;
    }
    /* フォーカス時はforで関連させてるlabelの枠を目立たせる */
    /* 薄いのと濃いので微妙に差があるので、それぞれで定義。 */
    .chkbox-dark:focus + .chklbl-dark:before {    /* 濃い方 */
      border-color: #0171bd;
    }
    .chkbox-dark:focus + .chklbl-dark:after {    /* 濃い方 */
      border-color: #0171bd;
    }
    .chkbox-light:focus + .check01:before {    /* 薄い方 */
      border-color: #0171bd;
    }
    .chkbox-light:focus + .check01:after {    /* 薄い方 */
      border-color: #0171bd;
    }
    /* 濃い方のラベル定義 (薄い方はcheck01) */
    .chklbl-dark {
      position: relative;
      display: inline-block;
      padding: 0px 0px 0px 17px;
      vertical-align: middle;
      cursor: pointer;
      font-size: 14px;
      width: 17px;
      margin-bottom: 0px;
      margin-left: 8px;
    }

    .chklbl-dark:hover:after {
      border-color: #0171bd;
    }

    .chklbl-dark:after {
      box-sizing: border-box;
      position: absolute;
      top: 50%;
      left: 0;
      display: block;
      margin-top: -9px;
      width: 17px;
      height: 17px;
      border: 1px solid #ccc;
      content: '';
      background-color: #FFF;
    }

    .chklbl-dark:before {
      position: absolute;
      top: 38%;
      left: 1px;
      display: block;
      margin-top: -8px;
      width: 14px;
      height: auto;
      content: url("../image/ico_check.svg");
      opacity: 0;
      z-index: 999;
    }

    .chkbox-dark:checked + .chklbl-dark:before {
      opacity: 1; }

    /* 濃い灰色のタイトルも若干上にズレるのでclass当てる必要あり */
    .chktitle-dark {
      padding-top: 8px;
    }

    /* ラジオ */
    .radio-input{
      width: 0px;
      height: 0px;
      padding: 0 0 0 0px;
      border-top-width: 0px;
      border-right-width: 0px;
      border-bottom-width: 0px;
      border-left-width: 0px;
    }
    .radio-input:focus {
      border-color: #0171bd;
    }
    .radio-input:focus + .radio-label:before {
      border-color: #0171bd;
    }
    .radio-input:focus + .radio-label:after {
      border-color: #0171bd;
    }
/* 2020/09/07 B-TMI1QA-0000010 大庭 End */

  /*.check01*/
  .check01 {
    position: relative;
    display: inline-block;
    padding: 0 0 0 25px;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    width: 182px;
    margin-bottom: 21px; }

  .check01:hover:after {
    border-color: #0171bd; }

  .check01:after {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: -9px;
    width: 17px;
    height: 17px;
    border: 1px solid #ccc;
    content: '';
    background-color: #FFF; }

  .check01:before {
    position: absolute;
    top: 38%;
    left: 2px;
    display: block;
    margin-top: -9px;
    width: 14px;
    height: auto;
    content: url("../image/ico_check.svg");
    opacity: 0;
    z-index: 999; }

  input[type=checkbox]:checked + .check01:before {
    opacity: 1; }

  /*.check01a*/
  .check01a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 25px;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    width: 182px;
    margin-bottom: 21px; }

  .check01a:hover:after {
    border-color: #0171bd; }

  .check01a:after {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: -9px;
    width: 17px;
    height: 17px;
    border: 1px solid #ccc;
    content: '';
    background-color: #FFF; }

  .check01a:before {
    position: absolute;
    top: 50%;
    left: 2px;
    display: block;
    margin-top: -12px;
    width: 14px;
    height: auto;
    content: url("../image/ico_check.svg");
    opacity: 0;
    z-index: 999; }

  input[type=checkbox]:checked + .check01a:before {
    opacity: 1; }

  /*.check02*/

  .check02 {
    position: relative;
    display: inline-block;
    padding: 0 0 0 0;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    /*width: 182px;
    margin-bottom: 18px;*/ }

  .check02:hover:after {
    border-color: #0171bd; }

  .check02:after {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: -9px;
    display: block;
    margin-top: -9px;
    width: 17px;
    height: 17px;
    border: 1px solid #ccc;
    content: '';
    background-color: #FFF; }

  .check02:before {
    position: absolute;
    top: 50%;
    left: -7px;
    display: block;
    margin-top: -11px;
    width: 14px;
    height: auto;
    content: url("../image/ico_check.svg");
    opacity: 0;
    z-index: 999; }

    .check00{
      margin-left: 10px;
      padding-left: 10px;
      margin-bottom: 0px;
    }
  input[type=checkbox]:checked + .check02:before {
    opacity: 1; }

  /*.check02a*/
  .check02a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 23px;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    /*width: 182px;
    margin-bottom: 18px;*/ }

  .check02a:hover:after {
    border-color: #0171bd; }

  .check02a:after {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 3px;
    display: block;
    margin-top: -9px;
    width: 17px;
    height: 17px;
    border: 1px solid #ccc;
    content: '';
    background-color: #FFF; }

  .check02a:before {
    position: absolute;
    top: 50%;
    left: 5px;
    display: block;
    margin-top: -7px;
    width: 14px;
    height: auto;
    content: url("../image/ico_check.svg");
    opacity: 0;
    z-index: 999; }

  input[type=checkbox]:checked + .check02a:before {
    opacity: 1; }

  .chk1:hover,
  .chk2:hover
    {
    opacity: 0.5; }

  /*.chk1 .chk2*/
  .chk1,
  .chk2
    {
    margin-right: 10px;
    padding: 0 22px;
    font-size: 15px;
    background: #FFFFFF;
    border-style: Solid;
    border-color: #CACBCB;
    border-width: 1px;
    border-radius: 5px;
    width: auto;
    height: 50px;
    cursor: pointer; }

/* 2020/10/01 B-TMI1QA-0000010 柴 Start */
  .chk1:focus,.chk2:focus {
	border: solid 1px #0171bd;
	border-radius: 5px;
	}
/* 2020/10/01 B-TMI1QA-0000010 柴 End */

  /*.chk1 .chk2*/
  .chk3,
  .chk4,
  .chk5,
  .chk6,
  .chk7 {
    margin-right: 10px;
    padding: 0 22px;
    font-size: 15px;
    background: #FFFFFF;
    border-style: Solid;
    border-color: #CACBCB;
    border-width: 1px;
    border-radius: 5px;
    width: auto;
    height: 50px;
    cursor: pointer; }

  /*.chk1 .chk2*/
  .chk8,
  .chk9,
  .chk10,
  .chk11 {
    margin-right: 10px;
    padding: 0 10px;
    font-size: 11px;
    background: #FFFFFF;
    border-style: Solid;
    border-color: #CACBCB;
    border-width: 1px;
    border-radius: 5px;
    width: auto;
    height: 20px;
    cursor: pointer; }

  /*.chk1 .chk2*/
  .chk12,
  .chk13,
  .chk14 {
    margin-right: 10px;
    padding: 0 20px;
    font-size: 11px;
    background: #FFFFFF;
    border-style: Solid;
    border-color: #CACBCB;
    border-width: 1px;
    border-radius: 5px;
    width: auto;
    height: 20px;
    cursor: pointer; }

  /*.chk1 .chk2*/
  .chk15,
  .chk16,
  .chk17,
  .chk18,
  .chk19,
  .chk20,
  .chk21,
  .chk22,
  .chk23 {
    margin-right: 10px;
    padding: 0 30px;
    font-size: 11px;
    background: #FFFFFF;
    border-style: Solid;
    border-color: #CACBCB;
    border-width: 1px;
    border-radius: 5px;
    width: auto;
    height: 20px;
    cursor: pointer; }

  .button_area input:last-child {
    margin-right: 0; }

  /*.chk3,
  .chk4{
    margin-right: 10px; }

  .chk3, .chk4, .chk5 {
    font-size: 12px;
    background: #FFFFFF;
    border-style: Solid;
    border-color: #CACBCB;
    border-width: 1px;
    border-radius: 5px;
    width: auto;
    height: 20px;
    cursor: pointer;
    padding: 0 5px; }*/
  /*.button_area*/
  .button_area {
    display: flex;
    justify-content: flex-end;
    align-items: center; }

  /*.radio*/
  .radio {
    display: flex;
    justify-content: flex-start;
    align-items: center; }

  .radio li {
    display: flex;
    align-items: center;
    width: 162px; }

  /*.radio.Ver02*/
  .radio.Ver02 li {
    width: 112px; }

  .radio.Ver02 li .radio-input + label {
    margin-right: 0; }

  /*.radio.Ver03*/
  .radio.Ver03 li {
    margin-right: 30px; }

  /*.radio.Ver04*/
  .radio.Ver04 li {
    width: 140px; }

  /*.radio.Ver05*/
  .radio.Ver05 li {
    width: 150px; }

  /*.radio.Ver06*/
  .radio.Ver06 li {
    width: 95px; }

/* 2020/09/07 B-TMI1QA-0000010 大庭 Start */
/*  .radio-input {
    display: none; } */
/* 2020/09/07 B-TMI1QA-0000010 大庭 End */

  .radio-input + label {
/* 2020/11/04 TMI1TK01R-000001 鮑 Start */
    vertical-align: middle;
    top:5px;
    line-height:initial;
    margin-bottom:15px;
/* 2020/11/04 TMI1TK01R-000001 鮑 End */
    padding-left: 23px;
    position: relative;
    margin-right: 20px;
    font-size: 14px; }

  .radio-input + label::before {
    content: "";
    display: block;
    position: absolute;
/* 2020/09/07 B-TMI1QA-0000010 大庭 Start */
    top: 2px;
/* 2020/09/07 B-TMI1QA-0000010 大庭 End */
    left: 0;
    width: 17px;
    height: 17px;
    border: 1px solid #CACBCB;
    border-radius: 50%;
    background: #FFF; }

  .radio-input:checked + label {
    /*color: #e60012;*/ }

  .radio-input:checked + label::after {
    content: "";
    display: block;
    position: absolute;
/* 2020/09/07 B-TMI1QA-0000010 大庭 Start */
    top: 5px;
/* 2020/09/07 B-TMI1QA-0000010 大庭 End */
    left: 3px;
    width: 11px;
    height: 11px;
    background: #e60012;
    border-radius: 50%; }

  /*.brand-item*/
  .brand-item {
    display: inline-block;
    position: relative;
    background-color: #fff;
    margin-right: 10px;
    margin-left: 10px;
    border: 1px solid #CACBCB;
    width: 115px;
    height: 21px;
    margin-left: 0; }

  .brand-item select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 18px;
    border: 0;
    background: none;
    font-size: 12px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 3px;
    background-image: url("../image/ico_dw_arrow.svg");
    background-repeat: no-repeat;
    background-size: 11px 7px;
    background-position: 90% center;
    line-height: 1; }

  /*.brand-item02*/
  .brand-item02 {
    display: inline-block;
    position: relative;
    background-color: #fff;
    margin-right: 30px;
    margin-left: 10px;
    border: 1px solid #CACBCB;
    width: 254px;
    height: 21px;
    margin-left: 0; }

  .brand-item02 select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 18px;
    border: 0;
    background: none;
    font-size: 12px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 3px;
    background-image: url("../image/ico_dw_arrow.svg");
    background-repeat: no-repeat;
    background-size: 11px 7px;
    background-position: 96% center;
    line-height: 1; }

  /*.Corp-item*/
  .Corp-item {
    display: inline-block;
    position: relative;
    background-color: #fff;
    margin-right: 15px;
    margin-left: 0;
    border: 1px solid #CACBCB;
    width: 202px;
    height: 21px;
    margin-left: 0; }

  .Corp-item select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 18px;
    border: 0;
    background: none;
    font-size: 12px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 3px;
    background-image: url("../image/ico_dw_arrow.svg");
    background-repeat: no-repeat;
    background-size: 11px 7px;
    background-position: 90% center;
    line-height: 1; }

  /*.code-list*/
  .code-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    margin-bottom: 20px; }

  .code-list dt {
    width: 110px;
    white-space: nowrap;
    margin-right: 10px;
    font-weight: bold; }

  .code-list dd {
    width: 20px;
    margin-right: 5px; }

  .code-list dd.code-field {
    width: 220px; }

  .code-list dd.code-serch {
    width: inherit;
    font-size: 12px;
    color: #404040; }

  .code-list dd.code-serch a {
    color: #404040;
    text-decoration: underline; }

  .code-list dd.code-serch a:hover {
    text-decoration: none; }

  .text-field {
    width: 220px; }

  /*.code-list02*/
  .code-list02 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    margin-bottom: 20px; }

  .code-list02 dt {
    width: 45px;
    white-space: nowrap;
    margin-right: 10px;
    font-weight: bold; }

  .code-list02 dd {
    width: 20px;
    margin-right: 5px; }

  .code-list02 dd.code-field02 {
    width: 270px; }

  .text-field02 {
    width: 270px; }

  /*.code-list03*/
  .code-list03 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    margin-bottom: 15px; }

  .code-list03 dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 24px;
    background-color: #FFF;
    border-radius: 4px;
    margin-right: 20px; }

  .code-list03 dd {
    width: 100px;
    margin-right: 5px;
    padding-bottom: 0; }

  .code-list03 dd label {
    width: auto;
    margin-bottom: 0; }

  .code-list03 dd:nth-child(7) {
    width: 182px; }

  .code-list03 dd:last-child {
    width: auto; }

  .code-list03 dd.code-field02 {
    width: 270px; }

  .text-field03 {
    width: 270px; }

  /*.code-list04*/
  .code-list04 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    margin-bottom: 15px; }

  .code-list04 dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 24px;
    background-color: #FFF;
    border-radius: 4px;
    margin-right: 20px; }

  .code-list04 dd {
    width: 153px;
    margin-right: 5px;
    padding-bottom: 0;
    line-height: 1.6; }

  .code-list04 dd:nth-of-type(1) {
    width: 100px;
    margin-right: 5px;
    padding-bottom: 0; }

  .code-list04 dd label {
    width: auto;
    margin-bottom: 0; }

  .code-list04 dd:nth-child(7) {
    width: 182px; }

  .code-list04 dd:last-child {
    width: auto; }

  .code-list04 dd.code-field02 {
    width: 270px; }

  .text-field04 {
    width: 270px; }

  .check-width-auto{
    width: auto;
    min-width: 100px;
  }

}
@media screen and (max-width: 1024px) {
/* 2020/09/07 B-TMI1QA-0000010 大庭 Start */
    /* 濃い灰色と薄い灰色のチェックボックスを別定義。borderの色を背景と同じにする。*/
    .chkbox-dark {
      width: 0px;
      height: 0px;
      padding: 0 0 0 0px;
      border-color: #727272;
    }
    .chkbox-light {
      width: 0px;
      height: 0px;
      padding: 0 0 0 0px;
      border-color: #e3e3e3;
    }
    /* フォーカス時はforで関連させてるlabelの枠を目立たせる */
    /* 薄いのと濃いので微妙に差があるので、それぞれで定義。 */
    .chkbox-dark:focus + .chklbl-dark:before {    /* 濃い方 */
      border-color: #0171bd;
    }
    .chkbox-dark:focus + .chklbl-dark:after {    /* 濃い方 */
      border-color: #0171bd;
    }
    .chkbox-light:focus + .check01:before {    /* 薄い方 */
      border-color: #0171bd;
    }
    .chkbox-light:focus + .check01:after {    /* 薄い方 */
      border-color: #0171bd;
    }
    /* 濃い方のラベル定義 (薄い方はcheck01) */
    .chklbl-dark {
      position: relative;
      display: inline-block;
      padding: 0 0 0 25px;
      vertical-align: middle;
      cursor: pointer;
      font-size: 1.328vw;
      width: 182px;
      /* 2020/10/01 B-TMI1QA-0000010 柴 Start */
      margin: 0 0 0 8px;
      /* 2020/10/01 B-TMI1QA-0000010 柴 End */
    }

    .chklbl-dark:hover:after {
      border-color: #0171bd;
    }

    .chklbl-dark:after {
      box-sizing: border-box;
      position: absolute;
      top: 50%;
      left: 0;
      display: block;
      margin-top: -9px;
      width: 17px;
      height: 17px;
      border: 1px solid #ccc;
      content: '';
      background-color: #FFF;
    }

    .chklbl-dark:before {
      position: absolute;
      top: 38%;
      left: 1px;
      display: block;
      margin-top: -8px;
      width: 14px;
      height: auto;
      content: url("../image/ico_check.svg");
      opacity: 0;
      z-index: 999;
    }

    .chkbox-dark:checked + .chklbl-dark:before {
      opacity: 1; }

    /* 濃い灰色のタイトルも若干上にズレるのでclass当てる必要あり */
    .chktitle-dark {
      padding-top: 8px;
    }

    /* ラジオ */
    .radio-input{
      width: 0px;
      height: 0px;
      padding: 0 0 0 0px;
      border-top-width: 0px;
      border-right-width: 0px;
      border-bottom-width: 0px;
      border-left-width: 0px;
    }
    .radio-input:focus {
      border-color: #0171bd;
    }
    .radio-input:focus + .radio-label:before {
      border-color: #0171bd;
    }
    .radio-input:focus + .radio-label:after {
      border-color: #0171bd;
    }
/* 2020/09/07 B-TMI1QA-0000010 大庭 End */
/*.check01*/
.check01 {
position: relative;
display: inline-block;
padding: 0 0 0 25px;
vertical-align: middle;
cursor: pointer;
font-size: 1.328vw;
/* 2020/11/06 TMI1TK01R-000001 鮑 Start */
width: 18.33vw;
/* 2020/11/06 TMI1TK01R-000001 鮑 Start */
margin-bottom: 21px; }

.check01:hover:after {
border-color: #0171bd; }

.check01:after {
box-sizing: border-box;
position: absolute;
top: 50%;
left: 0;
display: block;
margin-top: -9px;
width: 17px;
height: 17px;
border: 1px solid #ccc;
content: '';
background-color: #FFF; }

.check01:before {
position: absolute;
top: 50%;
left: 2px;
display: block;
margin-top: -9px;
width: 14px;
height: auto;
content: url("../image/ico_check.svg");
opacity: 0;
z-index: 999; }

input[type=checkbox]:checked + .check01:before {
opacity: 1; }

/*.check01a*/
.check01a {
position: relative;
display: inline-block;
padding: 0 0 0 25px;
vertical-align: middle;
cursor: pointer;
font-size: 14px;
width: 182px;
margin-bottom: 21px; }

.check01a:hover:after {
border-color: #0171bd; }

.check01a:after {
box-sizing: border-box;
position: absolute;
top: 50%;
left: 0;
display: block;
margin-top: -9px;
width: 17px;
height: 17px;
border: 1px solid #ccc;
content: '';
background-color: #FFF; }

.check01a:before {
position: absolute;
top: 50%;
left: 2px;
display: block;
margin-top: -12px;
width: 14px;
height: auto;
content: url("../image/ico_check.svg");
opacity: 0;
z-index: 999; }

input[type=checkbox]:checked + .check01a:before {
opacity: 1; }

/*.check02*/
.check02 {
position: relative;
display: inline-block;
padding: 0 0 0 0;
vertical-align: middle;
cursor: pointer;
font-size: 14px;
/*width: 182px;
margin-bottom: 18px;*/ }

.check02:hover:after {
border-color: #0171bd; }

.check02:after {
box-sizing: border-box;
position: absolute;
top: 50%;
left: -9px;
display: block;
margin-top: -9px;
width: 17px;
height: 17px;
border: 1px solid #ccc;
content: '';
background-color: #FFF; }

.check02:before {
position: absolute;
top: 50%;
left: -7px;
display: block;
margin-top: -7px;
width: 14px;
height: auto;
content: url("../image/ico_check.svg");
opacity: 0;
z-index: 999; }

.check00{
  margin-left: 10px;
  padding-left: 10px;
  margin-bottom: 0px;
}
input[type=checkbox]:checked + .check02:before {
opacity: 1; }

/*.check02a*/
.check02a {
position: relative;
display: inline-block;
padding: 0 0 0 23px;
vertical-align: middle;
cursor: pointer;
font-size: 14px;
/*width: 182px;
margin-bottom: 18px;*/ }

.check02a:hover:after {
border-color: #0171bd; }

.check02a:after {
box-sizing: border-box;
position: absolute;
top: 50%;
left: 3px;
display: block;
margin-top: -9px;
width: 17px;
height: 17px;
border: 1px solid #ccc;
content: '';
background-color: #FFF; }

.check02a:before {
position: absolute;
top: 50%;
left: 5px;
display: block;
margin-top: -7px;
width: 14px;
height: auto;
content: url("../image/ico_check.svg");
opacity: 0;
z-index: 999; }

input[type=checkbox]:checked + .check02a:before {
opacity: 1; }

.chk1:hover,
.chk2:hover
{
opacity: 0.5; }

/*.chk1 .chk2*/
.chk1,
.chk2
{
margin-right: 10px;
padding: 0 22px;
/* font-size: 15px; */
font-size: 1.328vw;
background: #FFFFFF;
border-style: Solid;
border-color: #CACBCB;
border-width: 1px;
border-radius: 5px;
width: auto;
height: 50px;
cursor: pointer; }

/* 2020/10/01 B-TMI1QA-0000010 柴 Start */
.chk1:focus,.chk2:focus {
border: solid 1px #0171bd;
border-radius: 5px;
}
/* 2020/10/01 B-TMI1QA-0000010 柴 End */

/*.chk1 .chk2*/
.chk3,
.chk4,
.chk5,
.chk6,
.chk7 {
margin-right: 10px;
padding: 0 22px;
font-size: 15px;
background: #FFFFFF;
border-style: Solid;
border-color: #CACBCB;
border-width: 1px;
border-radius: 5px;
width: auto;
height: 50px;
cursor: pointer; }

/*.chk1 .chk2*/
.chk8,
.chk9,
.chk10,
.chk11 {
margin-right: 10px;
padding: 0 10px;
font-size: 11px;
background: #FFFFFF;
border-style: Solid;
border-color: #CACBCB;
border-width: 1px;
border-radius: 5px;
width: auto;
height: 20px;
cursor: pointer; }

/*.chk1 .chk2*/
.chk12,
.chk13,
.chk14 {
margin-right: 10px;
padding: 0 20px;
font-size: 11px;
background: #FFFFFF;
border-style: Solid;
border-color: #CACBCB;
border-width: 1px;
border-radius: 5px;
width: auto;
height: 20px;
cursor: pointer; }

/*.chk1 .chk2*/
.chk15,
.chk16,
.chk17,
.chk18,
.chk19,
.chk20,
.chk21,
.chk22,
.chk23 {
margin-right: 10px;
padding: 0 30px;
font-size: 11px;
background: #FFFFFF;
border-style: Solid;
border-color: #CACBCB;
border-width: 1px;
border-radius: 5px;
width: auto;
height: 20px;
cursor: pointer; }

.button_area input:last-child {
margin-right: 0; }

/*.chk3,
.chk4{
margin-right: 10px; }

.chk3, .chk4, .chk5 {
font-size: 12px;
background: #FFFFFF;
border-style: Solid;
border-color: #CACBCB;
border-width: 1px;
border-radius: 5px;
width: auto;
height: 20px;
cursor: pointer;
padding: 0 5px; }*/
/*.button_area*/
.button_area {
display: flex;
justify-content: flex-end;
align-items: center; }

/*.radio*/
.radio {
display: flex;
justify-content: flex-start;
align-items: center; }

.radio li {
display: flex;
align-items: center;
width: 162px; }

/*.radio.Ver02*/
.radio.Ver02 li {
width: 112px; }

.radio.Ver02 li .radio-input + label {
margin-right: 0; }

/*.radio.Ver03*/
.radio.Ver03 li {
margin-right: 30px; }

/*.radio.Ver04*/
.radio.Ver04 li {
width: 140px; }

/*.radio.Ver05*/
.radio.Ver05 li {
width: 150px; }

/*.radio.Ver06*/
.radio.Ver06 li {
width: 95px; }

/* 2020/09/07 B-TMI1QA-0000010 大庭 Start */
/*.radio-input {
display: none; }*/
/* 2020/09/07 B-TMI1QA-0000010 大庭 End */

.radio-input + label {
/* 2020/11/04 TMI1TK01R-000001 鮑 Start */
vertical-align: middle;
top:0.17vw;
line-height:22px;
/* 2020/11/04 TMI1TK01R-000001 鮑 End */
padding-left: 23px;
position: relative;
margin-right: 20px;
font-size: 14px; }

.radio-input + label::before {
content: "";
display: block;
position: absolute;
/* 2020/09/07 B-TMI1QA-0000010 大庭 Start */
top: 2px;
/* 2020/09/07 B-TMI1QA-0000010 大庭 End */
left: 0;
width: 17px;
height: 17px;
border: 1px solid #CACBCB;
border-radius: 50%;
background: #FFF; }

.radio-input:checked + label {
/*color: #e60012;*/ }

.radio-input:checked + label::after {
content: "";
display: block;
position: absolute;
/* 2020/09/07 B-TMI1QA-0000010 大庭 Start */
top: 5px;
/* 2020/09/07 B-TMI1QA-0000010 大庭 End */
left: 3px;
width: 11px;
height: 11px;
background: #e60012;
border-radius: 50%; }

/*.brand-item*/
.brand-item {
display: inline-block;
position: relative;
background-color: #fff;
margin-right: 10px;
margin-left: 10px;
border: 1px solid #CACBCB;
width: 115px;
height: 21px;
margin-left: 0; }

.brand-item select {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 18px;
border: 0;
background: none;
font-size: 12px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-left: 3px;
background-image: url("../image/ico_dw_arrow.svg");
background-repeat: no-repeat;
background-size: 11px 7px;
background-position: 90% center;
line-height: 1; }

/*.brand-item02*/
.brand-item02 {
display: inline-block;
position: relative;
background-color: #fff;
margin-right: 30px;
margin-left: 10px;
border: 1px solid #CACBCB;
width: 254px;
height: 21px;
margin-left: 0; }

.brand-item02 select {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 18px;
border: 0;
background: none;
font-size: 12px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-left: 3px;
background-image: url("../image/ico_dw_arrow.svg");
background-repeat: no-repeat;
background-size: 11px 7px;
background-position: 96% center;
line-height: 1; }

/*.Corp-item*/
.Corp-item {
display: inline-block;
position: relative;
background-color: #fff;
margin-right: 15px;
margin-left: 0;
border: 1px solid #CACBCB;
width: 202px;
height: 21px;
margin-left: 0; }

.Corp-item select {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 18px;
border: 0;
background: none;
font-size: 12px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-left: 3px;
background-image: url("../image/ico_dw_arrow.svg");
background-repeat: no-repeat;
background-size: 11px 7px;
background-position: 90% center;
line-height: 1; }

/*.code-list*/
.code-list {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 14px;
margin-bottom: 20px; }

.code-list dt {
width: 110px;
white-space: nowrap;
margin-right: 10px;
font-weight: bold; }

.code-list dd {
width: 20px;
margin-right: 5px; }

.code-list dd.code-field {
width: 220px; }

.code-list dd.code-serch {
width: inherit;
font-size: 12px;
color: #404040; }

.code-list dd.code-serch a {
color: #404040;
text-decoration: underline; }

.code-list dd.code-serch a:hover {
text-decoration: none; }

.text-field {
width: 220px; }

/*.code-list02*/
.code-list02 {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 14px;
margin-bottom: 20px; }

.code-list02 dt {
width: 45px;
white-space: nowrap;
margin-right: 10px;
font-weight: bold; }

.code-list02 dd {
width: 20px;
margin-right: 5px; }

.code-list02 dd.code-field02 {
width: 270px; }

.text-field02 {
width: 270px; }

/*.code-list03*/
.code-list03 {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 14px;
margin-bottom: 15px; }

.code-list03 dt {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 24px;
background-color: #FFF;
border-radius: 4px;
margin-right: 20px; }

.code-list03 dd {
width: 100px;
margin-right: 5px;
padding-bottom: 0; }

.code-list03 dd label {
width: auto;
margin-bottom: 0; }

.code-list03 dd:nth-child(7) {
width: 182px; }

.code-list03 dd:last-child {
width: auto; }

.code-list03 dd.code-field02 {
width: 270px; }

.text-field03 {
width: 270px; }

/*.code-list04*/
.code-list04 {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 14px;
margin-bottom: 15px; }

.code-list04 dt {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 24px;
background-color: #FFF;
border-radius: 4px;
margin-right: 20px; }

.code-list04 dd {
width: 153px;
margin-right: 5px;
padding-bottom: 0;
line-height: 1.6; }

.code-list04 dd:nth-of-type(1) {
width: 100px;
margin-right: 5px;
padding-bottom: 0; }

.code-list04 dd label {
width: auto;
margin-bottom: 0; }

.code-list04 dd:nth-child(7) {
width: 182px; }

.code-list04 dd:last-child {
width: auto; }

.code-list04 dd.code-field02 {
width: 270px; }

.text-field04 {
width: 270px; }

.check-width-auto{
width: auto;
min-width: 100px;
}

}
.checkbox-no-margin{
  margin-bottom: 0px;
  margin-left: 10px;
}