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

setting

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

mixin

----------------------------------------------------------*/
.pc {
  display: block;
}
@media only screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media only screen and (max-width: 768px) {
  .sp {
    display: block;
  }
}

/* common_label  */
.common_label {
  background-color: #EFEFEF;
  padding: 36px 50px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .common_label {
    padding: 27px 35px;
  }
}
.common_label_container {
  max-width: 710px;
  width: 100%;
  margin-inline: auto;
}
.common_label_btnLists {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .common_label_btnLists {
    flex-direction: column;
  }
}
.common_label_btnList {
  width: 280px;
  height: 46px;
  max-width: 100%;
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (max-width: 768px) {
  .common_label_btnList {
    width: 360px;
    margin-inline: auto;
  }
}
.common_label_btnList:last-child {
  margin-left: 30px;
}
@media only screen and (max-width: 768px) {
  .common_label_btnList:last-child {
    margin-top: 25px;
    margin-left: 0;
    margin-inline: auto;
  }
}
.common_label_btnLabel {
  width: 90px;
  max-width: 100%;
  margin-left: 25%;
  height: 100%;
  position: relative;
  z-index: 2;
  aspect-ratio: 90/28;
  transition: all 0.3s ease 0s;
}
.common_label_btnLabel img {
  height: auto;
}
.common_label_btnLink {
  color: #0E9352;
  font-weight: 700;
  margin-top: -18px;
  background-color: #FFF;
  padding: 10px;
  display: block;
  transition: all 0.3s ease 0s;
}
.common_label_btnLink:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.common_label_btnLink:hover + .common_label_btnLabel {
  transform: translateY(2px);
}
.common_label_btnLink::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: solid 1px #FFF;
  border-right: solid 1px #FFF;
  right: 23px;
  transform: rotate(135deg) translateY(-50%);
  transform-origin: top;
  top: 47%;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .common_label_btnLink::before {
    right: 18px;
  }
}
.common_label_btnLink::after {
  content: "";
  position: absolute;
  background: #0E9352;
  border-radius: 23px;
  width: 23px;
  height: 23px;
  right: 15px;
  transform: translateY(-50%);
  transform-origin: top;
  top: 50%;
  z-index: 0;
}
@media only screen and (max-width: 1024px) {
  .common_label_btnLink::after {
    right: 10px;
  }
}

.ranking {
  padding: 30px 20px 20px;
  background-color: #EEF7F2;
  border-radius: 12px;
}
@media only screen and (max-width: 768px) {
  .ranking {
    padding: 30px 10px 10px;
  }
}
.ranking_head {
  margin-bottom: 18px;
  color: #0E9352;
  font-size: 24px;
  text-align: center;
}
.ranking_headBox {
  display: inline-block;
  width: 37px;
  height: 37px;
  background-color: #FFF;
  border: 2px solid #0E9352;
  border-left-width: 0;
  font-style: normal;
  line-height: 33px;
  text-align: center;
}
.ranking_headBox:first-of-type {
  border-left-width: 2px;
}
.ranking_head_en {
  margin-top: 12px;
  font-family: "Roboto", sans-serif;
}
.ranking_head_enSmall {
  display: block;
  font-size: 15px;
  letter-spacing: 0.34em;
}
.ranking_head_enLarge {
  font-size: 32px;
}
.ranking_head_top {
  height: 60px;
  color: #0E9352;
  font-size: 24px;
  text-align: center;
}
.ranking_head_top_sub {
  font-size: 12px;
  margin-top: 5px;
  color: #666;
  font-weight: 300;
}
.ranking_list {
  padding: 10px 25px 25px;
  background-color: #FFF;
  border-radius: 12px;
  counter-reset: rank 0;
}
@media only screen and (max-width: 768px) {
  .ranking_list {
    padding: 35px 20px 75px 0;
  }
  .ranking_list .simplebar-content {
    display: flex;
  }
  .ranking_list .simplebar-track {
    width: calc(100% - 20px);
    left: unset;
    bottom: 40px;
    background-color: #EFEFEF;
  }
  .ranking_list .simplebar-track .simplebar-scrollbar::before {
    background-color: #CCCCCC;
    opacity: 1;
  }
}
.ranking_item {
  padding: 15px 0;
  border-bottom: 1px solid #CCCCCC;
  counter-increment: rank 1;
}
@media only screen and (max-width: 768px) {
  .ranking_item {
    width: 210px;
    flex-shrink: 0;
    padding: 0 20px;
    border-bottom: none;
    border-right: 1px solid #CCCCCC;
  }
}
.ranking_item_wrap {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
@media only screen and (max-width: 768px) {
  .ranking_item_wrap {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}
.ranking_item_wrap:hover .ranking_item_name {
  color: #0E9352;
  text-decoration: underline;
}
.ranking_item_fig {
  position: relative;
  flex-basis: 92px;
  flex-shrink: 0;
  height: 70px;
}
@media only screen and (max-width: 768px) {
  .ranking_item_fig {
    flex-basis: 100%;
    height: 129px;
  }
}
.ranking_item_figImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ranking_item_name {
  font-size: 15px;
  line-height: 1.6;
}
.ranking_item_rank {
  display: block;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 30px;
  height: 30px;
  background-color: #CCCCCC;
  border-radius: 50%;
}
.ranking_item_rank::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #FFF;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  content: counter(rank);
}
.ranking_item:nth-child(1) .ranking_item_rank {
  background-color: #E0C82A;
}
.ranking_item:nth-child(2) .ranking_item_rank {
  background-color: #ACB5C5;
}
.ranking_item:nth-child(3) .ranking_item_rank {
  background-color: #8F7343;
}

.history_contact {
  margin-bottom: 16px;
  padding: 13px 0;
  background-color: #EEF7F2;
}
@media only screen and (max-width: 768px) {
  .history_contact {
    margin-bottom: 0;
    padding: 7px 0 18px 0;
  }
}
.history_contact_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 1.3%;
  row-gap: 7px;
}
.history_contact_text {
  font-weight: 700;
}
.history_contact_textNum {
  font-size: 20px;
}
.history_contact_btn {
  position: relative;
  display: block;
  width: 320px;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  padding-left: 1em;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .history_contact_btn {
    width: 320px;
  }
}
.history_contact_btn.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.history_contact_btn.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.history_contact_btn.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.history_contact_btn.btn_no_shadow {
  box-shadow: none;
}
.history_contact_btn_link {
  line-height: 44px;
  letter-spacing: 0.1em;
  font-size: 15px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .history_contact_btn_link {
    line-height: 50px;
    font-size: 16px;
  }
}
.history_contact_btn_link .btn_icon,
.history_contact_btn_link .btn_text {
  vertical-align: middle;
}
.history_contact_btn_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.history_contact_btn_links {
  line-height: 44px;
  font-size: 15px;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .history_contact_btn_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .history_contact_btn_links {
    font-size: 16px;
  }
}
.history_contact_btn .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.history_contact_btn:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.history_contact_btn.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
@media only screen and (max-width: 768px) {
  .history_contact_btn_link {
    letter-spacing: 0.05em;
  }
}

.history_table {
  margin-bottom: 30px;
}

.truck_list {
  width: 100%;
  padding-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .truck_list {
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 768px) {
  .truck_list .simplebar-track {
    display: none;
  }
}
.truck_list .simplebar-track.simplebar-horizontal {
  width: calc(100% - 170px);
  left: unset;
  background-color: #EFEFEF;
  cursor: grab;
}
.truck_list .simplebar-track.simplebar-horizontal .simplebar-scrollbar::before {
  background-color: #CCCCCC;
  opacity: 1;
}
.truck_list .simplebar-track.simplebar-vertical {
  display: none;
  height: calc(100% - 115px - 135px - 271px);
  top: unset;
  bottom: 115px;
  background-color: #EFEFEF;
  cursor: grab;
}
.truck_list .simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
  background-color: #CCCCCC;
  opacity: 1;
}

.truck_listTable.businessMember {
  height: calc(100vh - 30px);
  min-height: 700px;
  overflow-y: scroll;
  padding-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .truck_listTable.businessMember {
    height: auto;
    overflow: hidden;
  }
}
.truck_listTable.businessMember .truck_listTable_multirow {
  height: 75px;
  line-height: 1.33;
}
.truck_listTable.businessMember .truck_listTable_title {
  height: auto;
}
.truck_listTable.businessMember .simplebar-track.simplebar-vertical {
  display: block;
}
.truck_listTable.businessMember .simplebar-offset {
  padding-bottom: 45px;
}
@media only screen and (max-width: 768px) {
  .truck_listTable.businessMember .simplebar-offset {
    position: relative;
  }
}
.truck_listTable.businessMember .truck_listTable_trSticky {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  .truck_listTable.businessMember .truck_listTable_trSticky {
    position: static;
  }
}
.truck_listTable.businessMember .truck_listTable_form {
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  .truck_listTable.businessMember .truck_listTable_form {
    position: static;
  }
}

.truck_listTable {
  width: 100%;
  height: auto;
  align-items: flex-start;
  position: relative;
  overflow: scroll hidden;
  scrollbar-width: none;
  padding-bottom: 45px;
}
.truck_listTable .simplebar-content {
  display: flex;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .truck_listTable .simplebar-content {
    display: block;
  }
}
.truck_listTable_thead {
  flex-basis: 170px;
  flex-shrink: 0;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  .truck_listTable_thead {
    display: none;
  }
}
.truck_listTable_tbody {
  display: flex;
  flex-grow: 1;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .truck_listTable_tbody {
    display: block;
  }
}
.truck_listTable_tbody .truck_listTable_tr {
  flex-basis: 220px;
  flex-shrink: 0;
}
.truck_listTable_tr {
  display: flex;
  flex-direction: column;
}
.truck_listTable_tr:last-child .truck_listTable_td {
  border-right: 1px solid #CCCCCC;
}
.truck_listTable_tr:last-child .truck_listTable_td.truck_listTable_trash {
  border-right: none;
}
@media only screen and (max-width: 768px) {
  .truck_listTable_tr {
    padding: 20px 0 30px 0;
    border-bottom: 1px solid #0E9352;
  }
}
.truck_listTable_th, .truck_listTable_td {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 40px;
  position: relative;
  z-index: 1;
  border-left: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  vertical-align: middle;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .truck_listTable_th, .truck_listTable_td {
    display: none;
  }
}
.truck_listTable_th.multirow, .truck_listTable_td.multirow {
  line-height: 1.25;
}
.truck_listTable_th.ippan, .truck_listTable_td.ippan {
  display: none;
}
.truck_listTable_th {
  width: 100%;
  background-color: #EFEFEF;
  font-weight: 700;
}
.truck_listTable_th.th_auto {
  height: auto;
}
.truck_listTable_th.bg_lightgreen {
  background-color: #EEF7F2;
}
.truck_listTable_td {
  width: 100%;
  background-color: #FFF;
}
.truck_listTable_trash {
  height: 35px;
  background-color: #FFF;
  border-left: none;
  border-top: none;
}
@media only screen and (max-width: 768px) {
  .truck_listTable_trash {
    display: block;
  }
}
.truck_listTable_trashIco {
  margin-right: 6px;
}
.truck_listTable_trashTxt {
  text-decoration: underline;
}
.truck_listTable_check {
  height: 60px;
  padding: 10px 0;
  background-color: #EEF7F2;
}
@media only screen and (max-width: 768px) {
  .truck_listTable_check {
    padding: 7px 0;
  }
}
.truck_listTable_checkInput {
  display: none;
}
.truck_listTable_checkBox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .truck_listTable_checkBox {
    width: 30px;
    height: 30px;
  }
  .truck_listTable_checkBox svg {
    width: 15px;
    height: 15px;
  }
}
.truck_listTable_checkInput:checked ~ .truck_listTable_checkBox {
  background-color: #0E9352;
  border: none;
}
.truck_listTable_checkInput:checked ~ .truck_listTable_checkBox path {
  fill: #FFF;
}
.truck_listTable_contactNo {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: underline;
}
.truck_listTable_title {
  justify-content: flex-start;
  height: auto;
  padding: 10px 0 16px;
  vertical-align: top;
  word-break: break-all;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .truck_listTable_title {
    width: 120px;
  }
}
.truck_listTable_titleFig {
  position: relative;
  width: 200px;
  height: 150px;
  margin: 0 auto 10px;
}
@media only screen and (max-width: 768px) {
  .truck_listTable_titleFig {
    position: absolute;
    top: 0;
    left: 0;
    width: 190px;
    height: 142px;
  }
}
.truck_listTable_titleFigImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.truck_listTable_titleFigTag {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  padding: 9px 7px;
  font-size: 13px;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .truck_listTable_titleFigTag {
    padding-top: 2px;
    padding-bottom: 2px;
  }
}
.truck_listTable_titleFigTag.tag_new {
  background-color: #F23A3A;
  color: #FFF;
}
.truck_listTable_titleFigTag.tag_soldout {
  background-color: #333333;
  color: #FFF;
}
.truck_listTable_titleFigTag.tag_rec {
  background-color: #F19149;
  color: #FFF;
}
.truck_listTable_titleFigTag.tag_pricedown {
  background-color: #F6E929;
  color: #F23A3A;
  font-weight: 700;
}
.truck_listTable_titleFig.fig_soldout::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.4);
  content: "";
}
.truck_listTable_titleName {
  padding: 0 10px;
  color: #0E9352;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  .truck_listTable_titleName {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 8px;
  }
}
.truck_listTable_price {
  font-weight: 700;
}
.truck_listTable_priceNum {
  margin-right: 3px;
  font-family: "Roboto", sans-serif;
}
.truck_listTable_priceNumEm {
  font-size: 20px;
  line-height: 1;
}
.truck_listTable_priceAsk {
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  .truck_listTable_priceAsk {
    font-size: 11px;
  }
}
.truck_listTable_form {
  height: 70px;
  padding: 10px 0;
  border-bottom: 1px solid #CCCCCC;
}
.truck_listTable_formBtn {
  position: relative;
  display: block;
  width: 200px;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  margin: 0 auto;
  padding-left: 1em;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .truck_listTable_formBtn {
    width: 100%;
  }
}
.truck_listTable_formBtn.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.truck_listTable_formBtn.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.truck_listTable_formBtn.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.truck_listTable_formBtn.btn_no_shadow {
  box-shadow: none;
}
.truck_listTable_formBtn_link {
  line-height: 44px;
  letter-spacing: 0.1em;
  font-size: 15px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .truck_listTable_formBtn_link {
    line-height: 50px;
    font-size: 16px;
  }
}
.truck_listTable_formBtn_link .btn_icon,
.truck_listTable_formBtn_link .btn_text {
  vertical-align: middle;
}
.truck_listTable_formBtn_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.truck_listTable_formBtn_links {
  line-height: 44px;
  font-size: 15px;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .truck_listTable_formBtn_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .truck_listTable_formBtn_links {
    font-size: 16px;
  }
}
.truck_listTable_formBtn .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.truck_listTable_formBtn:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.truck_listTable_formBtn.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
@media only screen and (max-width: 768px) {
  .truck_listTable_formBtn {
    margin-top: 20px;
    padding-left: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .truck_listTable_formBtn_link {
    letter-spacing: 0.01em;
  }
}
.truck_listTable_formBtn.btn_soldout .truck_listTable_formBtn_link {
  font-size: 13px;
}
@media only screen and (max-width: 768px) {
  .truck_listTable_formBtn.btn_soldout .truck_listTable_formBtn_link {
    font-size: 16px;
  }
}
.truck_listTable_formBtnFree {
  display: block;
  width: 50px;
  position: absolute;
  left: 7px;
  top: -7px;
  background-color: #FFF;
  border: 2px solid #0E9352;
  border-radius: 9px;
  color: #0E9352;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}
.truck_listTable_formBtnFree::after {
  display: block;
  width: 8px;
  height: 5px;
  position: absolute;
  left: 2px;
  top: calc(100% - 2px);
  background-color: #FFF;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  content: "";
}
.truck_listTable_sp {
  padding: 0 10px;
}
.truck_listTable_spAccess {
  display: flex;
  align-items: flex-end;
  column-gap: 10px;
  height: 50px;
  margin-bottom: 9px;
  padding: 10px 12px;
  background-color: #EEF7F2;
  border: 1px solid #CCCCCC;
}
.truck_listTable_spNumber {
  font-size: 13px;
}
.truck_listTable_spNumber .truck_listTable_contactNo {
  margin-left: 8px;
}
.truck_listTable_spVehicle {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.truck_listTable_spVehicleFig {
  position: relative;
  grid-row: 1/3;
  grid-column: 1;
  height: 120px;
  width: 50%;
}
.truck_listTable_spVehicleFig img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.truck_listTable_spVehicleFig.fig_soldout::before {
  display: block;
  width: 100%;
  height: 120px;
  aspect-ratio: 4/3;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(51, 51, 51, 0.4);
  content: "";
}
.truck_listTable_spVehicleInfo {
  padding: 0 0 0 10px;
  width: 50%;
}
.truck_listTable_spVehicleInfoDl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.truck_listTable_spVehicleInfoDt {
  width: 76px;
  background-color: #EFEFEF;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.05em;
  text-align: center;
}
.truck_listTable_spVehicleInfoDd {
  font-size: 12px;
}
.truck_listTable_spVehicleInfoPrice {
  display: flex;
  align-items: center;
  margin-top: 30px;
  height: 5px;
}
.truck_listTable_spVehicleInfoPrice_amount.member_price {
  font-size: 13px;
  white-space: nowrap;
}
.truck_listTable_spVehicleInfoPrice_amount.member_price .truck_listTable_spVehicleInfoPrice_amountNum {
  color: #F19149;
}
.truck_listTable_spVehicleInfoPrice_amountNum {
  color: #0E9352;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-size: 15px;
}
.truck_listTable_spVehicleInfoPrice_amountNumEm {
  font-size: 26px;
}
.truck_listTable_spVehicleInfoPrice_amountNum_Num {
  color: #F19149;
}
.truck_listTable_spVehicleInfoPrice_label {
  display: block;
  left: unset;
  right: 0;
  bottom: 100%;
}
.truck_listTable_spVehicleInfoPrice_label.label_campaign, .truck_listTable_spVehicleInfoPrice_label.label_member {
  width: 120px;
  background-color: #F19149;
  color: #FFF;
  font-size: 12px;
  line-height: 1.66;
  letter-spacing: 0;
  text-align: center;
}
.truck_listTable_spVehicleInfoPriceDt {
  margin-right: 10px;
  font-size: 13px;
  white-space: nowrap;
}
.truck_listTable_spVehicleInfoPriceDd {
  font-size: 13px;
  white-space: nowrap;
}
.truck_listTable_spVehicleInfoPriceDd .price_val {
  color: #0E9352;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 15px;
}
.truck_listTable_spVehicleInfoPriceDd .price_val_em {
  display: inline-block;
  font-size: 26px;
  line-height: 1;
}

.cta_typeB {
  margin-top: 60px;
}
@media only screen and (max-width: 768px) {
  .cta_typeB {
    margin-top: 56px;
  }
}

.check_cta {
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  .check_cta {
    margin-bottom: 60px;
  }
}
.check_ranking {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 40px;
  margin-bottom: 40px;
}
.check_ranking .ranking {
  flex-basis: 48.5%;
  max-width: 455px;
  min-width: 344px;
}
@media only screen and (max-width: 768px) {
  .check_ranking .ranking {
    flex-basis: 100%;
    max-width: 100%;
    min-width: unset;
  }
}
.check_arrival_list .simplebar-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.check_arrival_list .simplebar-content::before, .check_arrival_list .simplebar-content::after {
  display: none;
}
@media only screen and (max-width: 768px) {
  .check_arrival_list {
    padding: 35px 20px 75px 0;
  }
  .check_arrival_list .simplebar-content {
    flex-wrap: nowrap;
  }
  .check_arrival_list .simplebar-track {
    width: 100%;
    bottom: 40px;
    background-color: #EFEFEF;
  }
  .check_arrival_list .simplebar-track .simplebar-scrollbar::before {
    background-color: #CCCCCC;
    opacity: 1;
  }
}
.check_arrival_item {
  flex-basis: 48.5%;
  min-width: 344px;
  max-width: 455px;
  padding: 15px 0;
  border-bottom: 1px solid #CCCCCC;
}
@media only screen and (max-width: 768px) {
  .check_arrival_item {
    flex-basis: 210px;
    flex-shrink: 0;
    max-width: 100%;
    min-width: unset;
    padding: 0 20px;
    border-bottom: none;
    border-right: 1px solid #CCCCCC;
  }
  .check_arrival_item:first-of-type {
    padding-left: 0;
  }
}
.check_arrival_item_wrap {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
@media only screen and (max-width: 768px) {
  .check_arrival_item_wrap {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}
.check_arrival_item_wrap:hover .check_arrival_item_name {
  color: #0E9352;
  text-decoration: underline;
}
.check_arrival_item_fig {
  position: relative;
  flex-basis: 92px;
  flex-shrink: 0;
  height: 70px;
}
@media only screen and (max-width: 768px) {
  .check_arrival_item_fig {
    flex-basis: 100%;
    height: 129px;
  }
}
.check_arrival_item_figImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.check_arrival_item_name {
  font-size: 15px;
  line-height: 1.6;
}
.check_guidance {
  margin-bottom: 30px;
  padding: 24px 0;
  background-color: #EEF7F2;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .check_guidance {
    margin-bottom: 20px;
    padding: 10px 20px;
    font-size: 16px;
    text-align: left;
  }
}
.check_guidance_pic {
  display: block;
  width: 100%;
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  .check_guidance_pic {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto;
    margin-bottom: 40px;
  }
}
.check_guidance_picImg {
  width: 100%;
}
.check_toc {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom: 60px;
  padding: 35px 0;
  background-color: #EEF7F2;
}
.check_toc_btn {
  position: relative;
  display: block;
  width: 100%;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  margin: 0 auto 15px;
}
@media only screen and (max-width: 768px) {
  .check_toc_btn {
    width: 320px;
  }
}
.check_toc_btn.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.check_toc_btn.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.check_toc_btn.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.check_toc_btn.btn_no_shadow {
  box-shadow: none;
}
.check_toc_btn_link {
  line-height: 40px;
  letter-spacing: 0.1em;
  font-size: 15px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .check_toc_btn_link {
    line-height: 50px;
    font-size: 18px;
  }
}
.check_toc_btn_link .btn_icon,
.check_toc_btn_link .btn_text {
  vertical-align: middle;
}
.check_toc_btn_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.check_toc_btn_links {
  line-height: 40px;
  font-size: 15px;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .check_toc_btn_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .check_toc_btn_links {
    font-size: 18px;
  }
}
.check_toc_btn .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.check_toc_btn:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.check_toc_btn.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
.check_toc_btn:last-child {
  margin-bottom: 0;
}
.check_print_btn {
  position: relative;
  display: block;
  width: 320px;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  margin-left: auto;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .check_print_btn {
    width: 335px;
  }
}
.check_print_btn.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.check_print_btn.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.check_print_btn.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.check_print_btn.btn_no_shadow {
  box-shadow: none;
}
.check_print_btn_link {
  line-height: 50px;
  letter-spacing: 0.1em;
  font-size: 15px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .check_print_btn_link {
    line-height: 50px;
    font-size: 16px;
  }
}
.check_print_btn_link .btn_icon,
.check_print_btn_link .btn_text {
  vertical-align: middle;
}
.check_print_btn_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.check_print_btn_links {
  line-height: 50px;
  font-size: 15px;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .check_print_btn_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .check_print_btn_links {
    font-size: 16px;
  }
}
.check_print_btn .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.check_print_btn:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.check_print_btn.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
@media only screen and (max-width: 768px) {
  .check_print_btn {
    margin-right: auto;
  }
}
.check_print_btnIco, .check_print_btnTxt {
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .check_print_btnIco.pc_inline, .check_print_btnTxt.pc_inline {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .check_print_btnIco.sp_inline, .check_print_btnTxt.sp_inline {
    display: none;
  }
}
.check_print_btnIco {
  margin-right: 5px;
}
.check_print {
  max-width: 940px;
  margin: 20px auto 0;
}
.check_print_head {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .check_print_head {
    padding: 0 10px;
  }
}
.check_print_head .check_print_logoImg, .check_print_head .check_print_logoTxt {
  vertical-align: middle;
}
.check_print_head .check_print_logoTxt {
  margin-left: 10px;
  font-size: 24px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .check_print_head .check_print_logoImg {
    width: 120px;
  }
  .check_print_head .check_print_logoTxt {
    font-size: 13px;
  }
}
.check_print_head .check_print_now {
  position: relative;
  display: block;
  width: 200px;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .check_print_head .check_print_now {
    width: 50%;
  }
}
.check_print_head .check_print_now.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.check_print_head .check_print_now.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.check_print_head .check_print_now.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.check_print_head .check_print_now.btn_no_shadow {
  box-shadow: none;
}
.check_print_head .check_print_now_link {
  line-height: 50px;
  letter-spacing: 0.1em;
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .check_print_head .check_print_now_link {
    line-height: 40px;
    font-size: 16px;
  }
}
.check_print_head .check_print_now_link .btn_icon,
.check_print_head .check_print_now_link .btn_text {
  vertical-align: middle;
}
.check_print_head .check_print_now_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.check_print_head .check_print_now_links {
  line-height: 50px;
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .check_print_head .check_print_now_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .check_print_head .check_print_now_links {
    font-size: 16px;
  }
}
.check_print_head .check_print_now .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.check_print_head .check_print_now:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.check_print_head .check_print_now.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
.check_print .check_cta {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 768px) {
  .check_print .check_cta {
    padding: 0 10px;
  }
}
.check_print .truck_listTable {
  overflow: hidden;
}
.check_print .truck_listTable_thead {
  flex-basis: 140px;
}
.check_print .truck_listTable_tbody .truck_listTable_tr {
  flex-basis: 160px;
}
.check_print .truck_listTable_tr {
  border-bottom: 1px solid #CCCCCC;
}
.check_print .truck_listTable_th, .check_print .truck_listTable_td {
  font-size: 14px;
  line-height: 1;
}
.check_print .truck_listTable_th.multirow, .check_print .truck_listTable_td.multirow {
  height: 120px;
}
.check_print .truck_listTable_trash, .check_print .truck_listTable_check, .check_print .truck_listTable_form {
  display: none;
}
.check_print .truck_listTable_title {
  height: auto;
}
.check_print .truck_listTable_titleFig {
  width: 150px;
  height: 112px;
}
.check_print .truck_listTable_priceNumEm {
  font-size: 16px;
}
.check_print .truck_listTable_priceAsk {
  display: block;
  font-size: 11px;
}
.check_print .truck_listTable.businessMember {
  height: auto;
  overflow: hidden;
}
.check_print .truck_listTable.businessMember .simplebar-offset {
  position: relative;
}
.check_print .truck_listTable.businessMember .truck_listTable_multirow {
  height: 120px;
}

.searchResultVehicle_price_label.label_member {
  display: block;
  position: absolute;
  right: 10px;
  background-color: #F19149;
  width: 120px;
  color: #FFF;
  font-size: 12px;
  line-height: 1.66;
  letter-spacing: 0;
  text-align: center;
}

.truck_listTable_spVehicleInfoPrice {
  justify-content: space-between;
}

.price_val.txt_orange {
  color: #F19149;
}

@media only screen and (max-width: 768px) {
  .dealhistory {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
.dealhistory input[name=deal] {
  display: none;
}
.dealhistory_head {
  padding: 10px 10px 0 10px;
  background-color: #0E9352;
  border-radius: 6px 6px 0 0;
}
@media only screen and (max-width: 768px) {
  .dealhistory_head {
    border-radius: 0;
  }
}
.dealhistory_headNav {
  display: flex;
  justify-content: space-between;
}
.dealhistory_headNav_label {
  flex-basis: 48%;
  padding: 16px 0;
  border-radius: 6px 6px 0 0;
  background-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .dealhistory_headNav_label {
    padding: 12px 0;
    font-size: 18px;
  }
}
.dealhistory #deal-buy-history:checked ~ .dealhistory_head .label_buy,
.dealhistory #deal-sel-history:checked ~ .dealhistory_head .label_sel {
  background-color: #FFF;
  color: #0E9352;
}
.dealhistory #deal-buy-history:checked ~ .dealhistory_body.buy_history,
.dealhistory #deal-sel-history:checked ~ .dealhistory_body.sel_history {
  display: block;
}
.dealhistory_body {
  display: none;
  padding-top: 30px;
}
@media only screen and (max-width: 768px) {
  .dealhistory_body {
    padding-top: 20px;
  }
}
.dealhistory_body_loop {
  margin: 40px 0 60px;
}
@media only screen and (max-width: 768px) {
  .dealhistory_body_loop {
    margin: 20px 0 40px;
  }
}
@media only screen and (max-width: 768px) {
  .dealhistory_body_dir {
    padding: 0 20px;
  }
}
.dealhistory_article {
  position: relative;
  border-top: 2px solid #0E9352;
}
.dealhistory_article:last-child {
  border-bottom: 2px solid #0E9352;
}
.dealhistory_articleHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 4.4%;
  flex-wrap: wrap;
  row-gap: 20px;
  padding: 14px 20px 14px 10px;
  background-color: #FFF;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleHead {
    row-gap: 10px;
    padding: 15px 24px 20px 15px;
  }
}
.dealhistory_articleHead_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 204px;
  flex-shrink: 0;
}
.dealhistory_articleHead_info2 {
  display: flex;
  align-items: center;
  column-gap: 6%;
  flex-wrap: wrap;
  row-gap: 20px;
  flex-grow: 1;
  min-width: 595px;
}
@media only screen and (max-width: 1024px) {
  .dealhistory_articleHead_info2 {
    flex-basis: 100%;
    min-width: unset;
  }
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleHead_info2 {
    column-gap: 0;
  }
}
.dealhistory_articleHead_fig {
  display: inline-block;
  width: 92px;
  height: 70px;
}
.dealhistory_articleHead_figImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dealhistory_articleHead_label {
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleHead_label {
    flex-basis: 50%;
  }
}
.dealhistory_articleHead_labelTtl {
  display: block;
  margin-bottom: 11px;
  color: #0E9352;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleHead_labelTtl {
    margin-bottom: 5px;
  }
}
.dealhistory_articleHead_labelDesc {
  display: block;
}
.dealhistory_articleHead.btn_open {
  background-color: #EEF7F2;
}
.dealhistory_articleHead.btn_open .dealhistory_article_btn::after {
  transform: rotate(90deg);
}
.dealhistory_article_btn {
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #0E9352;
  border-radius: 50%;
  background-color: #FFF;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 34px;
}
.dealhistory_article_btn::before, .dealhistory_article_btn::after {
  display: block;
  position: absolute;
  background-color: #0E9352;
  transition: all ease 0.3s;
  content: "";
}
.dealhistory_article_btn::before {
  top: calc(50% - 0.5px);
  left: calc(50% - 5px);
  width: 10px;
  height: 1px;
}
.dealhistory_article_btn::after {
  top: calc(50% - 5px);
  left: calc(50% - 0.5px);
  width: 1px;
  height: 10px;
}
.dealhistory_article_btn.btn_open::after {
  transform: rotate(90deg);
}
.dealhistory_articleDetail {
  padding-top: 30px;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail {
    padding-top: 4px;
  }
}
.dealhistory_articleDetail_head {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 30px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail_head {
    margin-bottom: 60px;
  }
}
.dealhistory_articleDetail_head .detail_picture_gallery {
  flex-basis: 40%;
  min-width: 370px;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail_head .detail_picture_gallery {
    flex-basis: 100%;
    min-width: unset;
  }
}
.dealhistory_articleDetail_head .detail_picture_gallery .main_slider_arrow {
  width: 40px;
  height: 40px;
}
.dealhistory_articleDetail_head .detail_picture_gallery .thumb_slider_arrow {
  width: 25px;
}
.dealhistory_articleDetail_headInfo {
  flex-basis: 57%;
  min-width: 494px;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail_headInfo {
    flex-basis: 100%;
    min-width: unset;
    padding: 0 2.66%;
  }
}
.dealhistory_articleDetail_headDl {
  display: inline-flex;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-bottom-width: 0;
}
.dealhistory_articleDetail_headDl:last-child {
  border-bottom-width: 1px;
}
.dealhistory_articleDetail_headDt {
  width: 150px;
  padding: 0 10px;
  background-color: #EFEFEF;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail_headDt {
    width: 45%;
    flex-shrink: 0;
    padding-left: 14px;
  }
}
.dealhistory_articleDetail_headDtSm {
  font-size: 13px;
}
.dealhistory_articleDetail_headDt.ls_1em {
  letter-spacing: 1em;
}
.dealhistory_articleDetail_headDd {
  flex-grow: 1;
  padding: 0 12px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail_headDd {
    padding-left: 20px;
  }
}
.dealhistory_articleDetail_headDd .dd_long_p {
  margin-right: 10px;
}
.dealhistory_articleDetail_headDd .dd_long_p:last-child {
  margin-right: 0;
}
.dealhistory_articleDetail_headDt, .dealhistory_articleDetail_headDd {
  display: inline-flex;
  align-items: center;
  height: 69px;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail_headDt, .dealhistory_articleDetail_headDd {
    flex-wrap: wrap;
    row-gap: 10px;
    height: 40px;
  }
}
.dealhistory_articleDetail_headFlex {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail_headFlex {
    flex-wrap: wrap;
  }
}
.dealhistory_articleDetail_headFlex .flex_head_long {
  flex-basis: 55%;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail_headFlex .flex_head_long {
    flex-basis: 100%;
  }
}
.dealhistory_articleDetail_headFlex .flex_head_short {
  flex-basis: 45%;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail_headFlex .flex_head_short {
    flex-basis: 100%;
  }
}
@media only screen and (min-width: 769px) {
  .dealhistory_articleDetail_headFlex .flex_head_short .dealhistory_articleDetail_headDl {
    border-left-width: 0;
  }
}
.dealhistory_articleDetail_headFlex .flex_head_short .dealhistory_articleDetail_headDt {
  width: 80px;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail_headFlex .flex_head_short .dealhistory_articleDetail_headDt {
    width: 45%;
  }
}
.dealhistory_articleDetail_headFlex .dealhistory_articleDetail_headDl:last-child {
  border-bottom-width: 0;
}
@media only screen and (max-width: 768px) {
  .dl_height_auto .dealhistory_articleDetail_headDt, .dl_height_auto .dealhistory_articleDetail_headDd {
    height: auto;
    padding-top: 5px;
    padding-bottom: 10px;
  }
}
.dealhistory_articleDetail_head_inquiry {
  display: inline-block;
  margin-right: 12%;
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail_head_inquiry {
    flex-basis: 100%;
    font-size: 22px;
  }
}
.dealhistory_articleDetail_head_inquiry.inquiry_link {
  text-decoration: underline;
}
.dealhistory_articleDetail_head_btn {
  position: relative;
  display: block;
  width: 160px;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail_head_btn {
    width: 160px;
  }
}
.dealhistory_articleDetail_head_btn.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.dealhistory_articleDetail_head_btn.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.dealhistory_articleDetail_head_btn.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.dealhistory_articleDetail_head_btn.btn_no_shadow {
  box-shadow: none;
}
.dealhistory_articleDetail_head_btn_link {
  line-height: 40px;
  letter-spacing: 0.1em;
  font-size: 15px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail_head_btn_link {
    line-height: 40px;
    font-size: 16px;
  }
}
.dealhistory_articleDetail_head_btn_link .btn_icon,
.dealhistory_articleDetail_head_btn_link .btn_text {
  vertical-align: middle;
}
.dealhistory_articleDetail_head_btn_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.dealhistory_articleDetail_head_btn_links {
  line-height: 40px;
  font-size: 15px;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .dealhistory_articleDetail_head_btn_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail_head_btn_links {
    font-size: 16px;
  }
}
.dealhistory_articleDetail_head_btn .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.dealhistory_articleDetail_head_btn:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.dealhistory_articleDetail_head_btn.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
.dealhistory_articleDetail_headPrice {
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail_headPrice {
    font-size: 22px;
  }
}
.dealhistory_articleDetail_headPrice_s {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDetail_headPrice_s {
    font-size: 20px;
  }
}
.dealhistory_articleDetail_headPrice, .dealhistory_articleDetail_headPrice_s, .dealhistory_articleDetail_headPrice_tag {
  vertical-align: baseline;
}
.dealhistory_banner_acrobat {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
@media only screen and (max-width: 768px) {
  .dealhistory_banner_acrobat {
    flex-wrap: wrap;
    row-gap: 20px;
    justify-content: center;
    padding: 0 2.66%;
  }
}
.dealhistory_banner_acrobatTxt {
  font-size: 13px;
}

.dealhistory_articleDeatil_section {
  padding-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDeatil_section {
    padding-left: 2.66%;
    padding-right: 2.66%;
  }
}
.dealhistory_articleDeatil_sectionHd {
  margin-bottom: 20px;
  padding-bottom: 11px;
  border-bottom: 1px solid #0E9352;
  color: #0E9352;
  font-size: 18px;
}
.dealhistory_articleDeatil_download {
  margin: 30px 0 10px;
  font-weight: 700;
}
.dealhistory_articleDeatil_document {
  margin-bottom: 20px;
  padding: 40px 50px 34px;
  border: 4px solid #EFEFEF;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDeatil_document {
    padding: 30px 34px;
  }
}
.dealhistory_articleDeatil_documentWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.dealhistory_articleDeatil_documentListFile {
  position: relative;
  margin-bottom: 13px;
  padding-left: 28px;
  color: #CCCCCC;
  white-space: nowrap;
}
.dealhistory_articleDeatil_documentListFile.is_available {
  color: #333333;
  font-weight: 700;
}
.dealhistory_articleDeatil_documentListFile.is_available::before {
  background-image: url("/assets/img/common/common_ico_download_green.png");
}
.dealhistory_articleDeatil_documentListFile::before {
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  width: 20px;
  height: 20px;
  background: url("/assets/img/common/common_ico_download_grey.png") center/contain no-repeat;
  content: "";
}
.dealhistory_articleDeatil_documentBtn {
  position: relative;
  display: block;
  width: 280px;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  margin: 30px auto 0;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDeatil_documentBtn {
    width: 100%;
  }
}
.dealhistory_articleDeatil_documentBtn.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.dealhistory_articleDeatil_documentBtn.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.dealhistory_articleDeatil_documentBtn.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.dealhistory_articleDeatil_documentBtn.btn_no_shadow {
  box-shadow: none;
}
.dealhistory_articleDeatil_documentBtn_link {
  line-height: 60px;
  letter-spacing: 0.1em;
  font-size: 15px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDeatil_documentBtn_link {
    line-height: 50px;
    font-size: 16px;
  }
}
.dealhistory_articleDeatil_documentBtn_link .btn_icon,
.dealhistory_articleDeatil_documentBtn_link .btn_text {
  vertical-align: middle;
}
.dealhistory_articleDeatil_documentBtn_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.dealhistory_articleDeatil_documentBtn_links {
  line-height: 60px;
  font-size: 15px;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .dealhistory_articleDeatil_documentBtn_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDeatil_documentBtn_links {
    font-size: 16px;
  }
}
.dealhistory_articleDeatil_documentBtn .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.dealhistory_articleDeatil_documentBtn:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.dealhistory_articleDeatil_documentBtn.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
.dealhistory_articleDeatil_mailing {
  border: 1px solid #CCCCCC;
  border-radius: 6px;
}
.dealhistory_articleDeatil_mailingHd {
  padding: 7px 0;
  background-color: #EEF7F2;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.dealhistory_articleDeatil_mailingAddr {
  padding: 16px 0;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.dealhistory_articleDeatil_notSubmit {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  padding: 30px 50px;
  border: 4px solid #EFEFEF;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDeatil_notSubmit {
    flex-wrap: wrap;
    row-gap: 1em;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.dealhistory_articleDeatil_notSubmitDoc {
  position: relative;
  padding-left: 12px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDeatil_notSubmitDoc {
    width: 100%;
  }
}
.dealhistory_articleDeatil_notSubmitDoc::before {
  display: block;
  position: absolute;
  top: calc(50% - 3px);
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #0E9352;
  border-radius: 50%;
  content: "";
}
.dealhistory_articleDeatil_copy {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 10px;
  margin-top: 30px;
  padding: 35px 4.2%;
  background-color: #EEF7F2;
}
.dealhistory_articleDeatil_copyDoc {
  position: relative;
  display: block;
  width: 280px;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDeatil_copyDoc {
    width: 100%;
  }
}
.dealhistory_articleDeatil_copyDoc.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.dealhistory_articleDeatil_copyDoc.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.dealhistory_articleDeatil_copyDoc.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.dealhistory_articleDeatil_copyDoc.btn_no_shadow {
  box-shadow: none;
}
.dealhistory_articleDeatil_copyDoc_link {
  line-height: 60px;
  letter-spacing: 0.1em;
  font-size: 15px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDeatil_copyDoc_link {
    line-height: 50px;
    font-size: 16px;
  }
}
.dealhistory_articleDeatil_copyDoc_link .btn_icon,
.dealhistory_articleDeatil_copyDoc_link .btn_text {
  vertical-align: middle;
}
.dealhistory_articleDeatil_copyDoc_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.dealhistory_articleDeatil_copyDoc_links {
  line-height: 60px;
  font-size: 15px;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .dealhistory_articleDeatil_copyDoc_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .dealhistory_articleDeatil_copyDoc_links {
    font-size: 16px;
  }
}
.dealhistory_articleDeatil_copyDoc .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.dealhistory_articleDeatil_copyDoc:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.dealhistory_articleDeatil_copyDoc.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
.dealhistory_articleDeatil_copyDoc_link {
  display: block;
  padding-left: 20px;
  text-align: left;
}
.dealhistory_articleDeatil_copyDocPDF {
  display: inline-block;
  width: 18px;
  height: 22px;
  margin-right: 10px;
  background: url("/assets/img/common/common_ico_pdf.png") center/contain no-repeat;
}
.dealhistory_articleDeatil_copyDocPDF, .dealhistory_articleDeatil_copyDocName {
  vertical-align: middle;
}

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

 CTA

----------------------------------------------------------*/
.cta_btn {
  position: relative;
  border: none;
}
@media only screen and (max-width: 768px) {
  .cta_btn {
    width: 100%;
    border: 2px solid #0E9352;
    border-radius: 6px;
    box-shadow: 0 4px 0 #0A6D3D;
    background-color: #FFF;
    text-align: right;
  }
}
.cta_btn_tel {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .cta_btn_tel {
    padding: 10px 18% 4px 7.5%;
  }
}
.cta_btn_telCopy {
  font-size: clamp(10px, 1.25vw, 16px);
  letter-spacing: 0.426em;
  line-height: 24px;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .cta_btn_telCopy {
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 0.26em;
  }
}
.cta_btn_telNo {
  margin-bottom: 4px;
}
@media only screen and (max-width: 768px) {
  .cta_btn_telNo {
    margin-bottom: 0;
  }
}
.cta_btn_telNoIcon {
  width: clamp(22px, 2.65vw, 34px);
  aspect-ratio: auto 34/44;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .cta_btn_telNoIcon {
    width: clamp(18px, 4.8vw, 34px);
  }
}
.cta_btn_telNoText {
  font-family: "Roboto", sans-serif;
  font-size: clamp(32px, 4.4vw, 60px);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .cta_btn_telNoText {
    font-size: clamp(32px, 8.5vw, 60px);
  }
}
.cta_btn_telNoHour {
  width: 100%;
}
.cta_btn_telFree {
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 8%;
  border-radius: 15px;
  padding: 0 1em;
  font-size: clamp(10px, 1.25vw, 16px);
  line-height: 1.875;
  letter-spacing: 0.15em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .cta_btn_telFree {
    top: -6px;
    left: 15%;
    font-size: 10px;
  }
}
.cta_btn_telFree::after {
  display: block;
  position: absolute;
  top: 80%;
  left: 10px;
  width: 9px;
  height: 17px;
  background-color: #0E9352;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  transform: rotate(-30deg);
  content: "";
}
.cta_btn_tel .btn_arrow {
  position: absolute;
  right: 5%;
  top: calc(50% - 11px);
  width: 22px;
  height: 22px;
}

.cta_typeA {
  position: relative;
  width: 100%;
  border: 6px solid #0E9352;
  border-radius: 12px;
}
@media only screen and (max-width: 768px) {
  .cta_typeA {
    border-width: 4px;
  }
}
.cta_typeA_head {
  font-size: 26px;
  letter-spacing: 0.2em;
  line-height: 70px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .cta_typeA_head {
    padding-left: 20px;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 56px;
    text-align: left;
  }
}
.cta_typeA_body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 45px 5% 25px 20%;
  border-radius: 0 0 6px 6px;
  background-color: #EEF7F2;
}
@media only screen and (max-width: 768px) {
  .cta_typeA_body {
    flex-wrap: wrap;
    row-gap: 15px;
    padding: 20px 20px 26px 20px;
  }
}
.cta_typeA_tel {
  flex-basis: 48%;
}
@media only screen and (max-width: 768px) {
  .cta_typeA_tel {
    flex-basis: 100%;
  }
}
.cta_typeA_btn {
  flex-basis: 48%;
  position: relative;
  display: block;
  width: 100%;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .cta_typeA_btn {
    width: 100%;
  }
}
.cta_typeA_btn.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.cta_typeA_btn.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.cta_typeA_btn.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.cta_typeA_btn.btn_no_shadow {
  box-shadow: none;
}
.cta_typeA_btn_link {
  line-height: 76px;
  letter-spacing: 0.025em;
  font-size: clamp(20px, 1.87vw, 24px);
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .cta_typeA_btn_link {
    line-height: 76px;
    font-size: 20px;
  }
}
.cta_typeA_btn_link .btn_icon,
.cta_typeA_btn_link .btn_text {
  vertical-align: middle;
}
.cta_typeA_btn_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.cta_typeA_btn_links {
  line-height: 76px;
  font-size: clamp(20px, 1.87vw, 24px);
  font-weight: 700;
}
@media (max-width: 1300px) {
  .cta_typeA_btn_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .cta_typeA_btn_links {
    font-size: 20px;
  }
}
.cta_typeA_btn .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.cta_typeA_btn:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.cta_typeA_btn.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
@media only screen and (max-width: 768px) {
  .cta_typeA_btn {
    flex-basis: 100%;
    margin-bottom: 0;
  }
}
.cta_typeA_btn .btn_arrow {
  width: 26px;
  height: 26px;
}
@media only screen and (max-width: 768px) {
  .cta_typeA_btn .btn_arrow {
    width: 22px;
    height: 22px;
  }
}
.cta_typeA_img {
  display: block;
  position: absolute;
  bottom: 0;
  left: 2.9%;
  width: 16.3%;
}
@media only screen and (max-width: 768px) {
  .cta_typeA_img {
    top: -97px;
    bottom: unset;
    left: unset;
    right: 1%;
    width: 31%;
  }
}

.cta_typeB {
  position: relative;
  width: 100%;
  border: 6px solid #0E9352;
  border-radius: 12px;
}
@media only screen and (max-width: 768px) {
  .cta_typeB {
    border-width: 4px;
  }
}
.cta_typeB_head {
  font-size: 22px;
  letter-spacing: 0.2em;
  line-height: 50px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .cta_typeB_head {
    padding-left: 20px;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 56px;
    text-align: left;
  }
}
.cta_typeB_body {
  position: relative;
  padding: 23px 5% 25px 36%;
  border-radius: 0 0 6px 6px;
  background-color: #EEF7F2;
}
@media only screen and (max-width: 768px) {
  .cta_typeB_body {
    flex-wrap: wrap;
    row-gap: 15px;
    padding: 20px 20px 26px 20px;
  }
}
.cta_typeB_body .cta_btn_tel {
  padding-top: 24px;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .cta_typeB_body .cta_btn_tel {
    text-align: left;
  }
}
.cta_typeB_body .cta_btn_telNo, .cta_typeB_body .cta_btn_telNoText {
  position: relative;
}
.cta_typeB_body .cta_btn_telNoText {
  font-size: clamp(34px, 4.4vw, 54px);
}
@media only screen and (max-width: 768px) {
  .cta_typeB_body .cta_btn_telNoText {
    font-size: clamp(32px, 8.5vw, 60px);
  }
}
.cta_typeB_body .cta_btn_telCopy {
  position: absolute;
  bottom: 100%;
  right: 0;
  font-size: clamp(10px, 1.1vw, 14px);
  letter-spacing: 0.52em;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .cta_typeB_body .cta_btn_telCopy {
    font-size: 10px;
    letter-spacing: 0.26em;
  }
}
.cta_typeB_body .cta_btn_telFree {
  top: -30px;
  left: 0;
}
.cta_typeB_body .cta_btn_telHour {
  width: 83.3%;
}
@media only screen and (max-width: 768px) {
  .cta_typeB_body .cta_btn_telHour {
    width: 100%;
  }
}
.cta_typeB_body .cta_typeB_img {
  display: block;
  position: absolute;
  bottom: 0;
  left: 8%;
  width: 16.7%;
  min-width: 130px;
}
@media only screen and (max-width: 768px) {
  .cta_typeB_body .cta_typeB_img {
    top: -97px;
    bottom: unset;
    left: unset;
    right: 1%;
    width: 31%;
    min-width: unset;
  }
}

.cta_typeC {
  position: relative;
  width: 100%;
  border: 6px solid #0E9352;
  border-radius: 12px;
}
@media only screen and (max-width: 768px) {
  .cta_typeC {
    border-width: 4px;
  }
}
.cta_typeC_head {
  font-size: 22px;
  letter-spacing: 0.2em;
  line-height: 50px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .cta_typeC_head {
    padding-left: 20px;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-align: left;
  }
}
.cta_typeC_body {
  position: relative;
  padding: 40px 0 40px;
  border-radius: 0 0 6px 6px;
  background-color: #EEF7F2;
}
@media only screen and (max-width: 768px) {
  .cta_typeC_body {
    padding: 17px 0 25px;
  }
}
.cta_typeC_btn {
  position: relative;
  display: block;
  width: 45%;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  max-width: 420px;
  min-width: 320px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .cta_typeC_btn {
    width: 90%;
  }
}
.cta_typeC_btn.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.cta_typeC_btn.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.cta_typeC_btn.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.cta_typeC_btn.btn_no_shadow {
  box-shadow: none;
}
.cta_typeC_btn_link {
  line-height: 76px;
  letter-spacing: 0.1em;
  font-size: clamp(20px, 1.87vw, 24px);
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .cta_typeC_btn_link {
    line-height: 76px;
    font-size: 20px;
  }
}
.cta_typeC_btn_link .btn_icon,
.cta_typeC_btn_link .btn_text {
  vertical-align: middle;
}
.cta_typeC_btn_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.cta_typeC_btn_links {
  line-height: 76px;
  font-size: clamp(20px, 1.87vw, 24px);
  font-weight: 700;
}
@media (max-width: 1300px) {
  .cta_typeC_btn_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .cta_typeC_btn_links {
    font-size: 20px;
  }
}
.cta_typeC_btn .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.cta_typeC_btn:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.cta_typeC_btn.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
@media only screen and (max-width: 768px) {
  .cta_typeC_btn {
    min-width: 315px;
    transform: none;
  }
}
.cta_typeC_btn .btn_arrow {
  width: 26px;
  height: 26px;
}
@media only screen and (max-width: 768px) {
  .cta_typeC_btn .btn_arrow {
    width: 22px;
    height: 22px;
  }
}
.cta_typeC_img {
  display: block;
  position: absolute;
  bottom: 0;
  left: 8%;
  width: 17%;
  min-width: 134px;
}
@media only screen and (max-width: 768px) {
  .cta_typeC_img {
    top: -97px;
    bottom: unset;
    left: unset;
    right: 1%;
    width: 32%;
    min-width: unset;
  }
}

.cta_detail {
  margin-bottom: 30px;
  border: 3px solid #EEF7F2;
  background-color: #FFF;
}
@media only screen and (max-width: 768px) {
  .cta_detail {
    margin-top: 40px;
    border-color: #0E9352;
  }
}
.cta_detail_head {
  font-size: 26px;
  letter-spacing: 0.2em;
  line-height: 70px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .cta_detail_head {
    padding-left: 20px;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 56px;
    text-align: left;
  }
}
.cta_detail_body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 20px;
  position: relative;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .cta_detail_body {
    flex-wrap: wrap;
    row-gap: 15px;
    padding: 20px 20px 26px 20px;
    background-color: #EEF7F2;
    border-radius: 0 0 10px 10px;
  }
}
.cta_detail_tel {
  flex-basis: 47%;
  min-width: 240px;
}
@media only screen and (max-width: 768px) {
  .cta_detail_tel {
    flex-basis: 100%;
  }
}
@media only screen and (min-width: 769px) {
  .cta_detail_telBtn .cta_btn_telNoText {
    font-size: 34px;
  }
}
.cta_detail_telBtn .cta_btn_telNoIcon {
  width: 19px;
}
@media only screen and (min-width: 769px) {
  .cta_detail_telBtn .cta_btn_telFree {
    left: 9px;
    font-size: 10px;
  }
  .cta_detail_telBtn .cta_btn_telFree::after {
    width: 6px;
    height: 12px;
  }
}
.cta_detail_telBtn .cta_btn_telCopy {
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.3em;
}
.cta_detail_btn {
  flex-basis: 51%;
  min-width: 260px;
  position: relative;
  display: block;
  width: 100%;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .cta_detail_btn {
    width: 100%;
  }
}
.cta_detail_btn.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.cta_detail_btn.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.cta_detail_btn.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.cta_detail_btn.btn_no_shadow {
  box-shadow: none;
}
.cta_detail_btn_link {
  line-height: 60px;
  letter-spacing: 0.05em;
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .cta_detail_btn_link {
    line-height: 60px;
    font-size: 20px;
  }
}
.cta_detail_btn_link .btn_icon,
.cta_detail_btn_link .btn_text {
  vertical-align: middle;
}
.cta_detail_btn_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.cta_detail_btn_links {
  line-height: 60px;
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .cta_detail_btn_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .cta_detail_btn_links {
    font-size: 20px;
  }
}
.cta_detail_btn .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.cta_detail_btn:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.cta_detail_btn.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
@media only screen and (max-width: 768px) {
  .cta_detail_btn {
    flex-basis: 100%;
  }
}
.cta_detail_btn .btn_arrow {
  width: 26px;
  height: 26px;
}
@media only screen and (max-width: 768px) {
  .cta_detail_btn .btn_arrow {
    width: 22px;
    height: 22px;
  }
}
@media only screen and (min-width: 769px) {
  .cta_detail_btn.btn_line {
    display: none;
  }
}
.cta_detail_btnBalloon {
  display: block;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 70px;
  background-color: #FFF;
  border: 2px solid #0E9352;
  border-radius: 12px;
  color: #0E9352;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 20px;
  text-align: center;
}
.cta_detail_btnBalloon::after {
  display: block;
  position: absolute;
  top: 80%;
  left: 10px;
  width: 6px;
  height: 12px;
  background-color: #FFF;
  clip-path: polygon(0 0, 100% 0, 10% 100%);
  transform: rotate(-30deg);
  content: "";
}
.cta_detail_img {
  position: absolute;
  bottom: 0;
  left: 2.9%;
  width: 16.3%;
}
@media only screen and (max-width: 768px) {
  .cta_detail_img {
    top: -97px;
    bottom: unset;
    left: unset;
    right: 1%;
    width: 31%;
  }
}
.cta_detail_img {
  position: absolute;
  bottom: 0;
  left: 2.9%;
  width: 16.3%;
}
@media only screen and (max-width: 768px) {
  .cta_detail_img {
    top: -97px;
    bottom: unset;
    left: unset;
    right: 1%;
    width: 31%;
  }
}

.mypage_h1 {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.33;
}

.mypage_head {
  padding: 20px 0;
  background-color: #EEF7F2;
}
@media only screen and (max-width: 768px) {
  .mypage_head {
    padding: 15px 0;
  }
}
.mypage_head_text {
  color: #0E9352;
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .mypage_head_text {
    font-size: 18px;
  }
}
.mypage_head_textSep {
  margin-left: 1em;
  margin-right: 1em;
}

.mypage_sidebar {
  flex-basis: 200px;
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .mypage_sidebar {
    display: none;
  }
}
.mypage_sidebar_head {
  position: relative;
  margin-bottom: 32px;
  color: #0E9352;
  font-size: 20px;
  font-weight: 700;
}
.mypage_sidebar_head::after {
  display: block;
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #0E9352;
  content: "";
}
.mypage_sidebar_item {
  line-height: 2;
}
.mypage_sidebar_item.current_item {
  color: #0E9352;
  font-weight: 700;
}
.mypage_sidebar_item.current_item .mypage_sidebar_itemLink {
  pointer-events: none;
}
.mypage_sidebar_itemLink {
  display: inline-block;
  position: relative;
}
.mypage_sidebar_itemLink::after {
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 2px;
  left: 0;
  background-color: #0E9352;
  content: "";
}
.mypage_sidebar_itemLink:hover {
  color: #0E9352;
  font-weight: 700;
}
.mypage_sidebar_itemLink:hover::after {
  height: 1px;
}
.mypage_sidebar_menu {
  margin-bottom: 40px;
}

.mypage_container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 5%;
  padding-top: 50px;
}
@media only screen and (max-width: 768px) {
  .mypage_container {
    padding-top: 10px;
  }
}
.mypage_container .mypage_main {
  flex-grow: 1;
}

.registGuide_headBand {
  background-color: #0E9352;
  text-align: center;
}
.registGuide_headBand_catch {
  display: inline-block;
  position: relative;
  padding: 50px 0;
  color: #FFF;
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 60px;
}
@media only screen and (max-width: 768px) {
  .registGuide_headBand_catch {
    padding: 25px 0;
    font-size: 20px;
    line-height: 30px;
  }
}
.registGuide_headBand_catch::before, .registGuide_headBand_catch:after {
  display: block;
  position: absolute;
  height: 100%;
  bottom: 0;
  background: bottom/contain no-repeat;
  content: "";
}
.registGuide_headBand_catch::before {
  right: calc(100% + 28px);
  width: 52.5%;
  background-image: url("/assets/img/member/registguide_head_illust1.webp");
}
@media only screen and (max-width: 768px) {
  .registGuide_headBand_catch::before {
    right: calc(100% + 8px);
    width: 47.7%;
  }
}
.registGuide_headBand_catch::after {
  left: calc(100% - 20px);
  width: 69.3%;
  background-image: url("/assets/img/member/registguide_head_illust2.webp");
}
@media only screen and (max-width: 768px) {
  .registGuide_headBand_catch::after {
    width: 64.3%;
  }
}
.registGuide_content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 3.3%;
  row-gap: 60px;
  padding: 100px 0 80px;
}
@media only screen and (max-width: 768px) {
  .registGuide_content {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    flex-wrap: wrap;
    padding: 40px 0 60px;
  }
}
.registGuide_content_col {
  flex-basis: 48.3%;
  min-width: 580px;
  position: relative;
  padding: 25px 40px 70px;
  background-color: #EEF7F2;
  border-radius: 12px;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_col {
    flex-basis: 100%;
    min-width: unset;
    padding: 20px 20px 60px 20px;
  }
}
.registGuide_content_head {
  position: relative;
  margin-bottom: 43px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_head {
    margin-bottom: 30px;
  }
}
.registGuide_content_headTtl {
  display: inline-block;
  color: #0E9352;
  font-size: 36px;
  line-height: 92px;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_headTtl {
    font-size: 24px;
    line-height: 68px;
  }
}
.registGuide_content_headTtlEm {
  font-family: "Roboto", sans-serif;
  font-size: 70px;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_headTtlEm {
    font-size: 52px;
  }
}
.registGuide_content_headBalloon {
  display: block;
  position: absolute;
  top: -50px;
  left: calc(50% - 107.5px);
  width: 215px;
  background-color: #0E9352;
  border-radius: 24px;
  color: #FFF;
  font-size: 24px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0.1em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_headBalloon {
    top: -37px;
    left: calc(50% - 73px);
    width: 146px;
    font-size: 18px;
    line-height: 34px;
  }
}
.registGuide_content_headBalloonB {
  position: relative;
  z-index: 1;
  font-size: 30px;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_headBalloonB {
    font-size: 20px;
  }
}
.registGuide_content_headBalloon::after {
  display: block;
  position: absolute;
  top: 77%;
  left: 20px;
  width: 14px;
  height: 20px;
  background-color: #0E9352;
  clip-path: polygon(0 0, 100% 0, 10% 100%);
  transform: rotate(-60deg);
  content: "";
}
@media only screen and (max-width: 768px) {
  .registGuide_content_headBalloon::after {
    top: 67%;
  }
}
.registGuide_content_list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 3%;
  row-gap: 30px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_list {
    margin-bottom: 30px;
  }
}
.registGuide_content_box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  flex-basis: 48%;
  min-width: 240px;
  height: 240px;
  padding-bottom: 20px;
  border: 2px solid #0E9352;
  border-radius: 12px;
  background-color: #FFF;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_box {
    flex-direction: row;
    justify-content: space-evenly;
    flex-basis: 100%;
    min-width: unset;
    height: 140px;
    padding-bottom: 0;
    padding-right: 20px;
    padding-left: 20px;
  }
}
.registGuide_content_boxTxt {
  color: #0E9352;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_boxTxt {
    font-size: 16px;
    line-height: 26px;
    text-align: left;
  }
}
.registGuide_content_boxTxtEm {
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_boxTxtEm {
    font-size: 20px;
  }
}
.registGuide_content_boxFig {
  flex-grow: 1;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_boxFig {
    flex-grow: 0;
  }
}
.registGuide_content_boxFig.fig_1 {
  width: 77%;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_boxFig.fig_1 {
    width: 47%;
  }
}
.registGuide_content_boxFig.fig_2 {
  width: 72%;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_boxFig.fig_2 {
    width: 47%;
  }
}
.registGuide_content_boxFig.fig_3 {
  width: 60.8%;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_boxFig.fig_3 {
    width: 45%;
  }
}
.registGuide_content_boxFig.fig_4 {
  width: 58.3%;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_boxFig.fig_4 {
    width: 39%;
  }
}
.registGuide_content_boxFig.fig_5 {
  width: 47.5%;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_boxFig.fig_5 {
    width: 34%;
  }
}
.registGuide_content_boxFig.fig_6 {
  width: 52.5%;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_boxFig.fig_6 {
    width: 36%;
  }
}
.registGuide_content_boxFigImg {
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.registGuide_content_boxNum {
  position: absolute;
  top: -25px;
  left: 15px;
  width: 50px;
  height: 50px;
  background-color: #0E9352;
  border-radius: 50%;
  color: #FFF;
  font-family: "Roboto", sans-serif;
  font-size: 26px;
  line-height: 50px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_boxNum {
    top: -20px;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
  }
}
.registGuide_content_note {
  height: 1.6em;
  margin-bottom: 11px;
  color: #0E9352;
  font-size: 13px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_note {
    height: 50px;
    margin-bottom: 15px;
    font-size: 16px;
    text-align: left;
  }
}
.registGuide_content_btn {
  position: relative;
  display: block;
  width: 420px;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_btn {
    width: 100%;
  }
}
.registGuide_content_btn.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.registGuide_content_btn.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.registGuide_content_btn.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.registGuide_content_btn.btn_no_shadow {
  box-shadow: none;
}
.registGuide_content_btn_link {
  line-height: 76px;
  letter-spacing: 0.1em;
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_btn_link {
    line-height: 76px;
    font-size: 18px;
  }
}
.registGuide_content_btn_link .btn_icon,
.registGuide_content_btn_link .btn_text {
  vertical-align: middle;
}
.registGuide_content_btn_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.registGuide_content_btn_links {
  line-height: 76px;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .registGuide_content_btn_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .registGuide_content_btn_links {
    font-size: 18px;
  }
}
.registGuide_content_btn .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.registGuide_content_btn:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.registGuide_content_btn.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
.registGuide_content_btnB {
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .registGuide_content_btnB {
    font-size: 22px;
  }
}
.registGuide_content_btnFree {
  display: inline-block;
  width: 50px;
  margin-right: 10px;
  background-color: #FFF;
  border-radius: 6px;
  color: #0E9352;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 28px;
  text-align: center;
}
.registGuide_nav {
  display: flex;
  width: 100%;
  height: 60px;
  margin-top: 10px;
  border: 1px solid #0E9352;
  border-radius: 12px;
  background-color: #FFF;
  box-shadow: 0 3px 0 #0A6D3D;
}
@media only screen and (min-width: 769px) {
  .registGuide_nav {
    display: none;
  }
}
.registGuide_nav_btn {
  flex-basis: 50%;
  padding: 10px 0;
  border: none;
}
.registGuide_nav_btn_link {
  display: block;
  color: #0E9352;
  font-size: 16px;
  font-weight: 700;
  line-height: 38px;
}
.registGuide_nav_btn_linkSpan {
  margin-right: 5px;
  vertical-align: middle;
}
.registGuide_nav_btn_link .arrow_down {
  vertical-align: middle;
}
.registGuide_nav_btn:first-child .registGuide_nav_btn_link {
  border-right: 1px solid rgba(14, 147, 82, 0.49);
}
.registGuide_cta_catch {
  color: #0E9352;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .registGuide_cta_catch {
    font-size: 16px;
    letter-spacing: 0.025em;
  }
}
.registGuide_cta_catchSpan {
  display: inline-block;
  position: relative;
}
.registGuide_cta_catchSpan::before, .registGuide_cta_catchSpan::after {
  display: block;
  width: 2px;
  height: 40px;
  position: absolute;
  bottom: 0;
  transform-origin: bottom;
  background-color: #0E9352;
  content: "";
}
@media only screen and (max-width: 768px) {
  .registGuide_cta_catchSpan::before, .registGuide_cta_catchSpan::after {
    height: 54px;
  }
}
.registGuide_cta_catchSpan::before {
  left: -20px;
  transform: rotate(-45deg);
}
@media only screen and (max-width: 768px) {
  .registGuide_cta_catchSpan::before {
    left: 0;
    transform: rotate(-20deg);
  }
}
.registGuide_cta_catchSpan::after {
  right: -20px;
  transform: rotate(45deg);
}
@media only screen and (max-width: 768px) {
  .registGuide_cta_catchSpan::after {
    right: 0;
    transform: rotate(20deg);
  }
}

.regist_head_note {
  font-size: 13px;
}
.regist_headBand {
  width: 67.1vw;
  max-width: 940px;
  margin: 0 auto 50px;
  background-color: #0E9352;
}
.regist_headBand_title {
  padding-left: 3.2%;
  color: #FFF;
  font-size: 24px;
  font-weight: 700;
  line-height: 70px;
}
@media screen and (max-width: 1400px) {
  .regist_headBand {
    width: 74.38%;
  }
}
@media only screen and (max-width: 768px) {
  .regist_headBand {
    width: 100%;
    margin-bottom: 30px;
  }
  .regist_headBand_title {
    font-size: 20px;
    line-height: 50px;
  }
}
.regist_form {
  width: 78.3%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .regist_form {
    width: 100%;
  }
}
.regist_form_head {
  position: relative;
  margin-bottom: 45px;
  color: #0E9352;
  font-size: 24px;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .regist_form_head {
    margin-bottom: 19px;
    font-size: 20px;
  }
}
.regist_form_head::before, .regist_form_head::after {
  display: block;
  position: absolute;
  height: 4px;
  left: 0;
  bottom: -7px;
  content: "";
}
@media only screen and (max-width: 768px) {
  .regist_form_head::before, .regist_form_head::after {
    height: 3px;
    bottom: -2px;
  }
}
.regist_form_head::before {
  width: 100%;
  background-color: #EFEFEF;
}
.regist_form_head::after {
  width: 200px;
  background-color: #0E9352;
}
@media only screen and (max-width: 768px) {
  .regist_form_head::after {
    width: 120px;
  }
}
.regist_form_container {
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  .regist_form_container {
    margin-bottom: 40px;
  }
}
.regist_formTable {
  table-layout: fixed;
  width: 100%;
}
.regist_formTable_th {
  width: 27.7%;
  padding: 30px 0;
  border-bottom: 1px solid #CCCCCC;
}
@media only screen and (max-width: 768px) {
  .regist_formTable_th {
    display: block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0;
    border-bottom-width: 0;
  }
}
.regist_formTable_td {
  width: 72.3%;
  padding: 30px 0;
  border-bottom: 1px solid #CCCCCC;
}
@media only screen and (max-width: 768px) {
  .regist_formTable_td {
    display: block;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 15px;
  }
}
.regist_formTable_title {
  font-size: 18px;
  font-weight: 700;
}
.regist_formTable_require {
  display: inline-block;
  width: 35px;
  margin-left: 10px;
  background-color: #F23A3A;
  border-radius: 3px;
  color: #FFF;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}
.regist_formTable_note {
  margin-top: 10px;
  padding-left: 1em;
  font-size: 13px;
  text-indent: -1em;
}
.regist_formTable_flex {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.regist_formInput_text {
  width: 100%;
  padding: 22px 25px;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .regist_formInput_text {
    padding: 18px 20px;
  }
}
.regist_formInput_text::placeholder {
  color: #CCCCCC;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .regist_formInput_text::placeholder {
    font-size: 16px;
  }
}
.regist_formInput_text.text_w50 {
  width: 47%;
}
.regist_formInput_text.text_w50:first-child {
  margin-right: 5%;
}
.regist_formInput_text.text_w40 {
  width: 160px;
}
@media only screen and (max-width: 768px) {
  .regist_formInput_text.text_w40 {
    width: 147px;
  }
}
.regist_formInput_checkbox {
  display: none;
}
.regist_formInput_checkbox:checked + .regist_formLabel_checkbox .checkbox_mark {
  background-color: #0E9352;
  color: #FFF;
}
.regist_formLabel_checkbox {
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .regist_formLabel_checkbox {
    display: block;
    width: 100%;
    padding: 16px 20px;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
  }
}
.regist_formLabel_checkbox .checkbox_mark {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 8px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  color: #CCCCCC;
  font-size: 16px;
  line-height: 1;
  padding: 3px 0;
  text-align: center;
}
.regist_formLabel_checkbox .checkbox_label {
  font-size: 18px;
}
.regist_form_zipBtn {
  width: 152px;
  background-color: #333333;
  border-radius: 6px;
  border: none;
  color: #FFF;
  line-height: 50px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .regist_form_zipBtn {
    width: 140px;
    line-height: 44px;
  }
}
.regist_formMore {
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  .regist_formMore {
    margin-bottom: 40px;
  }
}
.regist_formMore_lead {
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .regist_formMore_lead {
    margin-bottom: 15px;
  }
}
.regist_formMore_leadTxt {
  display: inline-block;
  position: relative;
}
.regist_formMore_leadTxt::before, .regist_formMore_leadTxt::after {
  display: block;
  position: absolute;
  bottom: 0;
  width: 1px;
  height: 54px;
  background-color: #0E9352;
  transform-origin: bottom;
  content: "";
}
@media only screen and (max-width: 768px) {
  .regist_formMore_leadTxt::before, .regist_formMore_leadTxt::after {
    height: 86px;
  }
}
.regist_formMore_leadTxt::before {
  left: -20px;
  transform: rotate(-20deg);
}
@media only screen and (max-width: 768px) {
  .regist_formMore_leadTxt::before {
    left: -10px;
  }
}
.regist_formMore_leadTxt::after {
  right: -20px;
  transform: rotate(20deg);
}
@media only screen and (max-width: 768px) {
  .regist_formMore_leadTxt::after {
    right: -10px;
  }
}
.regist_formMore_btn {
  display: block;
  width: 100%;
  height: auto;
  padding: 25px 0;
  border: none;
  border-radius: 12px;
  background-color: #EEF7F2;
  text-align: center;
  cursor: pointer;
}
.regist_formMore_btnSpin {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-color: #0E9352;
  border-radius: 50%;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .regist_formMore_btnSpin {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
}
.regist_formMore_btnSpin:before, .regist_formMore_btnSpin::after {
  display: block;
  position: absolute;
  top: calc(50% - 0.5px);
  left: calc(50% - 5px);
  width: 10px;
  height: 1px;
  background-color: #FFF;
  content: "";
}
@media only screen and (max-width: 768px) {
  .regist_formMore_btnSpin:before, .regist_formMore_btnSpin::after {
    width: 8px;
    left: calc(50% - 4px);
  }
}
.regist_formMore_btnSpin::after {
  transition: all ease 0.3s;
  transform: rotate(90deg);
}
.regist_formMore_btn.btn_open .regist_formMore_btnSpin::after {
  transform: rotate(0deg);
}
.regist_formMore_btnTxt {
  color: #0E9352;
  font-size: 20px;
  font-weight: 700;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .regist_formMore_btnTxt {
    font-size: 18px;
  }
}
.regist_form_agree {
  margin-bottom: 20px;
  text-align: center;
}
.regist_form_agreeLink {
  color: #0E9352;
  text-decoration: underline;
}
.regist_form_submit {
  position: relative;
  display: block;
  width: 420px;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .regist_form_submit {
    width: 100%;
  }
}
.regist_form_submit.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.regist_form_submit.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.regist_form_submit.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.regist_form_submit.btn_no_shadow {
  box-shadow: none;
}
.regist_form_submit_link {
  line-height: 76px;
  letter-spacing: 0.1em;
  font-size: 24px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .regist_form_submit_link {
    line-height: 76px;
    font-size: 20px;
  }
}
.regist_form_submit_link .btn_icon,
.regist_form_submit_link .btn_text {
  vertical-align: middle;
}
.regist_form_submit_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.regist_form_submit_links {
  line-height: 76px;
  font-size: 24px;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .regist_form_submit_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .regist_form_submit_links {
    font-size: 20px;
  }
}
.regist_form_submit .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.regist_form_submit:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.regist_form_submit.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}

.regist_complete {
  width: 78%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .regist_complete {
    width: 100%;
  }
}
.regist_complete_head {
  margin-bottom: 30px;
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .regist_complete_head {
    margin: 40px 0 40px;
    font-size: 20px;
    line-height: 1.5;
  }
}
.regist_complete_text {
  margin-bottom: 1em;
}
.regist_complete_textLink {
  margin: 0 0.5em;
  font-weight: 700;
  text-decoration: underline;
}
.regist_complete_nav {
  display: flex;
  margin: 0 auto;
  padding: 50px;
  border: 1px solid #0E9352;
  border-radius: 30px;
  width: 80%;
  margin-top: 140px;
}
@media only screen and (max-width: 768px) {
  .regist_complete_nav {
    flex-direction: column;
  }
}
.regist_complete_nav .common_visit_navBlock {
  display: flex;
  flex-direction: column;
  flex-basis: 50%;
}
@media only screen and (max-width: 768px) {
  .regist_complete_nav .common_visit_navBlock {
    display: block;
    width: 100%;
  }
}
.regist_complete_nav .common_visit_navBlock:first-child {
  padding-right: 50px;
  border-right: 1px solid #0E9352;
}
@media only screen and (max-width: 768px) {
  .regist_complete_nav .common_visit_navBlock:first-child {
    padding-right: 0;
    padding-bottom: 50px;
    border-right: none;
    border-bottom: 1px solid #0E9352;
  }
}
.regist_complete_nav .common_visit_navBlock:last-child {
  padding-left: 50px;
}
@media only screen and (max-width: 768px) {
  .regist_complete_nav .common_visit_navBlock:last-child {
    padding-left: 0;
    padding-top: 50px;
  }
}
.regist_complete_nav .common_visit_navBlockTxt {
  flex-grow: 1;
  font-size: 18px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .regist_complete_nav .common_visit_navBlockTxt {
    font-weight: 700;
  }
}
.regist_complete_nav .common_visit_navBlockBtn {
  position: relative;
  display: block;
  width: 100%;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .regist_complete_nav .common_visit_navBlockBtn {
    width: 100%;
  }
}
.regist_complete_nav .common_visit_navBlockBtn.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.regist_complete_nav .common_visit_navBlockBtn.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.regist_complete_nav .common_visit_navBlockBtn.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.regist_complete_nav .common_visit_navBlockBtn.btn_no_shadow {
  box-shadow: none;
}
.regist_complete_nav .common_visit_navBlockBtn_link {
  line-height: 58px;
  letter-spacing: 0.1em;
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .regist_complete_nav .common_visit_navBlockBtn_link {
    line-height: 58px;
    font-size: 18px;
  }
}
.regist_complete_nav .common_visit_navBlockBtn_link .btn_icon,
.regist_complete_nav .common_visit_navBlockBtn_link .btn_text {
  vertical-align: middle;
}
.regist_complete_nav .common_visit_navBlockBtn_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.regist_complete_nav .common_visit_navBlockBtn_links {
  line-height: 58px;
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .regist_complete_nav .common_visit_navBlockBtn_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .regist_complete_nav .common_visit_navBlockBtn_links {
    font-size: 18px;
  }
}
.regist_complete_nav .common_visit_navBlockBtn .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.regist_complete_nav .common_visit_navBlockBtn:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.regist_complete_nav .common_visit_navBlockBtn.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
.regist_complete_nav.common_visit_3col {
  flex-basis: 33.3333333333%;
  justify-content: space-between;
}
.regist_complete_nav.common_visit_3col .common_visit_block:first-child {
  padding-right: 25px;
  padding-left: 25px;
}
@media only screen and (max-width: 768px) {
  .regist_complete_nav.common_visit_3col .common_visit_block:first-child {
    padding-right: 0;
    padding-left: 0;
  }
}
.regist_complete_nav.common_visit_3col .common_visit_block:nth-child(2) {
  padding-left: 25px;
  padding-right: 25px;
  border-right: 1px solid #0E9352;
}
@media only screen and (max-width: 768px) {
  .regist_complete_nav.common_visit_3col .common_visit_block:nth-child(2) {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 50px;
    padding-top: 50px;
    border-right: none;
    border-bottom: 1px solid #0E9352;
  }
}
.regist_complete_nav.common_visit_3col .common_visit_block:last-child {
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (max-width: 768px) {
  .regist_complete_nav.common_visit_3col .common_visit_block:last-child {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .regist_complete_nav {
    width: 100%;
    margin-top: 80px;
  }
}

.mypage_mv {
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  .mypage_mv {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .mypage_mv_container {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}
.mypage_headline {
  padding: 40px 0 60px;
}
.mypage_headline .common_headline {
  padding: 0;
}
.mypage_info {
  padding: 80px 0 140px;
  background-color: #EEF7F2;
}
@media only screen and (max-width: 768px) {
  .mypage_info {
    padding: 40px 0 60px;
  }
}
.mypage_infoBox_head {
  margin-bottom: 30px;
  font-size: 28px;
}
@media only screen and (max-width: 768px) {
  .mypage_infoBox_head {
    font-size: 24px;
  }
}
.mypage_infoBox_wrap {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  row-gap: 40px;
  column-gap: 40px;
}
@media only screen and (max-width: 768px) {
  .mypage_infoBox_wrap {
    flex-wrap: wrap;
    row-gap: 20px;
  }
}
.mypage_infoBox_plate {
  display: flex;
  align-items: center;
  flex-basis: 62%;
  flex-shrink: 0;
  min-width: 720px;
  padding: 20px 40px 20px 0;
  background-color: #FFF;
  border-radius: 12px;
}
@media only screen and (max-width: 768px) {
  .mypage_infoBox_plate {
    flex-wrap: wrap;
    flex-basis: 100%;
    min-width: unset;
    padding: 40px 10px;
  }
}
.mypage_infoBox_plateHead {
  flex-basis: 210px;
  flex-shrink: 0;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .mypage_infoBox_plateHead {
    flex-basis: 100%;
    text-align: left;
  }
}
.mypage_infoBox_plateHead_wrap {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .mypage_infoBox_plateHead_wrap {
    flex-direction: row;
    column-gap: 15px;
    padding-left: 10px;
    padding-bottom: 30px;
  }
}
.mypage_infoBox_plateBody {
  flex-grow: 1;
  padding: 16px 0 10px 40px;
  border-left: 1px solid rgba(14, 147, 82, 0.4);
}
@media only screen and (max-width: 768px) {
  .mypage_infoBox_plateBody {
    padding-left: 0;
    padding-top: 40px;
    padding-bottom: 0;
    border-left: none;
    border-top: 1px solid rgba(14, 147, 82, 0.4);
  }
}
.mypage_infoBox_plateBodyTtl {
  margin-bottom: 20px;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .mypage_infoBox_plateBodyTtl {
    padding-left: 10px;
  }
}
.mypage_infoBox_plateLink {
  display: block;
  margin-top: 30px;
  font-weight: 700;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .mypage_infoBox_plateLink {
    margin-top: 20px;
  }
}
.mypage_infoBox_plateLinkSpan {
  vertical-align: middle;
}
.mypage_infoBox_plateLink .common_link_arrow {
  margin-left: 4px;
}
.mypage_infoBox_nav {
  flex-basis: 415px;
}
@media only screen and (max-width: 768px) {
  .mypage_infoBox_nav {
    flex-basis: 100%;
  }
}
.mypage_infoBox_navWrap {
  display: flex;
  column-gap: 15px;
  flex-wrap: wrap;
  row-gap: 18px;
}
@media only screen and (max-width: 768px) {
  .mypage_infoBox_navWrap {
    column-gap: 0;
    justify-content: space-between;
  }
}
.mypage_infoBox_navBtn {
  width: 200px;
  height: 130px;
  background-color: #FFF;
  border: 1px solid #0E9352;
  border-radius: 12px;
  box-shadow: 0 4px 0 #0A6D3D;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .mypage_infoBox_navBtn {
    width: 48%;
    height: 110px;
    box-shadow: 0 3px 0 #0A6D3D;
  }
}
.mypage_infoBox_navBtnLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 13px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .mypage_infoBox_navBtnLink {
    row-gap: 9px;
  }
}
.mypage_infoBox_navBtnImg {
  width: 40px;
}
@media only screen and (max-width: 768px) {
  .mypage_infoBox_navBtnImg {
    width: 34px;
  }
}
.mypage_infoBox_navBtn.btn_w100 {
  width: 100%;
  height: 60px;
}
.mypage_infoBox_navBtn:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.mypage_infoBox:first-child {
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  .mypage_infoBox:first-child {
    margin-bottom: 60px;
  }
}

.login_wrap {
  display: flex;
  margin-bottom: 100px;
}
@media only screen and (max-width: 768px) {
  .login_wrap {
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 80px;
  }
}
.login_form {
  flex-basis: 50%;
  padding: 70px 7.5%;
  background-color: #EEF7F2;
  border-radius: 12px;
}
@media only screen and (max-width: 768px) {
  .login_form {
    flex-basis: 100%;
    padding: 40px 25px;
  }
}
.login_form_label {
  display: block;
  margin-bottom: 20px;
}
.login_form_labelTxt {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .login_form_labelTxt {
    margin-bottom: 15px;
    font-size: 16px;
  }
}
.login_form_btn {
  position: relative;
  display: block;
  width: 100%;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  margin: 50px 0 30px;
}
@media only screen and (max-width: 768px) {
  .login_form_btn {
    width: 100%;
  }
}
.login_form_btn.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.login_form_btn.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.login_form_btn.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.login_form_btn.btn_no_shadow {
  box-shadow: none;
}
.login_form_btn_link {
  line-height: 76px;
  letter-spacing: 0.1em;
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .login_form_btn_link {
    line-height: 76px;
    font-size: 20px;
  }
}
.login_form_btn_link .btn_icon,
.login_form_btn_link .btn_text {
  vertical-align: middle;
}
.login_form_btn_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.login_form_btn_links {
  line-height: 76px;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .login_form_btn_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .login_form_btn_links {
    font-size: 20px;
  }
}
.login_form_btn .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.login_form_btn:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.login_form_btn.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
@media only screen and (max-width: 768px) {
  .login_form_btn {
    margin-top: 30px;
  }
}
.login_form_note {
  display: block;
  color: #0E9352;
  font-weight: 700;
  text-decoration: underline;
  text-align: center;
}
.login_regist {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 50%;
}
@media only screen and (max-width: 768px) {
  .login_regist {
    display: block;
    flex-basis: 100%;
    padding-top: 60px;
  }
}
.login_regist_note {
  margin: 40px auto 0;
  padding: 30px 7.5%;
  max-width: 420px;
  min-width: 320px;
  background-color: #EFEFEF;
  font-size: 16px;
  color: #F23A3A;
}
.login_regist_wrap {
  width: 100%;
}
.login_regist_head {
  margin-bottom: 40px;
  font-size: 28px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .login_regist_head {
    margin-bottom: 30px;
    font-size: 20px;
  }
}
.login_regist_btn {
  position: relative;
  display: block;
  width: 70%;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  max-width: 420px;
  min-width: 320px;
  margin: 0 auto 30px;
}
@media only screen and (max-width: 768px) {
  .login_regist_btn {
    width: 100%;
  }
}
.login_regist_btn.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.login_regist_btn.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.login_regist_btn.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.login_regist_btn.btn_no_shadow {
  box-shadow: none;
}
.login_regist_btn_link {
  line-height: 76px;
  letter-spacing: 0.1em;
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .login_regist_btn_link {
    line-height: 76px;
    font-size: 20px;
  }
}
.login_regist_btn_link .btn_icon,
.login_regist_btn_link .btn_text {
  vertical-align: middle;
}
.login_regist_btn_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.login_regist_btn_links {
  line-height: 76px;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .login_regist_btn_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .login_regist_btn_links {
    font-size: 20px;
  }
}
.login_regist_btn .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.login_regist_btn:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.login_regist_btn.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
@media only screen and (max-width: 768px) {
  .login_regist_btn {
    max-width: 325px;
  }
}
.login_regist_btn_link {
  letter-spacing: 0.025em;
}
.login_regist_btn_linkTag {
  display: inline-block;
  width: 50px;
  margin-right: 5px;
  background-color: #FFF;
  border-radius: 6px;
  color: #0E9352;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
}
.login_cta {
  width: 78.3%;
  max-width: 940px;
  min-width: 700px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .login_cta {
    width: 100%;
    min-width: unset;
  }
}
.login_cta_lead {
  color: #0E9352;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .login_cta_lead {
    font-size: 16px;
  }
}
.login_cta_leadSpan {
  display: inline-block;
  position: relative;
}
.login_cta_leadSpan::before, .login_cta_leadSpan::after {
  display: block;
  position: absolute;
  bottom: 0;
  width: 1px;
  height: 40px;
  background-color: #0E9352;
  transform-origin: bottom;
  content: "";
}
@media only screen and (max-width: 768px) {
  .login_cta_leadSpan::before, .login_cta_leadSpan::after {
    height: 56px;
  }
}
.login_cta_leadSpan::before {
  left: -10px;
  transform: rotate(-45deg);
}
@media only screen and (max-width: 768px) {
  .login_cta_leadSpan::before {
    left: -26px;
    transform: rotate(-30deg);
  }
}
.login_cta_leadSpan::after {
  right: 0;
  transform: rotate(45deg);
}
@media only screen and (max-width: 768px) {
  .login_cta_leadSpan::after {
    right: -26px;
    transform: rotate(30deg);
  }
}
.login_cta .cta_typeB {
  margin-top: 22px;
}

.member_contactHistory {
  margin: 30px 0 60px;
}
@media only screen and (max-width: 768px) {
  .member_contactHistory {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 20px;
  }
}
.member_contactHistory_article {
  border-top: 2px solid #0E9352;
}
.member_contactHistory_article:last-child {
  border-bottom: 2px solid #0E9352;
}
.member_contactHistory_articleHead {
  display: flex;
  align-items: center;
  column-gap: 5%;
  position: relative;
  width: 100%;
  height: 90px;
  padding-left: 15px;
  background-color: #FFF;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .member_contactHistory_articleHead {
    flex-wrap: wrap;
    row-gap: 5px;
    height: 95px;
    padding: 24px 20px 24px 20px;
  }
}
.member_contactHistory_article:not(.slide_collapsed) {
  padding-top: 4px;
}
.member_contactHistory_articleBtn {
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #0E9352;
  border-radius: 50%;
  background-color: #FFF;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 15px);
  right: 25px;
}
.member_contactHistory_articleBtn::before, .member_contactHistory_articleBtn::after {
  display: block;
  position: absolute;
  background-color: #0E9352;
  transition: all ease 0.3s;
  content: "";
}
.member_contactHistory_articleBtn::before {
  top: calc(50% - 0.5px);
  left: calc(50% - 5px);
  width: 10px;
  height: 1px;
}
.member_contactHistory_articleBtn::after {
  top: calc(50% - 5px);
  left: calc(50% - 0.5px);
  width: 1px;
  height: 10px;
}
.member_contactHistory_articleBtn.btn_open::after {
  transform: rotate(90deg);
}
@media only screen and (max-width: 768px) {
  .member_contactHistory_articleBtn {
    right: 4%;
  }
}
.member_contactHistory_articleHead.btn_open {
  background-color: #EEF7F2;
  border-radius: 6px;
}
@media only screen and (max-width: 768px) {
  .member_contactHistory_articleHead.btn_open {
    border-radius: 0;
  }
}
.member_contactHistory_articleHead.btn_open .member_contactHistory_articleBtn::after {
  transform: rotate(90deg);
}
.member_contactHistory_articleMeta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  row-gap: 8px;
  flex-basis: 130px;
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .member_contactHistory_articleMeta {
    flex-wrap: nowrap;
    justify-content: flex-start;
    column-gap: 12px;
    flex-basis: 100%;
  }
}
.member_contactHistory_articleMetaDate {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
.member_contactHistory_articleMetaTag {
  width: 40px;
  background-color: #F23A3A;
  border-radius: 3px;
  color: #FFF;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}
.member_contactHistory_articleMetaStatus {
  flex-basis: 100%;
  border-radius: 3px;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0.2em;
  text-align: center;
}
.member_contactHistory_articleMetaStatus.status_open {
  background-color: #0E9352;
  color: #FFF;
}
.member_contactHistory_articleMetaStatus.status_close {
  background-color: #EFEFEF;
  color: #333333;
}
@media only screen and (max-width: 768px) {
  .member_contactHistory_articleMetaStatus {
    flex-basis: 136px;
  }
}
.member_contactHistory_articleTitle {
  flex-grow: 1;
  text-decoration: underline;
}
.member_contactHistory_articleBody {
  padding-top: 30px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .member_contactHistory_articleBody {
    width: 90%;
    margin: 0 auto;
  }
}
.member_contactHistory_articleH2 {
  padding-bottom: 10px;
  border-bottom: 2px solid #0E9352;
  color: #0E9352;
  font-size: 18px;
}
.member_contactHistory_articleAnswer {
  margin: 20px 0 30px;
}
.member_contactHistory_articleQ {
  margin-top: 20px;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
}
.member_contactHistory_articleQHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 25px;
  background-color: #EEF7F2;
  border-radius: 6px 6px 0 0;
}
@media only screen and (max-width: 768px) {
  .member_contactHistory_articleQHead {
    flex-wrap: wrap;
    row-gap: 8px;
    padding-left: 18px;
    padding-right: 18px;
  }
}
.member_contactHistory_articleQTitle {
  font-weight: 700;
}
.member_contactHistory_articleQDate {
  font-size: 13px;
}
@media only screen and (max-width: 768px) {
  .member_contactHistory_articleQDate {
    flex-basis: 100%;
    text-align: right;
  }
}
.member_contactHistory_articleQTxt {
  padding: 16px 25px;
}
@media only screen and (max-width: 768px) {
  .member_contactHistory_articleQTxt {
    padding: 18px;
  }
}
.member_contactPager {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 480px;
  margin: 0 auto 100px;
}
@media only screen and (max-width: 768px) {
  .member_contactPager {
    width: 100%;
    margin-bottom: 80px;
  }
}
.member_contactPager_prev, .member_contactPager_next {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: #0E9352;
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  .member_contactPager_prev, .member_contactPager_next {
    width: 24px;
    height: 24px;
  }
}
.member_contactPager_prev::before, .member_contactPager_prev::after, .member_contactPager_next::before, .member_contactPager_next::after {
  display: block;
  position: absolute;
  top: calc(50% - 0.5px);
  left: calc(50% - 3.5px);
  width: 7px;
  height: 1px;
  background-color: #FFF;
  content: "";
}
.member_contactPager_prev[disabled], .member_contactPager_next[disabled] {
  background-color: #CCCCCC;
}
.member_contactPager_prev::before {
  transform: rotate(-45deg);
  transform-origin: left;
}
.member_contactPager_prev::after {
  transform: rotate(45deg);
  transform-origin: left;
}
.member_contactPager_next::before {
  transform: rotate(45deg);
  transform-origin: right;
}
.member_contactPager_next::after {
  transform: rotate(-45deg);
  transform-origin: right;
}
.member_contactPager_first, .member_contactPager_last {
  font-size: 18px;
  font-weight: 700;
}
.member_contactPager_first[disabled], .member_contactPager_last[disabled] {
  color: #CCCCCC;
}
@media only screen and (max-width: 768px) {
  .member_contactPager_first, .member_contactPager_last {
    font-size: 15px;
  }
}
.member_contactPager_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 25px;
}
@media only screen and (max-width: 768px) {
  .member_contactPager_nav {
    column-gap: 20px;
  }
}
.member_contactPager_navPage {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .member_contactPager_navPage {
    font-size: 18px;
  }
}
.member_contactPager_navPage.page_current {
  color: #0E9352;
}
.member_contactGuide {
  margin-bottom: 80px;
  padding: 40px 10px;
  background-color: #EFEFEF;
}
@media only screen and (max-width: 768px) {
  .member_contactGuide {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-bottom: 40px;
    padding-top: 30px 0 40px;
  }
}
.member_contactGuide_lead {
  margin-bottom: 30px;
  color: #0E9352;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.9;
  letter-spacing: 0.1em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .member_contactGuide_lead {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: inherit;
    letter-spacing: inherit;
  }
}
.member_contactGuide_nav {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 4%;
  flex-wrap: wrap;
  row-gap: 15px;
}
.member_contactGuide_btn {
  position: relative;
  display: block;
  width: 320px;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
  height: 70px;
  padding: 11px 0;
}
@media only screen and (max-width: 768px) {
  .member_contactGuide_btn {
    width: 90%;
  }
}
.member_contactGuide_btn.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.member_contactGuide_btn.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.member_contactGuide_btn.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.member_contactGuide_btn.btn_no_shadow {
  box-shadow: none;
}
.member_contactGuide_btn_link {
  line-height: 40px;
  letter-spacing: 0.1em;
  font-size: 15px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .member_contactGuide_btn_link {
    line-height: 50px;
    font-size: 16px;
  }
}
.member_contactGuide_btn_link .btn_icon,
.member_contactGuide_btn_link .btn_text {
  vertical-align: middle;
}
.member_contactGuide_btn_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.member_contactGuide_btn_links {
  line-height: 40px;
  font-size: 15px;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .member_contactGuide_btn_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .member_contactGuide_btn_links {
    font-size: 16px;
  }
}
.member_contactGuide_btn .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.member_contactGuide_btn:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.member_contactGuide_btn.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
.member_contactGuide_btnTxt {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.member_contactGuide_btnTxtSmall {
  font-size: 15px;
}
.member_contactCTA {
  text-align: center;
}
.member_contactCTA_lead {
  display: inline-block;
  position: relative;
  margin-bottom: 30px;
  color: #0E9352;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 768px) {
  .member_contactCTA_lead {
    font-size: 16px;
    letter-spacing: inherit;
  }
}
.member_contactCTA_lead::before, .member_contactCTA_lead::after {
  display: block;
  position: absolute;
  bottom: 0;
  width: 1px;
  height: 80px;
  background-color: #0E9352;
  transform-origin: bottom;
  content: "";
}
@media only screen and (max-width: 768px) {
  .member_contactCTA_lead::before, .member_contactCTA_lead::after {
    height: 50px;
  }
}
.member_contactCTA_lead::before {
  left: 0;
  transform: rotate(-30deg);
}
.member_contactCTA_lead::after {
  right: 0;
  transform: rotate(30deg);
}

@media only screen and (max-width: 768px) {
  .member_edit {
    padding: 0 10px;
  }
}
.member_edit_lead {
  margin-bottom: 40px;
  padding: 24px 20px;
  background-color: #EEF7F2;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .member_edit_lead {
    padding: 10px 18px;
    text-align: left;
  }
}
.member_edit_table {
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .member_edit_table {
    margin-bottom: 50px;
  }
  .member_edit_table.member_edit_detail {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .member_edit .member_edit_btn_link {
    font-size: 20px;
    line-height: 76px;
  }
}
.member_edit_check {
  display: flex;
  align-items: center;
  column-gap: 30px;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .member_edit_check {
    justify-content: space-between;
    column-gap: 0;
    margin-top: 30px;
    margin-bottom: 10px;
  }
}
.member_edit_radioLabel {
  flex-basis: 36%;
  min-width: 200px;
  padding: 24px 30px;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .member_edit_radioLabel {
    flex-basis: 48%;
    min-width: unset;
    padding: 18px 16px;
  }
}
.member_edit_radioLabel .radio_mark, .member_edit_radioLabel .radio_text {
  vertical-align: middle;
}
.member_edit_radioLabel .radio_mark {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  background-color: #FFF;
  border: 2px solid #CCCCCC;
  border-radius: 50%;
}
.member_edit_radioLabel .radio_text {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .member_edit_radioLabel .radio_text {
    font-size: 16px;
  }
}
.member_edit_inputRadio {
  display: none;
}
.member_edit_inputRadio:checked + .member_edit_radioLabel {
  border-color: #0E9352;
}
.member_edit_inputRadio:checked + .member_edit_radioLabel .radio_mark::before {
  display: block;
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
  width: 16px;
  height: 16px;
  background-color: #0E9352;
  border-radius: 50%;
  content: "";
}

@media only screen and (max-width: 768px) {
  .member_delete {
    padding: 0 10px;
  }
}
.member_delete .member_edit_lead {
  margin-top: 30px;
}
.member_delete_checkLabel {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .member_delete_checkLabel {
    margin-bottom: 15px;
  }
}
.member_delete_checkLabelHead {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  flex-shrink: 0;
  height: auto;
  background-color: #0E9352;
  border-radius: 5px 0 0 5px;
}
@media only screen and (max-width: 768px) {
  .member_delete_checkLabelHead {
    width: 60px;
  }
}
.member_delete_checkLabelTxt {
  flex-grow: 1;
  padding: 24px 0 24px 30px;
}
@media only screen and (max-width: 768px) {
  .member_delete_checkLabelTxt {
    padding: 10px 20px;
  }
}
.member_delete_checkMark {
  display: inline-block;
  position: relative;
  width: 26px;
  height: 26px;
  border: 1px solid #FFF;
  border-radius: 3px;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  .member_delete_checkMark {
    width: 20px;
    height: 20px;
  }
}
.member_delete_checkMark::before {
  display: block;
  position: absolute;
  top: 35%;
  left: 7px;
  width: 8px;
  height: 12px;
  transform: translateY(-50%) rotate(45deg);
  content: "";
}
@media only screen and (max-width: 768px) {
  .member_delete_checkMark::before {
    width: 6px;
    height: 10px;
  }
}
.member_delete_checkbox {
  display: none;
}
.member_delete_checkbox:checked ~ .member_delete_checkLabelHead .member_delete_checkMark {
  background-color: #FFF;
}
.member_delete_checkbox:checked ~ .member_delete_checkLabelHead .member_delete_checkMark::before {
  border-bottom: 2px solid #0E9352;
  border-right: 2px solid #0E9352;
}
.member_delete_btns {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 30px;
  width: 92.5%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .member_delete_btns {
    flex-wrap: wrap;
    row-gap: 15px;
    width: 100%;
  }
}
.member_delete_btns .member_delete_btn {
  flex-basis: 48%;
  min-width: 220px;
}
@media only screen and (max-width: 768px) {
  .member_delete_btns .member_delete_btn {
    flex-basis: 100%;
    min-width: unset;
  }
}
@media only screen and (max-width: 768px) {
  .member_delete_btns .member_delete_btn_link {
    font-size: 20px;
    line-height: 76px;
  }
}
.member_delete_complete {
  padding-top: 40px;
}
.member_delete_completeP {
  margin-bottom: 2em;
}
.member_delete_completePLink {
  display: inline-block;
  text-decoration: underline;
}
.member_delete_completeNote {
  padding-left: 1em;
  color: #F23A3A;
  text-indent: -1em;
}
.member_delete_cta {
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  .member_delete_cta {
    margin-bottom: 40px;
  }
}
.member_delete_nav {
  display: flex;
  margin: 0 auto;
  padding: 50px;
  border: 1px solid #0E9352;
  border-radius: 30px;
}
@media only screen and (max-width: 768px) {
  .member_delete_nav {
    flex-direction: column;
  }
}
.member_delete_nav .common_visit_navBlock {
  display: flex;
  flex-direction: column;
  flex-basis: 50%;
}
@media only screen and (max-width: 768px) {
  .member_delete_nav .common_visit_navBlock {
    display: block;
    width: 100%;
  }
}
.member_delete_nav .common_visit_navBlock:first-child {
  padding-right: 50px;
  border-right: 1px solid #0E9352;
}
@media only screen and (max-width: 768px) {
  .member_delete_nav .common_visit_navBlock:first-child {
    padding-right: 0;
    padding-bottom: 50px;
    border-right: none;
    border-bottom: 1px solid #0E9352;
  }
}
.member_delete_nav .common_visit_navBlock:last-child {
  padding-left: 50px;
}
@media only screen and (max-width: 768px) {
  .member_delete_nav .common_visit_navBlock:last-child {
    padding-left: 0;
    padding-top: 50px;
  }
}
.member_delete_nav .common_visit_navBlockTxt {
  flex-grow: 1;
  font-size: 18px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .member_delete_nav .common_visit_navBlockTxt {
    font-weight: 700;
  }
}
.member_delete_nav .common_visit_navBlockBtn {
  position: relative;
  display: block;
  width: 100%;
  box-shadow: 0 4px 0 #0A6D3D;
  border: 1px solid #0E9352;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .member_delete_nav .common_visit_navBlockBtn {
    width: 100%;
  }
}
.member_delete_nav .common_visit_navBlockBtn.btn_white {
  background-color: #FFFFFF;
  color: #0E9352;
}
.member_delete_nav .common_visit_navBlockBtn.btn_green {
  background-color: #0E9352;
  color: #FFFFFF;
}
.member_delete_nav .common_visit_navBlockBtn.btn_grey {
  background-color: #CCC;
  border-color: #CCC;
  box-shadow: 0 3px 0 #AAA;
  color: #FFFFFF;
}
.member_delete_nav .common_visit_navBlockBtn.btn_no_shadow {
  box-shadow: none;
}
.member_delete_nav .common_visit_navBlockBtn_link {
  line-height: 58px;
  letter-spacing: 0.1em;
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .member_delete_nav .common_visit_navBlockBtn_link {
    line-height: 58px;
    font-size: 18px;
  }
}
.member_delete_nav .common_visit_navBlockBtn_link .btn_icon,
.member_delete_nav .common_visit_navBlockBtn_link .btn_text {
  vertical-align: middle;
}
.member_delete_nav .common_visit_navBlockBtn_link .btn_icon {
  aspect-ratio: auto 1/1;
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.member_delete_nav .common_visit_navBlockBtn_links {
  line-height: 58px;
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .member_delete_nav .common_visit_navBlockBtn_links {
    line-height: 1.5;
    padding-block: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .member_delete_nav .common_visit_navBlockBtn_links {
    font-size: 18px;
  }
}
.member_delete_nav .common_visit_navBlockBtn .btn_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.member_delete_nav .common_visit_navBlockBtn:hover {
  box-shadow: 0 2px 0 #0A6D3D;
  transform: translateY(2px);
}
.member_delete_nav .common_visit_navBlockBtn.btn_grey:hover {
  box-shadow: 0 2px 0 #AAA;
}
.member_delete_nav.common_visit_3col {
  flex-basis: 33.3333333333%;
  justify-content: space-between;
}
.member_delete_nav.common_visit_3col .common_visit_block:first-child {
  padding-right: 25px;
  padding-left: 25px;
}
@media only screen and (max-width: 768px) {
  .member_delete_nav.common_visit_3col .common_visit_block:first-child {
    padding-right: 0;
    padding-left: 0;
  }
}
.member_delete_nav.common_visit_3col .common_visit_block:nth-child(2) {
  padding-left: 25px;
  padding-right: 25px;
  border-right: 1px solid #0E9352;
}
@media only screen and (max-width: 768px) {
  .member_delete_nav.common_visit_3col .common_visit_block:nth-child(2) {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 50px;
    padding-top: 50px;
    border-right: none;
    border-bottom: 1px solid #0E9352;
  }
}
.member_delete_nav.common_visit_3col .common_visit_block:last-child {
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (max-width: 768px) {
  .member_delete_nav.common_visit_3col .common_visit_block:last-child {
    padding-left: 0;
    padding-right: 0;
  }
}
.check_ranking {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 40px;
  margin-bottom: 40px;
}
.check_ranking .ranking {
  flex-basis: 32%;
}
@media only screen and (max-width: 768px) {
  .check_ranking .ranking {
    flex-basis: 100%;
    max-width: 100%;
    min-width: unset;
  }
}
.check_ranking_bottom {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.check_ranking_link {
  display: flex;
  align-items: center;
}
.check_ranking_span {
  margin-left: 4px;
  font-weight: 700;
  vertical-align: middle;
}