@charset "UTF-8";

/*----------------------------------------
　レスポンシブ フォーム用css 2025/12/03版
-----------------------------------------*/
/* セレクト用 */
.palform select {
  color: #5e5e5e;
  margin:3px 0;
  padding: 5px;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  appearance:auto;
  box-sizing: border-box;
}

/* PC用 */
@media screen and ( min-width:641px ) {
.qualification { margin-bottom:15px; }
.qualification dt {
    width:17%;
    float: left;
    background: #8dc21f;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    font-weight: bold;
}
.qualification dd span {
	color: #ff0000;
	font-weight: bold;
}
.qualification dd {
    width:80%;
    margin: 0px;
    padding: 0.2em 0 0;
    float: right;
}

.qualification dd b {
    color: #ff0000;
}

h4 {
	font-size:108%;
	font-weight:100;
	line-height: 1.8;
	text-align: center;
	margin:20px 0;
}
.pccenter {
	text-align: center;
}



.form-tit {
    margin-bottom: 20px;
    background: #FFF1CE;
    font-weight: normal;
    padding:10px 20px;
    border-top: 1px #000 dotted;
}

.qu-list2 li {
    margin-bottom:5px;
}

.qu-list3 li {
    list-style-type: none;
    line-height: 180%;
    padding: 0px;
    margin: 0 15px 0 0;
    float: left;
}

.form-tit span {
    display: inline-block;
    font-weight: 100;
    font-size: 86%;
    background-color: #F54642;
    color: #ffffff;
    margin-left: 10px;
    padding:2px 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.form_leftbox {
    float: left;
    margin-right:40px;
}


/*********　palform　*********/

.palform,
.palform_onecolumn {
    margin-top: 10px;
}

.palform b,
.palform_onecolumn b {
    display:inline-block;
    font-weight:100;
    font-size:84%;
    background-color: #F54642;
    color: #ffffff;
    margin-left:10px;
    padding:0 6px;
	border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    line-height: 2;
}

.palform dl {
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
	display:table;
}

.palform dl dt {
    font-weight:bold;
    text-align:right;
    width:260px;
    padding:15px;
    display: table-cell;
    vertical-align: middle;
}
.palform dl dd {
    background-color:#ffffff;
    padding:15px;
    display: table-cell;
    vertical-align: middle;
}

.palform input {
    font-size: 100%;
}

.palform_onecolumn input[type="text"],
.palform input[type="text"] {
    margin:3px 0;
    padding: 5px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}


/*********　palform_onecolumn　*********/

.palform_onecolumn dt {
    font-weight: normal;
    padding: 20px;
	font-weight: bold;
}

.palform_onecolumn dd {
	background:#ffffff;
    padding: 20px;
}

.palform_onecolumn label {
    margin-right:14px;
}


/*********　フォーム内テキスト　*********/

.palform span.exsample {
    line-height:1em;
    margin-left:8px;
}

.palform .tyusyaku {
	font-weight:100;
	font-size:88%;
	margin-right:0 !important;
	line-height:normal !important;
    display: block;
}

.palform .hosoku {
	font-weight:100;
	font-size:86%;
	margin-right:0 !important;
}

textarea {
	width:100%;
	height: 100px;
	padding: 0.5%;
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 100%;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.file input {
	border:none !important;
}

input[type="radio" i],
input[type="checkbox" i] {
	margin-right:5px !important;
}

.palform label {
	margin:0 !important;
}

.tate label {
    display: block;
    margin-bottom:5px;
}

.submit {
	margin-bottom:40px;
	text-align: center;
}

.submit input {
	width:186px;
	background: #E33C8E;
	border: none;
	color: #fff;
	cursor: pointer;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
}


/*********　セコム　*********/

.secom_txt {
    float: left;
}
.secom_img {
   text-align: right;
   float: right;
}
.secomarea {
    background-color: #f6f6f6;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    padding: 26px;
}
.secomarea span {
	padding-left:1em;
	text-indent:-1em;
    display: block;
}
.secomarea a {
	padding-left:1em;
    display: block;
}
.secomtxt {
    float: left;
    width: 90%;
}
.secomimg {
    float: right;
}
.cf:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    margin: 0px !important;
}


/*********　青色フォーム　*********/

.formblue {
    border-top: 1px dotted #a3c5e5;
}

.formblue dl {
    background-color: #edf4fb;
    border-bottom: 1px dotted #a3c5e5;
}


/*********　オレンジ色フォーム　*********/

.formorange {
    border-top:1px dotted #5b5b5b;
}

.formorange dl {
    background-color:#FFF1CE;
    border-bottom:1px dotted #5b5b5b;
}


/*********　完了画面　*********/

#thanks_area {
    text-align: center;
}

#thanks_area h2 {
    margin-bottom:20px;
}

#thanks_area h2.thanks_tit {
	color: #f35f17;
	font-size: 150%;
}

#thanks_area .thanks_img {
    margin-top:20px;
}

.attention h3 {
    color: #ffffff;
    font-weight: bold;
    background: #dc8787;
    padding: 12px;
    border-radius: 6px 6px 0 0;
}
.attention ul {
    background: #f3f3f3;
    border-radius: 0 0 6px 6px;
    padding: 13px;
}
.attention ul li {
    color: #666;
    padding: 0 0 5px 1em;
    text-indent: -1em;
    line-height: 1.25;
}
}


/* スマホ用 */
@media screen and ( max-width:640px ) {
  .qualification dt {
      background:#8dc21f;
      color: #FFFFFF;
      width:100%;
      padding:5px 2%;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      font-weight: bold;
      margin-bottom:6px;
      display:block;
  }

  .qualification dd {
      margin-bottom:20px;
  }

  .qualification dd b {
      color: #ff0000;
  }

  .form-tit {
      background: #FFF1CE;
      font-weight: normal;
      padding: 20px;
      border-top: 1px #000 dotted;
  }

  .form-tit span {
      display: inline-block;
      font-weight: 100;
      font-size: 86%;
      background-color: #F54642;
      color: #ffffff;
      margin-left: 10px;
      padding:3px 6px;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
  }

  .form-tit span {
      display: inline-block;
      font-weight: 100;
      font-size: 86%;
      background-color: #F54642;
      color: #ffffff;
      margin-left: 10px;
      padding:3px 6px;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
  }

  .qu-list2,.qu-list3 {
      width: 92%;
      padding: 4%;
  }

  .qu-list2 li {
      margin-bottom:5px;
  }

  .qu-list3 li {
      list-style-type: none;
      line-height: 180%;
      padding: 0px;
      margin: 0 15px 0 0;
      float: left;
  }

  .qualification dt p {
      color: #FFFFFF;
  }

  .no_border {
      border-bottom:none !important;
  }

  h3 {
      font-weight: bold;
      line-height: 1.8;
  }

  h4 {
  	font-weight:100;
  	text-align: center;
  	margin:20px 0;
  }

  .mgb40 {
  	margin-bottom:40px;
  }



  /*********　palform　*********/

  .palform dl dt,
  .palform_onecolumn dl dt {
      width:100%;
      padding:4%;
  }
  .palform dl dd,
  .palform_onecolumn dl dd{
      background-color:#ffffff;
      padding: 15px 15px 20px 15px;
  }

  .palform b,
  .palform_onecolumn b {
      display:inline-block;
      font-weight:100;
      font-size:95%;
      background-color: #F54642;
      color: #ffffff;
      margin-left:10px;
      padding:1px 6px;
  	border-radius:6px;
      -webkit-border-radius:6px;
      -moz-border-radius:6px;
  }

  .palform dl {
      padding:0;
      margin:0;
  overflow:hidden
  }

  .palform span {
      display: block;
  }

  .palform input {
      margin:3px 0;
      padding: 5px;
      border: 1px solid #d4d4d4;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      font-size: 100%;
      max-width:100%;
      display: inline-block;
  }

  .palform select {
      color: #5e5e5e;
      margin:3px 0;
      padding: 5px;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      border-color:#d4d4d4;
      font-size: 16px !important;
  }


  /*********　palform_onecolumn　*********/

  .palform_onecolumn dl {
      background: #FFF1CE;
      border-top: 1px dotted #5b5b5b;
  }

  .palform_onecolumn label {
      margin-right:14px;
  }

  .submit {
      text-align: center;
  }

  /*
  .submit input {
      width:200px;
      background:#00ac84;
      border: none;
      color: #fff;
      cursor: pointer;
      padding:20px;
      font-size: 16px;
      font-weight: bold;
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      -ms-border-radius: 6px;
  }
  */

  .submit input {
      width:186px;
      background: #E33C8E;
      border: none;
      color: #fff;
      cursor: pointer;
      padding: 10px;
      font-size: 16px;
      font-weight: bold;
      border-radius: 6px !important;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      -ms-border-radius: 6px;
  }

  input[type=text] {
  	font-size:16px !important;
  }

  input[type="radio" i] {
      border-radius:50px;
      -webkit-border-radius:50px;
  }

  textarea {
      width: 100%;
      height: 100px;
      padding: 0.5%;
      border: 1px solid #d4d4d4;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      margin: 3px 0 !important;
  	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
      font-size: 16px !important;
  }

  .palform .tyusyaku {
  	font-size:90%;
  }

  .palform label {
      margin-bottom:5px;
  }

  .tate label,
  .sptate label {
      display: block;
      margin-bottom:5px;
  }

  input[type="radio" i],
  input[type="checkbox" i] {
  	margin-right:3px !important;
  }


  /*********　セコム　*********/

  .secom_img {
      text-align: center;
      margin-top:20px;
  }

  .secomarea {
      background-color: #f6f6f6;
      border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      -ms-border-radius: 6px;
      padding:15px;
  }

  .secomarea span {
  	padding-left:1em;
  	text-indent:-1em;
      display: block;
  }

  .secomarea a {
  	padding-left:1em;
      display: block;
  }

  .secomimg {
      margin-top: 10px;
      text-align: center;
      display: block;
  }


  /*********　青色フォーム　*********/

  .formblue {
      border-top: 1px dotted #a3c5e5;
  }

  .formblue dl {
      background-color: #edf4fb;
      border-bottom: 1px dotted #a3c5e5;
  }


  /*********　オレンジ色フォーム　*********/

  .formorange {
      border-top:1px dotted #5b5b5b;
  }

  .formorange dl {
      background-color:#FFF1CE;
      border-bottom:1px dotted #5b5b5b;
  }


  /*********　完了画面　*********/

  #thanks_area {
    text-align: center;
    margin-top:30px;
  }
  #thanks_area h2 {
      margin-bottom:20px;
  }
  #thanks_area h2.thanks_tit {
  	color: #f35f17;
  	font-size:120%;
  }
  #thanks_area p.txt {
      text-align:left;
  }
  #thanks_area .thanks_img {
      margin-top:20px;
  }


  /*********　iOSでのデフォルトスタイルをリセット　*********/

  input[type="submit"],
  input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
  }
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none;
  }
  input[type="submit"]::focus,
  input[type="button"]::focus {
    outline-offset: -2px;
  }


  .attention h3 {
      color: #ffffff;
      font-weight: bold;
      background: #dc8787;
      padding: 12px;
      border-radius: 6px 6px 0 0;
  }
  .attention ul {
      background: #f3f3f3;
      border-radius: 0 0 6px 6px;
      padding: 13px;
  }
  .attention ul li {
      color: #666;
      padding: 0 0 5px 1em;
      text-indent: -1em;
      line-height: 1.25;
  }
}


/*********　組合員コードチェック　*********/
.err_fd{
	background-color:red;
	border-radius:5px;
	position:relative;
	display:none;
	color:#FFFFFF;
	padding:5px;
	top:10px;
}
.err_fd:after {
	border:10px solid transparent;
	border-bottom-color:red;
	border-top-width:0;
	position:absolute;
	top:-8px;
	left:20px;
	content:"";
}