.page {
  padding-bottom: 60px;
  background: #dbdcdc;
}

.header {
  max-width: 1024px;
  margin: 0 auto;
  padding: 24px 36px;
  display: flex;
  justify-content: space-between;
}
.header .header_logo {
  height: 134px;
}
.header .header_logo .header_logo_img {
  height: 100%;
}
.header .header_description {
  text-align: right;
}
.header .header_description .header_description_titleImg {
  height: 30px;
  margin: 48px 0 12px 0;
  display: block;
}
.header .header_description .header_description_txt {
  font-size: 1.8rem;
  line-height: 1.25;
  color: #595757;
}

.mainArticle {
  max-width: 1024px;
  margin: 0 auto;
}

.areaBlock {
  margin-top: 12px;
}
.areaBlock:first-child {
  margin-top: 0;
}
.areaBlock .areaBlock_title {
  padding: 35px 42px;
  color: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  transition: background 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.areaBlock .areaBlock_title::after {
  content: "";
  width: 32px;
  height: 36px;
  border: 18px solid transparent;
  border-left: 32px solid #182987;
  border-right: 0 none;
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 84px;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: center;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.areaBlock .areaBlock_title .titleImg {
  height: 80px;
}
.areaBlock .areaBlock_title .titleTxt {
  margin-right: 42px;
  font-size: 1.8rem;
}
.areaBlock:nth-child(1) .areaBlock_title {
  background: #2c4197;
}
.areaBlock:nth-child(2) .areaBlock_title {
  background: #35479a;
}
.areaBlock:nth-child(3) .areaBlock_title {
  background: #3e4d9e;
}
.areaBlock:nth-child(4) .areaBlock_title {
  background: #4854a2;
}
.areaBlock:nth-child(5) .areaBlock_title {
  background: #515ba6;
}
.areaBlock:nth-child(6) .areaBlock_title {
  background: #5a62aa;
}
.areaBlock:nth-child(7) .areaBlock_title {
  background: #626aaf;
}
.areaBlock:nth-child(8) .areaBlock_title {
  background: #6a71b3;
}
.areaBlock:nth-child(9) .areaBlock_title {
  background: #c8bb9b;
}
.areaBlock:nth-child(9) .areaBlock_title::after {
  border-left: 32px solid #7a6a56;
}
.areaBlock.open .areaBlock_title, .areaBlock.hover .areaBlock_title {
  background: #b81c22;
}
.areaBlock.open .areaBlock_title::after, .areaBlock.hover .areaBlock_title::after {
  border-left: 32px solid #d99476;
  transform: translateY(-50%) rotate(90deg);
}
.areaBlock .areaBlock_objectArea {
  margin-bottom: 60px;
  display: none;
}
.areaBlock .areaBlock_objectArea .areaBlock_object {
  margin-top: 12px;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_title {
  padding: 6px 0;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.25;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  transition: background 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_title a {
  color: #fff;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_title .name {
  width: 406px;
  margin-right: 12px;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_title .name_fullWidth {
  width: 770px;
  margin-right: 12px;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_title.noPDF .name_fullWidth {
  width: 928px;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_title .modelNum {
  width: 172px;
  margin-right: 12px;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_title .info {
  width: 168px;
  margin-right: 12px;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_title .btn {
  width: 146px;
  margin-right: 12px;
  padding: 9px 0;
  text-align: center;
  line-height: 1;
  position: relative;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_title .btn.hover {
  opacity: 0.7;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_title .btn.manual {
  color: #fff;
  background: #b81c22;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_title .btn.memo {
  color: #182987;
  background: #fff;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_title .btn > span {
  position: relative;
}
.areaBlock .areaBlock_objectArea .areaBlock_object.installed .areaBlock_object_title {
  background: #8c89c1;
}
.areaBlock .areaBlock_objectArea .areaBlock_object.added .areaBlock_object_title {
  background: #bbb3d7;
}
.areaBlock .areaBlock_objectArea .areaBlock_object.open .areaBlock_object_title, .areaBlock .areaBlock_objectArea .areaBlock_object.hover .areaBlock_object_title {
  background: #b81c22;
}
.areaBlock .areaBlock_objectArea .areaBlock_object.open .areaBlock_object_title::after, .areaBlock .areaBlock_objectArea .areaBlock_object.hover .areaBlock_object_title::after {
  border-left: 32px solid #d99476;
  transform: translateY(-50%) rotate(90deg);
}
.areaBlock .areaBlock_objectArea .areaBlock_object.open .areaBlock_object_title .btn.memo, .areaBlock .areaBlock_objectArea .areaBlock_object.hover .areaBlock_object_title .btn.memo {
  color: #b81c22;
  background: #fff;
}
.areaBlock .areaBlock_objectArea .areaBlock_object.open .areaBlock_object_title .btn.memo::before, .areaBlock .areaBlock_objectArea .areaBlock_object.hover .areaBlock_object_title .btn.memo::before {
  content: "";
  width: 100%;
  height: calc(100% + 72px);
  background: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content {
  margin: 0 12px 60px 150px;
  display: none;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_list {
  margin-bottom: 12px;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_list > li {
  margin-top: 12px;
  padding: 12px 0;
  color: #b81c22;
  font-size: 1.8rem;
  line-height: 1.25;
  background: #fff;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_list > li::before {
  content: "";
  width: 13px;
  height: 13px;
  background: #dbdcdc;
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_list > li .date {
  width: 114px;
  margin-right: 12px;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_list > li .title {
  width: 156px;
  margin-right: 12px;
  word-break: break-all;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_list > li .txt {
  width: 390px;
  margin-right: 12px;
  word-break: break-all;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_list > li .btn {
  width: 132px;
  margin-right: 12px;
  padding: 9px;
  color: #595757;
  text-align: center;
  line-height: 1;
  background: #c9caca;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_list > li .btn.hover {
  opacity: 0.7;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_form .formTitle {
  margin: 24px 0 6px 24px;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_form .formBody {
  margin-bottom: 12px;
  padding: 12px 12px 12px 24px;
  font-size: 1.8rem;
  line-height: 1.25;
  background: #fff;
  position: relative;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_form .formBody::before {
  content: "";
  width: 13px;
  height: 13px;
  background: #dbdcdc;
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_form .formBody .formBody_table {
  width: 100%;
  color: #595757;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_form .formBody .formBody_table > tbody > tr > th, .areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_form .formBody .formBody_table > tbody > tr > td {
  padding-top: 12px;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_form .formBody .formBody_table > tbody > tr > th {
  width: 72px;
  padding-right: 30px;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_form .formBody .formBody_table > tbody > tr:first-child > th, .areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_form .formBody .formBody_table > tbody > tr:first-child > td {
  padding-top: 0;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_form .formBody .formBody_table > tbody > tr .date {
  width: 180px;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_form .formBody .formBody_table > tbody > tr .title, .areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_form .formBody .formBody_table > tbody > tr .txt {
  width: 100%;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_form .formSubmitBtnArea {
  font-size: 1.8rem;
  display: flex;
  justify-content: flex-end;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_form .formSubmitBtnArea .btn {
  width: 134px;
  margin-right: 12px;
  padding: 9px;
  color: #595757;
  text-align: center;
  line-height: 1;
  background: #fff;
}
.areaBlock .areaBlock_objectArea .areaBlock_object .areaBlock_object_content .areaBlock_object_content_form .formSubmitBtnArea .btn.hover {
  opacity: 0.7;
}

.datepicker {
  font-size: 1.8rem;
  font-family: "Kosugi Maru", sans-serif;
}
.datepicker .datepicker--day-name {
  color: #182987;
}
.datepicker .datepicker--cell.-current- {
  color: #b81c22;
}
.datepicker .datepicker--cell.-selected-, .datepicker .datepicker--cell.-selected-.-current- {
  background: #b81c22;
}

.pdf_modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.pdf_modal .pdf_modal_bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
.pdf_modal .pdf_modal_inner {
  height: calc(100% - 60px);
  margin: 60px;
  position: relative;
}
.pdf_modal .pdf_modal_inner .pdf_modal_closerArea {
  margin-bottom: 30px;
  display: flex;
  justify-content: flex-end;
}
.pdf_modal .pdf_modal_inner .pdf_modal_closerArea .pdf_modal_closer {
  width: 60px;
  height: 60px;
  position: relative;
}
.pdf_modal .pdf_modal_inner .pdf_modal_closerArea .pdf_modal_closer::before, .pdf_modal .pdf_modal_inner .pdf_modal_closerArea .pdf_modal_closer::after {
  width: 141.42%;
  height: 2px;
  content: "";
  display: block;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
.pdf_modal .pdf_modal_inner .pdf_modal_closerArea .pdf_modal_closer::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.pdf_modal .pdf_modal_inner .pdf_modal_closerArea .pdf_modal_closer::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.pdf_modal .pdf_modal_inner .pdf_modal_closerArea .pdf_modal_closer.hover {
  opacity: 0.7;
}
.pdf_modal .pdf_modal_inner .pdf_viewer {
  width: 100%;
  height: calc(100% - 210px);
  overflow: scroll;
}

.loginForm {
  width: 100%;
  max-width: 540px;
  margin: 120px auto 0;
}
.loginForm .formBody {
  width: 100%;
  margin-bottom: 12px;
  padding: 30px;
  font-size: 1.8rem;
  line-height: 1.25;
  background: #fff;
  position: relative;
}
.loginForm .formBody::before {
  content: "";
  width: 13px;
  height: 13px;
  background: #dbdcdc;
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
}
.loginForm .formBody .formBody_table {
  color: #595757;
  margin: 0 auto;
}
.loginForm .formBody .formBody_table > tbody > tr > th, .loginForm .formBody .formBody_table > tbody > tr > td {
  padding-top: 12px;
}
.loginForm .formBody .formBody_table > tbody > tr > th {
  padding-right: 30px;
}
.loginForm .formBody .formBody_table > tbody > tr:first-child > th, .loginForm .formBody .formBody_table > tbody > tr:first-child > td {
  padding-top: 0;
}
.loginForm .formBody .formBody_table > tbody > tr .title, .loginForm .formBody .formBody_table > tbody > tr .txt {
  width: 100%;
}
.loginForm .formSubmitBtnArea {
  margin-top: 30px;
  font-size: 1.8rem;
  display: flex;
  justify-content: center;
}
.loginForm .formSubmitBtnArea .btn {
  width: 134px;
  margin-right: 12px;
  padding: 9px;
  color: #fff;
  text-align: center;
  line-height: 1;
  background: #b81c22;
}
.loginForm .formSubmitBtnArea .btn.hover {
  opacity: 0.7;
}
.loginForm .formSubmitBtnArea .btn[disabled] {
  background: #c8c9ca;
}
.loginForm .formBody_caution {
  margin-top: 30px;
  padding: 12px;
  color: #b81c22;
  text-align: center;
  border: 1px solid #b81c22;
}

.footer {
  width: 100%;
  padding: 30px 0;
  position: absolute;
  bottom: 0;
  right: 0;
}

.footer_contact_cs {
  color: #595757;
  display: flex;
  justify-content: center;
  align-items: end;
  font-size: 1.4rem;
  line-height: 1.25;
}
.footer_contact_cs > li {
  margin-left: 12px;
}
.footer_contact_cs > li:first-child {
  margin-left: 0;
}
.footer_contact_cs .name {
  font-size: 1.1rem;
}
.footer_contact_cs .tel {
  font-size: 2.4rem;
  line-height: 1;
}