/* ----------------------------------------------------------
 追加、スタイルリセット
---------------------------------------------------------- */

label {
	font-weight: normal;
	padding-left: 5px;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
textarea,
select{
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: #fff;
	border : solid 1px #1b8878 ;
}

input[type="text"],
input[type="email"]{
	width: 100%;
    padding: 7px;
	font-size: 16px;
}

/* 最新版IEでセレクトボックスの矢印を消す  */
select::-ms-expand {
    display: none;
}

.msg {
	color: #FF0004;
}



/* ----------------------------------------------------------
 styel.css
---------------------------------------------------------- */
.contact .contents .ttl-cmn-01 {
  margin-top: 43px;
}
.confirm .contents .ttl-cmn-01 {
  margin-top: 43px;
}
.message .contents .ttl-cmn-01 {
  margin-top: 43px;
}



/* list-step
---------------------------------------------------------- */
.list-step {
	overflow: hidden;
	margin-top: 60px;
	margin-bottom: 60px;
	width: 1220px;
	
}
  .list-step li {
    position: relative;
    float: left;
    padding-left: 19px;
    font-size: 24px;
    line-height: 50px;
    text-align: center;
    color: #a1a1a1;
    background: #efefef;
  }
    .list-step li:after {
      position: absolute;
      content: "";
      top: 0;
      left: 100%;
      width: 22px;
      height: 50px;
      background: url(../../common/img/bg_arrow_step_02.jpg) 0 0 no-repeat;
    }

.list-step .step01 { width: 400px; z-index: 12;}
.list-step .step02 { width: 410px; z-index: 11; }
.list-step .step03 { width: 410px; z-index: 10; }

/* contact */
.contact .list-step .step01 { background: #1b8878; color: #fff; }
.contact .list-step .step02 {}
.contact .list-step .step03 {}
.contact .list-step .step01:after { background: url(../../common/img/bg_arrow_step_01.png) 0 0 no-repeat; }
.contact .list-step .step02:after { background: url(../../common/img/bg_arrow_step_02.jpg) 0 0 no-repeat; }
/* confirm */
.confirm .list-step .step01 { background: #1b8878; color: #fff; }
.confirm .list-step .step02 { background: #1b8878; color: #fff; }
.confirm .list-step .step03 {}
.confirm .list-step .step01:after { background: url(../../common/img/bg_arrow_step_03.png) 0 0 no-repeat; }
.confirm .list-step .step02:after { background: url(../../common/img/bg_arrow_step_01.png) 0 0 no-repeat; }
/* message */
.message .list-step .step01 { background: #1b8878; color: #fff; }
.message .list-step .step02 { background: #1b8878; color: #fff; }
.message .list-step .step03 { background: #1b8878; color: #fff; }
.message .list-step .step01:after { background: url(../../common/img/bg_arrow_step_03.png) 0 0 no-repeat; }
.message .list-step .step02:after { background: url(../../common/img/bg_arrow_step_03.png) 0 0 no-repeat; }
/* error */
.error .list-step .step01 {}
.error .list-step .step02 {}
.error .list-step .step03 {}
.error .list-step .step01:after {}
.error .list-step .step02:after {}


@media only screen and (max-width: 1300px) {

.list-step {
	margin-top: 60px;
	margin-bottom: 60px;
	width: 100%;
}
	
.list-step .step01 { width: 33.333%; z-index: 12;}
.list-step .step02 { width: 33.333%; z-index: 11; }
.list-step .step03 { width: 33.333%; z-index: 10; }

}


@media only screen and (max-width: 768px) {

  .list-step li {
    font-size: 20px;
    line-height: 40px;
  }
	
.contact .list-step .step01:after,
.contact .list-step .step02:after,
.confirm .list-step .step01:after,
.confirm .list-step .step02:after,
.message .list-step .step01:after,
.message .list-step .step02:after { 
background-size: auto 40px;
	}

}

@media screen and (max-width:568px) {

.list-step {
	margin-top: 40px;
	margin-bottom: 40px;
	width: 100%;
}
	
  .list-step li {
    font-size: 16px;
    line-height: 40px;
  }
		
}



/* margin */
.list-step:first-child { margin-top: 0; }
.ttl-cmn-01 + .list-step { margin-top: 33px; }

/* txt-anotate
---------------------------------------------------------- */
/* margin */
.txt-cmn + .txt-anotate { margin-top: 2px; }

/* area-input
---------------------------------------------------------- */
.area-input {
  margin-top: 74px;
}
  .area-input table {
    border-collapse: separate;
    width: 100%;
    font-size: 14px;
    border: 1px solid #ddd;
  }
    .area-input table tr {
    }
      .area-input table th ,
      .area-input table td {
        border-top: 2px solid #efefef;
        font-weight: normal;
        vertical-align: middle;
      }
      .area-input table tr:first-child th ,
      .area-input table tr:first-child td {
        border-top: none;
      }
      .area-input table tr.last th ,
      .area-input table tr.last td {
        padding-bottom: 19px;
      }
      .area-input table th {
        background: #ddd;
        padding: 16px 18px 12px;
      }
      .area-input table tr:first-child th {
        padding: 15px 18px 12px;
      }
        .area-input table th.required {
        }
          .area-input table th.required .re {
            margin-left: 5px;
            color: #f00;
          }
      .area-input table td {
        background: #efefef;
        padding: 10px 17px 10px 20px;
        white-space: normal;
      }
      .area-input table tr:first-child td {
        padding: 9px 17px 10px 20px;
      }
      .area-input table td + td {
        padding: 0 20px 0 0;
      }
      .area-input table tr:first-child td + td {
        padding: 0 20px 0 0;
      }
      .area-input table td.colspan2 {
        padding-right: 19px;
      }
        .area-input textarea ,
        .area-input input {
          border: 1px solid #ccc;
          vertical-align: middle;
        }

        .area-input input[type=text],
        .area-input input[type=number],
        .area-input input[type=email],
        .area-input input[type=password] {
          width: 100%;
          padding: 7px 10px 6px;
        }
        .area-input textarea {
          width: 100%;
          padding: 7px 10px 6px;
          min-height: 190px;
          margin-top: 9px;
        }
        .area-input textarea:first-child {
          margin-top: 0;
        }
        .area-input .alart {
          display: none;
          color: #f00;
        }
        .area-input .error .alart ,
        .area-input .error02 .alart ,
        .area-input .error03 .alart {
          display: inline;
        }
        .area-input .inputdata {
          width: 590px;
          padding-left: 14px;
          white-space: normal;
          word-break: break-all;
        }
        .area-input .mod-checkbox + .inputdata { margin-top: 9px; }
        .area-input .mod-checkbox .inputdata > span + span {
          margin-left: 10px;
        }
.area-input .col-01 { width: 300px; }
.area-input .col-02 { width: 477px; }
.area-input .col-03 { width: auto; }

/* margin */
.area-input:first-child { margin-top: 0; }
.txt-cmn + .area-input { margin-top: 30px; }


/* ログインページ用
---------------------------------------------------------- */

.area-input2 {
  margin-top: 74px;
}
  .area-input2 table {
    border-collapse: separate;
    width: 100%;
    font-size: 14px;
    border: none;
  }
    .area-input2 table tr {
    }
      .area-input2 table th ,
      .area-input2 table td {
        border: none;
        font-weight: normal;
        vertical-align: middle;
      }
      .area-input2 table tr:first-child th ,
      .area-input2 table tr:first-child td {
        border-top: none;
      }
      .area-input2 table tr.last th ,
      .area-input2 table tr.last td {
        padding-bottom: 19px;
      }
      .area-input2 table th {
        background: #fff;
        padding: 16px 18px 12px;
        width: 20%;
      }
      .area-input2 table tr:first-child th {
        padding: 15px 18px 12px;
      }
        .area-input2 table th.required {
        }

      .area-input2 table td {
        background: #fff;
        padding: 10px 17px 10px 20px;
        white-space: normal;
      }

        .area-input2 textarea ,
        .area-input2 input {
          border: 1px solid #ccc;
          vertical-align: middle;
        }

        .area-input2 input[type=text],
        .area-input2 input[type=number],
        .area-input2 input[type=email],
        .area-input2 input[type=password] {
          width: 400px;
          padding: 7px 10px 6px;
        }




/* box-address
---------------------------------------------------------- */
.box-address {
  width: 580px;
  padding: 21px 0 39px;
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
  border: 1px solid #ddd;
}
.box-address:first-child {
  margin-top: 0;
}
  .box-address .title {
    font-size: 18px;
  }
  .box-address .address {
    font-size: 14px;
    margin-top: 10px;
  }
    .box-address .address span + span {
      margin-left: 28px;
    }

/* mod-checkbox
---------------------------------------------------------- */
.mod-checkbox {
  margin-top: 5px;
}
.mod-checkbox:first-child ,
.alart + .mod-checkbox {
  margin-top: 0;
}
  .mod-checkbox input {
    margin-right: 5px;
  }
  .mod-checkbox ul {
    overflow: hidden;
    margin-left: 20px;
  }
    .mod-checkbox ul > li {
      float: left;
    }
    .mod-checkbox ul > li + li { margin-left: 20px; }

/* btn-cmn
---------------------------------------------------------- */
.btn-cmn {
  margin-top: 40px;
}
.message .txt-cmn + .btn-cmn {
  margin-top: 72px;
}
.message .btn-cmn > a ,
.message .btn-cmn > button {
  min-width: 300px;
}
  .btn-cmn > a ,
  .btn-cmn > button {
    min-width: 270px;
  }

  /* txt_error
  ---------------------------------------------------------- */
.txt_error_wrap {
  color: #f00;
  min-height: 51px;
  margin-top: -51px;
}