@charset "UTF-8";

:root {
  --yaleColor: #4d3b38;
  --hirochikaColor: rgb(101, 179, 75);
  --kawaberiColor: #4b4cb3;
  --pc_m: 1440px;
}

* {
  box-sizing: border-box;
  line-height: 1;
  font-family: "noto sans jp";
  font-feature-settings: "palt"1;
}

/*-------form.html--------*/


#HIROCHIKA_FORM {
  margin-top: 200px;
  display: block;
}

@media screen and (max-width: 998px) {
  #HIROCHIKA_FORM {
    margin-top: 96px;
  }
}

@media screen and (max-width: 600px) {
  #HIROCHIKA_FORM {
    margin-top: 56px;
  }
}

#EVENT_FORM {
  display: none;
}

#VISION_FORM {
  display: none;
}

.FORM_SHOW {
  display: block !important;
}

.FLEX_WRAP {
  display: flex;
  gap: 64px;
}

@media screen and (max-width: 998px) {
  .FLEX_WRAP {
    flex-direction: column;
  }
}

form .FLEX_WRAP {
  align-items: center;
  margin-top: 40px;
  /* justify-content: center; */
}

@media screen and (max-width: 1080px) {
  form .FLEX_WRAP {
    gap: 40px;
  }
}

@media screen and (max-width: 998px) {
  form .FLEX_WRAP {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}

form .FLEX_WRAP_TOP {
  margin-top: 0 !important;
}

.SEC_TITLE_TOP{
  justify-content: flex-start !important;
}
.RESERVATION_SEC_TITLE {
  width: 216px !important;
}
.RESERVATION_TYPE_SELECT{
  margin-top: 56px;
}
@media screen and (max-width: 1080px) {
  .RESERVATION_TYPE_SELECT {
    gap: 40px;
  }
}

@media screen and (max-width: 998px) {
  .RESERVATION_TYPE_SELECT {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
.EVENT_RESERVATION_NOTE {
  width: 100%;
  
  margin-bottom: 16px;
  margin-top: 16px;
}
.EVENT_RESERVATION_NOTE span{
  display: inline-block;
  position: relative;
  font-weight: 700;
}
.EVENT_RESERVATION_NOTE span::after{
  content:'';
  display: inline-block;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 10px;
  background-color: yellow;
}
.FEE_LINK{
  display:flex;
  column-gap: 1.5rem;
  row-gap: 1rem;
  flex-wrap: wrap;
}
@media(max-width:998px){
  .FEE_LINK{
    column-gap: 1rem;
  }
}

.FEE_LINK a:nth-child(2){
  background-color: var(--hirochikaColor);
}
.FEE_LINK a:nth-child(3){
  background-color: var(--kawaberiColor);
}
.FEE_LINK_BTN {

  background: #E8374A;
  color: #fff;
  display: grid;
  place-items: center;
  width: 165px;
  height: 40px;
  border-radius: 6px;
}

.EVENT_RESERVATION_NOTE p {
  line-height: 1.5;
}

.TXT_RED {
  color: rgba(203,1,1,1);
  font-weight: 500;
}

.REQUIRED {
  position: relative;
}

.REQUIRED::after {
  position: absolute;
  content: "必須";
  right: 0;
  top: 0;
  transform: translateX(110%);
  font-size: 12px;
  font-weight: bold;
  width: 30px;
  height:22px;
  background-color: rgba(203,1,1,1);
  color: #fff;
  display: grid;
  place-items: center;
  border-radius: 2px;
  letter-spacing: -0.05em;
}

@media screen and (max-width: 600px) {
  .REQUIRED::after {
    height: 18px;
  }
}

.FORM_TITLE {
  width: 216px;
  text-align: right;
  font-size: 20px;
  letter-spacing: 0.1em;
  font-weight: 500;
  flex-shrink: 0;
  line-height: 1 !important;
} 

.FLEX_WRAP_TITLE{
  justify-content: flex-start;
 
}
@media screen and (max-width: 1080px) {
  .FORM_TITLE {
    font-size: 18px;
  }
}

@media screen and (max-width: 998px) {
  .FORM_TITLE {
    text-align: left;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media screen and (max-width: 600px) {
  .FORM_TITLE {
    font-size: 16px;
  }
}

.SELECT_FORM {
  display: flex;
  align-items: center;
  gap: 64px;


}
#FEE_FORM .FLEX_WRAP:nth-child(2){
  margin-top: 56px;
}

#FEE_FORM select{
  width: 120px;
  border: #000 1px solid;
  height: 48px;
  padding: 8px;
}
@media screen and (max-width: 1280px) {
  .SELECT_FORM {
   
    gap: 40px;
  }
}
@media screen and (max-width: 998px) {
  .SELECT_FORM {
    margin-bottom: 0;
    gap: 40px;
  }
}

@media screen and (max-width: 725px) {
  .SELECT_FORM {
    gap: 40px;
  }
}

@media screen and (max-width: 600px) {
  .SELECT_FORM {
    flex-direction: column;
    align-items: flex-start;
  }
}

.SELECT_FORM label {
  position: relative;
  padding-left: 24px;
  font-size: 18px;
}

@media screen and (max-width: 725px) {
  .SELECT_FORM label {
    font-size: 16px;
  }
}

.SELECT_FORM label::before {
  position: absolute;
  display: inline-block;
  top: 4px;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: #000 1px solid;
  margin-right: 8px;
}

@media screen and (max-width: 435px) {
  .SELECT_FORM label::before {
    width: 16px;
    height: 16px;
  }
}

input[type=text],
input[type=email],
input[type=url] {
  height: 48px;
  flex-grow: 1;
  padding: 0.5rem 1rem;
  border: #000 1px solid;
}

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

  input[type=text],
  input[type=email] {
    width: 100%;
  }
}

input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=date]:focus,
input[type=url]:focus,
textarea:focus {
  box-shadow: 0 0 4px var(--hirochikaColor);
}

.RADIO_WRAPPER {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  flex-grow: 1;
  align-items: center;
}

@media screen and (max-width: 998px) {
  .RADIO_WRAPPER {
    gap: 64px;
  }
}

@media screen and (max-width: 600px) {
  .RADIO_WRAPPER {
    gap: 40px;
  }
}

@media screen and (max-width: 435px) {
  .RADIO_WRAPPER {
    gap: 20px;
  }
}

.RADIO_WRAPPER2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  flex-grow: 1;
  align-items: center;
}

@media screen and (max-width: 998px) {
  .RADIO_WRAPPER2 {
    gap: 64px;
  }
}

@media screen and (max-width: 600px) {
  .RADIO_WRAPPER2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

@media screen and (max-width: 435px) {
  .RADIO_WRAPPER2 {
    gap: 20px;
  }
}

.RADIO_WRAPPER div {
  width: -moz-fit-content;
  width: fit-content;
}

input[type=radio],
input[type=checkbox] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.RADIO_WRAPPER label {
  position: relative;
  padding-left: 24px;
  font-size: 18px;
  white-space: nowrap;
}

@media screen and (max-width: 600px) {
  .RADIO_WRAPPER label {
    font-size: 16px;
  }
}

@media screen and (max-width: 435px) {
  .RADIO_WRAPPER label {
    font-size: 14px;
  }
}

.RADIO_WRAPPER label::before {
  position: absolute;
  display: inline-block;
  top: 4px;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: #000 1px solid;
  margin-right: 8px;
}

@media screen and (max-width: 435px) {
  .RADIO_WRAPPER label::before {
    width: 16px;
    height: 16px;
  }
}

input[type=radio]:checked+label::after {
  position: absolute;
  display: inline-block;
  top: 8px;
  left:4px;
  content: "";
  width: 12px;
  height: 12px;
  background-color: #000;
  border-radius: 100%;
  /* border: #000 1px solid; */
  margin-right: 8px;
}

@media screen and (max-width: 435px) {
  input[type=radio]:checked+label::after {
    width: 8px;
    height: 8px;
  }
}

.TEL_WRAPPER {
  flex-shrink: 1;
  display: flex;
  flex-grow: 1;
  align-items: center;
}

.TEL_WRAPPER span {
  width: 48px;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}

.TEL_WRAPPER input[type=tel] {
  padding: 0.5rem 1rem;
  height: 48px;
  border: #000 1px solid;
  display: block;
  width: 23.57%;
  text-align: left;
}

@media screen and (max-width: 998px) {
  .TEL_WRAPPER input[type=tel] {
    width: 30%;
  }
  .page-id-112 .TEL_WRAPPER input[type=tel] {
    width: 100%;
    text-align: left;
  }

}
.EV_USE_DATE_WRAPP{
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
.DATE_TIME_WRAPPER {
  flex-grow: 1;
  display: flex;
  flex: 1;
  align-items: center;
  position: relative;
  column-gap: 16px;
}

@media screen and (max-width: 998px) {
  .DATE_TIME_WRAPPER {
    width: calc(100% - 30px);
    flex-wrap: wrap;
    row-gap: 20px;
  }
}

.DATE_TIME_WRAPPER p {
  margin-left: 16px;
  padding-right: 32px;
}

@media screen and (max-width: 998px) {
  .DATE_TIME_WRAPPER p {
    margin-left: 0;
  }
}

.DATE_TIME_TITLE {
  position: relative;
}

.PLUS_BTN {
  font-size: 16px;
  font-weight: 800;
  color: #CB0101;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border:  #CB0101 2px solid;
  position: absolute; 
  right: 0;
  cursor: pointer;
  top: 0;
}

@media screen and (max-width: 998px) {
  .PLUS_BTN {
    right: -32px;
  }
}

@media screen and (max-width: 435px) {
  .PLUS_BTN {
    width: 28px;
    height: 28px;
  }
}
/* .ADDED{
  display: none;
} */
.ADDED .PLUS_BTN {
  right: 42px;
}
.ADDED input[type=date]{
  pointer-events: none;
}

@media screen and (max-width: 998px) {
  .ADDED .PLUS_BTN {
    right: 10px;
  }
}

@media screen and (max-width: 435px) {
  .ADDED .PLUS_BTN {
    right: 5px;
  }
}
.NEXT .END_TIME option:nth-last-child(1){
  display: none;
}
.NEXT .END_TIME option:nth-last-child(2){
  display: none;
}
/* #DATE_TIME_WRAP_FIRST,
#DATE_TIME_WRAP_SECOND,
#DATE_TIME_WRAP_THIRD,
#DATE_TIME_WRAP_FOURTH,
#DATE_TIME_WRAP_FIFTH {
  display: none;
} */

.MINUS_BTN {
  display: grid;
  font-size: 16px;
  font-weight: 800;
  color: var(--kawaberiColor);
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 50%;
  border: var(--kawaberiColor) 2px solid;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

@media screen and (max-width: 998px) {
  .MINUS_BTN {
    right: -32px;
  }
}

@media screen and (max-width: 435px) {
  .MINUS_BTN {
    width: 28px;
    height: 28px;
  }
}

.MINUTE_WRAP {
  display: flex;
  align-items: center;
}

.HOUR_WRAP {
  display: flex;
  align-items: center;
}

.DATE_TIME_WRAP:last-of-type .MINUS_BTN {
  display: grid;
}

.DATE_TIME_WRAPPER span {
  width: 48px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  display: block;
}

@media screen and (max-width: 1340px) {
  .DATE_TIME_WRAPPER span {
    width: 24px;
  }
}

@media screen and (max-width: 998px) {
  .DATE_TIME_WRAPPER span {
    width: 40px;
  }
}

@media screen and (max-width: 870px) {
  .DATE_TIME_WRAPPER span {
    width: 32px;
  }
}

.DATE_TIME_WRAPPER>div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.DATE_TIME_WRAPPER input[type=text] {
  width: 112px;
  flex-grow: 0;
  padding: 0.25em;
  text-align: center;
}

@media screen and (max-width: 500px) {
  .DATE_TIME_WRAPPER input[type=text] {
    width: 80px;
  }
}

/* @media screen and (max-width: 998px) {
  .DATE_TIME_WRAP {
    margin-top: 0px !important;
  }
} */

#DATE_TIME_WRAP_FIRST,#DATE_TIME_WRAP_ONEDAY {
  margin-top: 40px !important;
}


.DATE_TIME_WRAPPER input[type=date] {
  height: 48px;
  border: #000 1px solid;
  display: block;
  width: 23.57%;
  min-width: 120px;
  /* margin-right: 48px; */
  padding: 0.25rem;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
}

@media screen and (max-width: 725px) {
  .DATE_TIME_WRAPPER input[type=date] {
    font-size: 16px;
    /* margin-right: 24px; */
  }
}

@media screen and (max-width: 435px) {
  .DATE_TIME_WRAPPER input[type=date] {
    padding: 0.25rem;
    padding-top: 10px;
    padding-bottom: 10px;
    /* margin-right: 12px; */
  }
}

.DATE_TIME_WRAPPER label {
  position: relative;
  padding-left: 24px;
  font-size: 18px;
  margin-left: 0px;
  white-space: nowrap;
}

@media screen and (max-width: 870px) {
  .DATE_TIME_WRAPPER label {
    font-size: 16px;
  }
}

@media screen and (max-width: 435px) {
  .DATE_TIME_WRAPPER label {
    font-size: 14px;
  }
}

.FROM_TO {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;

}

@media screen and (max-width: 1340px) {
  .FROM_TO {
    width: 24px;
   
  }
}



textarea {
  flex-grow: 1;
  padding: 1rem;
  border: #000 1px solid;
  height: 336px;
  white-space: pre-wrap;
  line-height: 1.5;
}

@media screen and (max-width: 998px) {
  textarea {
    width: 100%;
  }
}

form .FORM_SCHEDULE_WRAP {
  align-items: flex-start;
}

form .FORM_CONTENT_WRAP {
  align-items: flex-start;
}

form .FORM_CONTENT_WRAP textarea {
  height: 168px;
}

.FORM_TITLE_SCHEDULE {
  line-height: 1;
}

.FORM_TITLE_SCHEDULE img {
  position: relative;
  bottom: 2px;
}

@media screen and (max-width: 998px) {
  .FORM_TITLE_SCHEDULE img {
    transform: rotate(90deg);
  }
}

.FORM_TITLE_SCHEDULE span {
  margin-top: 8rem;
  display: block;
  font-size: 16px;
}

@media screen and (max-width: 998px) {
  .FORM_TITLE_SCHEDULE span {
    margin-top: 16px;
    font-size: 14px;
  }
}

form .FORM_NOTE {
  line-height: 1.5;
  margin-top: 16px;
}

@media screen and (max-width: 998px) {
  form .FORM_NOTE {
    margin-top: 0 !important;
  }
}

form .FORM_NOTE p {
  line-height: 1.5;
}
form .FORM_NOTE p:nth-of-type(2) {
  width: 100%;
}

form .FORM_NOTE div {
  width: 100%;
}

form .WAITING_WRAP {
  display: none;
}

.SPECIAL_WRAPPER {
  flex-grow: 1;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 998px) {
  .SPECIAL_WRAPPER {
    width: 100%;
    justify-content: start;
    gap: 32px;
  }
}

@media screen and (max-width: 600px) {
  .SPECIAL_WRAPPER {
    gap: 24px;
  }
}

@media screen and (max-width: 435px) {
  .SPECIAL_WRAPPER {
    gap: 12px;
  }
}

.SPECIAL_WRAP {
  display: flex;
  align-items: flex-end;
}

.NO_SPECIAL_WRAP {
  display: flex;
  align-items: center;
}

#SPECIAL_OBJECT {
  width: 63.25%;
  flex-grow: 0;
  margin: 0 64px 0 16px;
}

@media screen and (max-width: 998px) {
  #SPECIAL_OBJECT {
    margin-right: 16px;
    width: 80%;
  }
}

.SPECIAL_WRAPPER label {
  position: relative;
  padding-left: 24px;
  font-size: 18px;
}

@media screen and (max-width: 600px) {
  .SPECIAL_WRAPPER label {
    font-size: 16px;
  }
}

@media screen and (max-width: 435px) {
  .SPECIAL_WRAPPER label {
    font-size: 14px;
  }
}

.SPECIAL_WRAPPER label::before {
  position: absolute;
  display: inline-block;
  top: 4px;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: #000 1px solid;
  margin-right: 8px;
}

@media screen and (max-width: 435px) {
  .SPECIAL_WRAPPER label::before {
    width: 16px;
    height: 16px;
  }
}

input[type=date] {
  display: grid;
  place-items: center;
}

#SPECIAL_CONTENT {
  display: none;
}

#SPECIAL_CONTENT.SHOW {
  display: flex;
}
input[name="date_2"],input[name="date_3"],input[name="date_4"],input[name="date_5"]{
  pointer-events: none;
}
input[type=submit] {
  width: 230px;
  height: 56px;
  display: grid;
  place-items: center;
  background-color: var(--hirochikaColor);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: 56px;
  opacity: 0.5;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 998px) {
  input[type=submit] {
      margin-top: 0;

  }
}
@media screen and (max-width: 600px) {
  input[type=submit] {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    height: 48px;
    font-size: 16px;
  }
}



@media screen and (max-width: 1280px) {
  .AGREE_WRAP {
    margin-left: 0px;

  }

  .AGREE_WRAP label {
    line-height: 1.5 !important;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
   
  }
  /* .CAUTION.BTN{
    margin-left: auto;
    margin-right: auto;
  } */
}
@media screen and (max-width: 600px) {

 .CAUTION_WRAPPER2 .AGREE_WRAP div{
  max-width: 100%;
 }
  .AGREE_WRAP div {
    
    max-width: 80%;
    display: flex;
    align-items: center;

   
  }

}
@media(max-width:1280px){
  #PAGE_FORM .CAUTION.BTN{
    margin-left: auto;
    margin-right: auto;
  }
}

 


/*大型映像フォーム*/
.USE_WRAPPER {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.USE_WRAPPER div:first-child{
  margin-right: 12px;
}
.USE_WRAPPER label {
  position: relative;
  padding-left: 24px;
  font-size: 18px;
}

.USE_WRAPPER label::before {
  position: absolute;
  display: inline-block;
  top: 4px;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: #000 1px solid;
  margin-right: 8px;
}

@media screen and (max-width: 435px) {
  .USE_WRAPPER label::before {
    position: absolute;
    display: inline-block;
    top: 4px;
    left: 0;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: #000 1px solid;
    margin-right: 8px;
  }
}

.TERM_WRAPPER {
  flex-grow: 1;
  display: flex;
  flex: 1;
  align-items: center;
}

.TERM_WRAPPER span {
  width: 48px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
}

@media screen and (max-width: 394px) {
  .TERM_WRAPPER span {
    width: 24px;
  }
}

.TERM_WRAPPER input[type=date] {
  height: 48px;
  border: #000 1px solid;
  display: block;
  width: 23.57%;
  padding: 0.5rem 1rem;
}

@media screen and (max-width: 998px) {
  .TERM_WRAPPER input[type=date] {
    width: 40%;
  }
}

.POSTCODE_WRAPPER {
  width: 100%;
}

input.POST_CODE {
  flex-grow: inherit;
  width: 300px !important;
}

#START_TIME,
#END_TIME {
  cursor: pointer;
}

.START_TIME_WRAP,
.END_TIME_WRAP {
  position: relative;
}

.START_TIME_SELECT,
.END_TIME_SELECT {
  position: absolute;
  top: 0;
  left: 70%;
  width: 50%;
  padding: 10px 0;
  border-radius: 6px;
  display: none;
  z-index: 10;
  background-color: #eee;
}

.SHOW {
  display: block;
}

.START_TIME_SELECT li,
.END_TIME_SELECT li {
  padding: 0.25rem 0;
  cursor: pointer;
  display: grid;
  place-items: center;
}

.START_TIME_SELECT li:hover,
.END_TIME_SELECT li:hover {
  background-color: #ccc;
}

.MOVIE {
  position: relative;
}

/* #MOVIE_WRAP_SECOND,
#MOVIE_WRAP_THIRD,
#MOVIE_WRAP_FOURTH {
  display: none;
} */

.FILE_WRAPPER {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

@media screen and (max-width: 725px) {
  .FILE_WRAPPER {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 12px;
  }
}

.FILE_WRAPPER .MINUS_BTN {
  right: 0 !important;
}

@media screen and (max-width: 998px) {
  .FILE_WRAPPER .MINUS_BTN {
    right: 36px !important;
  }
}

@media screen and (max-width: 998px) {
  .FILE_WRAPPER .PLUS_BTN {
    right: 0;
  }
}

.FILE_WRAPPER>div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.FILE_WRAPPER input[type=text] {
  margin-left: 24px;
  margin-right: 40px;
}

@media screen and (max-width: 1280px) {
  .FILE_WRAPPER input[type=text] {
    margin-right: 80px;
  }
}

.FILE_WRAPPER label {
  min-width: 50px;
}

.CAUTION {
  display: grid;
  place-items: center;
  width: 230px;
  height: 56px;
  background-color: #E8374A;
  color: #fff;
  border-radius: 6px;
  font-size: 20px;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 600px) {
  .CAUTION {
    font-size: 16px;
    width: 180px;
    height: 48px;
  }
}

.CAUTION_WRAPPER {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media(max-width:1280px){
  .CAUTION_WRAPPER {
    flex-direction: column;
    gap: 40px;
  }
}

.CAUTION_WRAPPER2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.CAUTION_WRAPPER input {
  position: relative;
}

.CAUTION_WRAPPER input::after {
  content: "";
  width: 24px;
  height: 24px;
  border: 1px solid #000;
  position: absolute;
  right: -40px;
  border-radius: 4px;
  top: 50%;
  transform: translateY(-60%);
  cursor: pointer;
}

.CAUTION_WRAPPER input:checked::after {
  background-color: #000;
}

.CAUTION_WRAPPER input::before {
  cursor: pointer;
  position: absolute;
  content: "";
  right: -36px;
  width: 16px;
  height: 16px;
  background: url(../images/check.svg) no-repeat center;
  background-size: contain;
  top: 50%;
  transform: translateY(-60%);
  z-index: 2;
}

.CAUTION_CONTENT {
  display: none;
  position: fixed;
  height: 100vh;
  max-height: 100vh;
  width: 50%;
  top: 0;
  left: 25%;
  background-color: #fff;
  z-index: 9999;
  border: 2px solid var(--hirochikaColor);
  padding: 40px 25px;
  overflow-y: auto;
  overscroll-behavior:contain;
}

@media screen and (max-width: 998px) {
  .CAUTION_CONTENT {
    width: 80%;
    left: 10%;
  }
}

@media screen and (max-width: 600px) {
  .CAUTION_CONTENT {
    width: 100%;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.CAUTION_CONTENT section {
  margin-bottom: 32px;
}

.CAUTION_SECTION {
  margin-bottom: 32px;
}

.CAUTION_CONTENT h2 {
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  margin-bottom: 40px;
}

.CAUTION_CONTENT p{
  line-height: 1.7;
  margin-bottom: 12px;
  margin-top: 16px;
}
.CAUTION_NOTE {
  line-height: 1.7;
  margin-bottom: 12px;
  margin-top: 16px;
  text-indent: -1rem;
  padding-left: 1rem;
}

.CAUTION_CONTENT ul li {
  line-height: 1.7;
  list-style: none;
}

.CAUTION_CONTENT label {
  font-size: 18px;
}

@media screen and (max-width: 600px) {
  .CAUTION_CONTENT label {
    font-size: 16px;
  }
}

.CAUTION_CONTENT .INDENT {
  text-indent: 1rem;
  padding: 0;
  margin-top: 0;
}

.TEXT_RED {
  color: var(--yaleColor);
}

.AGREE_WRAP {
  width: -moz-fit-content !important;
  width: fit-content !important;
  text-align: left;
  height: 100%;
  margin-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 16px;
  width: calc(100% - 20px);

}
@media(max-width:1280px){
  .AGREE_WRAP{
    margin-left: 0;
  }
}

.WINDOW_CLOSE {
  display: grid;
  place-items: center;
  width: 230px;
  height: 56px;
  margin: auto;
  background-color: var(--hirochikaColor);
  color: #fff;
  border-radius: 6px;
  font-size: 20px;
  letter-spacing: 0.1em;
  margin-top: 48px;
}

@media screen and (max-width: 600px) {
  .WINDOW_CLOSE {
    font-size: 16px;
    width: 180px;
    height: 48px;
  }
}

/* .SVG_AREA{
      position: fixed;
      top: 0;
      width: 100%;
  } */
.SVG_WRAPPER {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/*----------確認画面----------*/
.CONFIRMATION_WRAPPER {
  margin-top: 100px;
  width: min(1000px, 90%);
  margin-left: auto;
  margin-right: auto;
}

.CONFIRMATION_TITLE {
  font-size: 32px;
  font-weight: 500;
  display: grid;
  position: relative;
  place-items: center;
  letter-spacing: 0.05em;
  margin-bottom: 64px;
  color: #000;
  letter-spacing: 0.1em;
}
.CONFIRM_NOTE{
  text-align: left;
  margin-bottom: 40px;
  font-size: 18px;
  color: var(--yaleColor);
  line-height: 1.5;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1340px) {
  .CONFIRMATION_TITLE {
    font-size: 28px;
  }
}

@media screen and (max-width: 725px) {
  .CONFIRMATION_TITLE {
    font-size: 24px;
    margin-bottom: 64px;
  }
}

@media screen and (max-width: 600px) {
  .CONFIRMATION_TITLE {
    font-size: 20px;
    margin-bottom: 56px;
  }
}

@media screen and (max-width: 500px) {
  .CONFIRMATION_TITLE {
    font-size: 18px;
  }
}

@media screen and (max-width: 435px) {
  .CONFIRMATION_TITLE {
    font-size: 16px;
  }
}

.CONFIRMATION_ITEM {
  align-items: flex-start !important;
  -moz-column-gap: 80px !important;
  column-gap: 80px !important;
  margin: 0 !important;
  padding: 32px 16px;
  border-bottom: 1px solid #838383;
}

@media screen and (max-width: 600px) {
  .CONFIRMATION_ITEM {
    padding: 24px 12px;
  }
}

.CONFIRMATION_ITEM:first-of-type {
  border-top: 1px solid #838383;
}

.CONFIRMATION_ITEM p:nth-of-type(2) {
  flex: 1;
  font-size: 18px;
  line-height: 1.5;
}

@media screen and (max-width: 600px) {
  .CONFIRMATION_ITEM p:nth-of-type(2) {
    font-size: 16px;
  }
}

.CONFIRMATION_BTN_WRAP {
  flex-direction: row !important;
}

@media screen and (max-width: 600px) {
  .CONFIRMATION_BTN_WRAP {
    margin-top: 40px !important;
  }
}

.BACK_BTN {
  opacity: 1 !important;
  background: #bbb !important;
  width: 230px;
  height: 56px;
  display: grid !important;
  place-items: center !important;
  background-color: var(--hirochikaColor);
  color: #fff;
  text-align: center;
  border-radius: 6px !important;
  border: none !important;
  opacity: 0.5;
  margin-left: auto;
  margin-right: auto;
  margin-top: 56px;
}

@media screen and (max-width: 600px) {
  .BACK_BTN {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    height: 48px;
  }
}

@media screen and (max-width: 435px) {
  .BACK_BTN {
    width: 128px !important;
    height: 40px !important;
  }
}

.SUBMIT_BTN {
  opacity: 1 !important;
  border:none !important;
}

@media screen and (max-width: 435px) {
  .SUBMIT_BTN {
    width: 128px !important;
    height: 40px !important;
  }
}

/*--------完了画面----------*/
.THANKS_WRAPPER {
  margin-top: 100px;
  width: min(670px, 90%);
  margin-left: auto;
  margin-right: auto;
}

.THANKS_WRAPPER .HIROCHIKA_LOGO{
  position: inherit;
  margin: 48px auto;
  display: block;
}
.THANKS_TITLE {
  font-size: 32px;
  font-weight: 500;
  display: grid;
  position: relative;
  place-items: center;
  letter-spacing: 0.05em;
  margin-bottom: 64px;
  color: #000;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1340px) {
  .THANKS_TITLE {
    font-size: 28px;
  }
}

@media screen and (max-width: 725px) {
  .THANKS_TITLE {
    font-size: 24px;
    margin-bottom: 64px;
  }
}

@media screen and (max-width: 600px) {
  .THANKS_TITLE {
    font-size: 20px;
    margin-bottom: 56px;
  }
}

@media screen and (max-width: 500px) {
  .THANKS_TITLE {
    font-size: 18px;
  }
}

@media screen and (max-width: 435px) {
  .THANKS_TITLE {
    font-size: 16px;
  }
}

.THANKS_WRAPPER p {
  line-height: 1.8;
  font-size: 18px;
}

@media screen and (max-width: 600px) {
  .THANKS_WRAPPER p {
    font-size: 16px;
  }
}

.THANKS_BTN {
  width: 230px;
  height: 56px;
  display: grid;
  place-items: center;
  background-color: var(--hirochikaColor);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-top: 56px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 600px) {
  .THANKS_BTN {
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    height: 48px;
    font-size: 16px;
  }
}

/*---------本予約フォーム-----------*/
.page-id-112 .DECIDED{
  display: flex !important;
}
.FORMAL_FORM_CONTAINER {
  padding-top: 0;
}

.SUBMIT_FILES {
  width: 100% !important;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}



.SUBMIT_FILES div {
  display: flex;
  justify-content: flex-start;
}

@media (max-width:600px) {
  .SUBMIT_FILES div{
    flex-direction: column;
    align-items: flex-start;
    row-gap: 16px;
}
}
.SUBMIT_FILES div label {
  width: 200px;
}

.FORMAL_FORM_CONTAINER #HIROCHIKA_FORM {
  margin-top: 0;
}

#EVENT_FORM_FORMAL input[type=submit] {
  opacity: 1;
}
.FORMAL_DATE_TIME_WRAPPER .FROM_TO{
  margin-left: 0.5em;
}
form .DECIDED input {
  border: none !important;
  pointer-events: none;
}

.CAUTION_WRAP {
  align-items: flex-start !important;
}

.CAUTION_WRAP p {
  line-height: 1.5;
}

.CAUTION_WRAP p a {
  color: var(--kawaberiColor);
  text-decoration: underline;
}

.FORMAL_DATE_TIME_WRAPPER {
  justify-content: start !important;
  width: 100% !important;
}

.FORMAL_DATE_TIME_WRAPPER div {
  width: auto !important;
}

.FORM_TITLE {
  line-height: 1 !important;
}
.FEE_TIME_TITLE{
  line-height: 1.25 !important;
}

.CAUTION_WRAP div {
  width: 100%;
}

.FILE_WRAP {
  display: flex;
  width: 100%;
  gap: 10px;
  flex-direction: column !important;
}

.FILE_WRAP a {
  font-size: 16px;
  text-decoration: underline;
}
.FORM_HEADER{
  height: 0 !important;
}
.SNS_WRAPPER{
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  row-gap:20px ;
}
.SNS_WRAPPER span{
  display: inline-block;
  min-width: 100px;
}
.SNS_WRAPPER div{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.SNS_WRAPPER input{
  width: 100%;
}
/*-----キャンセルフォーム------*/
.CANCEL_WRAP{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.CANCEL_WRAP .AGREE_WRAP{
  margin-left: 0;
  font-size: 20px;
}
@media screen and (max-width: 600px) {
  .CANCEL_WRAP .AGREE_WRAP{
    margin-bottom: 24px;
  }
}
.CANCEL_WRAP .CONFIRMATION_BTN_WRAP{
  display: flex;
  column-gap: 20px;
  flex-direction: row;
}

/*------トラック搬入出フォーム-----*/
.CENTER{
  text-align: center;
  font-size: 24px;
  width: 100%;
  flex-grow: 1 !important;
  font-weight: 500;
}
.NAME{
  width: calc(100% - 80px) !important;
}
#FORM_TRUCK input[type=submit]{
  opacity: 1;
}
.CAR_WRAPPER{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.CAR_WRAP{
  align-items: flex-start !important;
}
.CAR_WRAPPER span{
  width: 30px;
  text-align: center;
  display: inline-block;
}
.CAR_WRAPPER span:nth-child(1){
  width: 60px;
  text-align: center;
  display: inline-block;
}
.CAR_WRAPPER input {
  margin-left: 10px;
  width: 48px;
}
.NO_BORDER{
  border: none;
}
.WORKER_WRAP input{
  text-align: left !important;
}
@media (max-width:600px){
  #FORM_PAGE_WRAPPER{
    padding-top: 105vh;
  }
}


/*---20240920追加-----*/

.page-id-101 select{
  padding: 0.5rem;
  border: #000 1px solid;
  height: 48px;
  width: 120px;
}
.page-id-101 .DATE_BLOCK{
  display: none;
}

.LEAVE_EQUIPMENT{
  position: relative;
}
.CHECKBOX_LABEL span{
 font-size: 12px;
 margin-top: 6px;
 display: inline-block;
}
.LEAVE_EQUIPMENT::before{
  width: 24px;
  height: 24px;
  border: 1px solid #000;
  content:'';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  margin-left: 16px;
  border-radius: 4px;
  cursor: pointer;
}
.LEAVE_EQUIPMENT::after{
  left:20px;
  top: -8px;
  content:'';
  background: url(../images/check.svg) no-repeat center;
  width: 16px;
  height: 16px;
  display: none;
  position: absolute;
  background-size: contain;

}
@media(max-width:600px){
  .LEAVE_EQUIPMENT::before{
      margin-left: 0;
  }
  .LEAVE_EQUIPMENT::after{
      left:4px;
   
  }
}

.LEAVE_EQUIPMENT:checked::after{
  display: block;
}
.LEAVE_EQUIPMENT:checked::before{
  background-color: #000;
}
.CHECKBOX_LABEL{
  position: relative;
  left: 48px;
  padding-left: 0 !important;
}

@media (max-width:600px) {
  .DATE_TIME_WRAP+.DATE_TIME_WRAP{
      margin-top: 24px !important;
  }
  .FLEX_WRAP{
      gap: 32px !important;
  }
  .CHECKBOX_LABEL{
    position: relative;
    left: 28px;
    padding-left: 0 !important;
  }

}