@charset "utf-8";
/* ---------------------------------------------------

	Syntax - SP First

--------------------------------------------------- */
.error{
  color: #f00;
  margin: 0!important;
  padding: 0!important;
  float: none!important;
}
/* ---------------------------------------------------

	ListPage > contactArea

--------------------------------------------------- */
.contactArea{
  margin: 0 0 3rem;
}
.cnttInr{}
.cnttTopNte{
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
  margin: 0 0 2rem;
  text-align: center;
}
.cnttFormGrp{}
.cnttFrmItm{
  border-bottom: 1px rgba(217, 217, 217, 1) solid;
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0;
}
.cnttFrmItm:first-of-type{
  border-top: 1px rgba(217, 217, 217, 1) solid;
}
.cnttFrmSubj,
.cnttFrmDtl{
  box-sizing: border-box;
  line-height: 1.75;
}
.cnttFrmDtl label,
.cnttFrmDtl input{
  cursor: pointer;
}
.cnttFrmSubj{
  align-items: center;
  display: flex;  
  margin: 0 0 0.5rem;
  width: 100%;
}
.cnttFrmSubjThm{
  color: rgba(0, 60, 51, 1);
  font-size: 1.0625rem;
  margin: 0 1em 0 0;
}
.labelReq{
  align-items: center;
  background-color: rgba(230, 75, 6, 1);
  color: rgba(255, 255, 255, 1);
  display: flex;
  font-size: 0.9375rem;
  font-weight: 500;
  height: 23px;
  justify-content: center;
  line-height: 1;
  padding: 0 0 2px;
  width: 45px;
}
.cnttFrmDtl{
  /*align-items: center;
  display: flex;
  flex-wrap: wrap;*/
  width: 100%;
}
.zipCodeIcon{
  font-size: 1.0625rem;
  padding: 0 1rem 0 0;
}
.cnttFrmDtlTxtFld{
  background-color: rgba(242, 242, 242, 1);
  border: none;
  font-size: 1rem;
  padding: 10px 10px 12px;
  width: 100%;
}
.zipCodeIcon + .cnttFrmDtlTxtFld{
  width: 240px;
}
.cnttFrmDtlTxtFldNum{
  width: 240px;
}
.cnttFrmDtlLst{
  padding: 0.5rem 0;
  width: 100%;
}
.cnttFrmDtlMenu{
  font-size: 1rem;
  line-height: 1.3;
  margin: 0 0 0.5em;
  padding: 0 0 0 1em;
  text-indent: -1em;
}
.cnttFrmDtlMenu:last-of-type{
  margin: 0;
}
.cnttFrmDtlRdioMenu{
  /*align-items: center;
  display: flex;*/
  display: inline-block;
  margin: 0 2rem 0 0;
}
.cnttFrmDtlRdioMenu:last-of-type{
  margin: 0;
}
.cnttFrmDtlRdioMenuCnt{
  align-items: center;
  display: flex;
}
.cnttFrmDtlRdioChk{
  box-sizing: border-box;
  height: 20px;
  width: 20px;
}
.cnttFrmDtlRdioLbl{
  font-size: 1rem;
  font-weight: 400;
  padding: 0 0 1px 0.5em;
}
.cnttFrmDtlTxtFree{
  background-color: rgba(242, 242, 242, 1);
  border: none;
  font-size: 1rem;
  height: 150px;
  line-height: 1.75;
  padding: 10px 10px 12px;
  width: 100%;
}
.ppChkBox{
  box-sizing: border-box;
  height: 20px;
  margin: 0 12px 0 0;
  width: 20px;
}
.ppLbl{
  font-size: 1rem;
  font-weight: 400;
  margin: 0 1.875rem 0 0;
  padding: 0 0 2px;
}
.ppLnk{
  color: rgba(19, 65, 216, 1);
  display: block;
  font-size: 1rem;
  font-weight: 400;
  padding: 0 0 2px;
  text-decoration: underline;
}
.contactArea .cmnBtnBlk{
  margin: 3rem 0 0;
}
.contactArea .cmnBtn{
  margin: 0 0 1rem;
}
.contactArea .cmnBtn:last-of-type{
  margin: 0;
}
.contactArea .cmnBtnLnk{
  cursor: pointer;
  transition: all 0.3s;
}
.contactArea .cmnBtnLnk:disabled{
  background-color: rgba(188, 188, 188, 1);
  border: 1px rgba(188, 188, 188, 1) solid;
  cursor: default;
}
.contactArea .cmnBtnBack .cmnBtnLnk{
  background-color: rgba(160, 160, 160, 1);
  border: 1px rgba(160, 160, 160, 1) solid;
}
.contactArea .cmnBtnBack .cmnBtnLnk:after{
  border-left: 2px rgba(255, 255, 255, 1) solid;
  border-top: 2px rgba(255, 255, 255, 1) solid;
  border-right: none;
  left: calc(0% + 28px);
  transform: translateY(-50%) rotateZ(-45deg);
}
.contactArea .cmnBtnTxt{}

.calendar{
  background-image: url("/src/images/cmn/icon/calender_green.svg");
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 30px 25px;
}

/* ---------------------------------------------------

	MediaQuery

--------------------------------------------------- */
/* ------------------------------------

	Tablet-Mode

------------------------------------ */
@media screen and (min-width: 600px) {
/* ------------------------------------

	ListPage > contactArea

------------------------------------ */
.contactArea{
  margin: 3rem 0 3rem;
  }
.cnttInr{}
.cnttTopNte{
  font-size: 1.0625rem;
  margin: 0 0 3.4375rem;
  }
.cnttFormGrp{}
.cnttFrmItm{
  align-items: center;
  }
.cnttFrmSubj,
.cnttFrmDtl{}
.cnttFrmSubj{
  justify-content: space-between;
  margin: 0 2rem 0 0;
  width: 200px;
  }
.cnttFrmSubjThm{
  margin: 0;
  }
.labelReq{}
.cnttFrmDtl{
  width: calc((100% - 2rem) - 200px);
  }
.zipCodeIcon{}
.cnttFrmDtlTxtFld{}
.zipCodeIcon + .cnttFrmDtlTxtFld{}
.cnttFrmDtlTxtFldNum{}
.cnttFrmDtlLst{}
.cnttFrmDtlMenu{}
.cnttFrmDtlRdioMenu{}
.cnttFrmDtlRdioMenuCnt{}
.cnttFrmDtlRdioChk{}
.cnttFrmDtlRdioLbl{}
.cnttFrmDtlTxtFree{
  height: calc(9.375rem + ((1vw - 6px) * 11.7647));/*150px~200px*/
  }
.ppChkBox{}
.ppLbl{}
.ppLnk{
  display: inline-block;
  }
.contactArea .cmnBtnBlk{}
.contactArea .cmnBtn{
  margin: 0 1rem;
  }
.contactArea .cmnBtn:last-of-type{
  margin: 0 1rem;
  }
.contactArea .cmnBtnLnk{
  width: 235px;
  }
.contactArea .cmnBtnLnk:disabled{}
.contactArea .cmnBtnBack .cmnBtnLnk{}
.contactArea .cmnBtnBack .cmnBtnLnk:after{}
.contactArea .cmnBtnTxt{}
.calendar{
  background-position: right 10px center;
  background-size: 37px 27px;
}

}/* /min-width: 600px */



/* ------------------------------------

	PC-Mode

------------------------------------ */
@media screen and (min-width: 1025px) {
/* ------------------------------------

	ListPage > contactArea

------------------------------------ */
.contactArea{
  margin: 7.5rem 0 4.375rem;
  }
.cnttInr{}
.cnttTopNte{}
.cnttFormGrp{}
.cnttFrmItm{
  padding: 1.25rem 0;
  }
.cnttFrmSubj,
.cnttFrmDtl{
  line-height: 2;
  }
.cnttFrmSubj{
  margin: 0 4.25rem 0 0;
  width: 280px;
  }
.cnttFrmSubjThm{}
.labelReq{}
.cnttFrmDtl{
  width: calc((100% - 4.25rem) - 280px);
  }
.zipCodeIcon{}
.cnttFrmDtlTxtFld{
  height: 48px;
  padding: 12px 17px 14px;
  }
.zipCodeIcon + .cnttFrmDtlTxtFld{}
.cnttFrmDtlTxtFldNum{}
.cnttFrmDtlLst{
  padding: 1rem 0 0;
  }
.cnttFrmDtlMenu{
  line-height: 1.5;
  }
.cnttFrmDtlRdioMenu{
  margin: 0 3.125rem 0 0;
  }
.cnttFrmDtlRdioMenuCnt{}
.cnttFrmDtlRdioChk{}
.cnttFrmDtlRdioLbl{
  font-size: 1.0625rem;
  }
.cnttFrmDtlTxtFree{
  font-size: 1.0625rem;
  height: 200px;
  line-height: 2;
  padding: 12px 17px 14px;
  }
.ppChkBox{}
.ppLbl{
  font-size: 1.0625rem;
  margin: 0 3.75rem 0 0;
  }
.ppLbl{
  font-size: 1.0625rem;
  margin: 0 3.75rem 0 0;
  }
.ppLnk{
  font-size: 1.0625rem;
  }
.contactArea .cmnBtnBlk{
  margin: 4.6875rem 0 0;
  }
.contactArea .cmnBtn{}
.contactArea .cmnBtnLnk{
  width: 260px;
  }
.contactArea .cmnBtnLnk:disabled{}
.contactArea .cmnBtnLnk:hover:disabled{
  color: rgba(255, 255, 255, 1);
  }
.contactArea .cmnBtnLnk:hover:disabled:after{
  border-top: 2px rgba(255, 255, 255, 1) solid;
  border-right: 2px rgba(255, 255, 255, 1) solid;
  }
.contactArea .cmnBtnBack .cmnBtnLnk{}
.contactArea .cmnBtnBack .cmnBtnLnk:hover{
  background-color: rgba(255, 255, 255, 1);
  }
.contactArea .cmnBtnBack .cmnBtnLnk:after{}
.contactArea .cmnBtnBack .cmnBtnLnk:hover:after{
  border-left: 2px rgba(0, 60, 51, 1) solid;
  border-top: 2px rgba(0, 60, 51, 1) solid;
  }
.contactArea .cmnBtnTxt{}

}/* /min-width: 1025px */