
main + .contactWrap{display: none;}
.contact_inner .contactWrap{
  width: calc(62 * var(--layout-unit)) !important;
  background-image: var(--grad);
  display: flex;
  align-items: center;
  width: 100%;
  z-index: 1;
  overflow: hidden;
  position: relative;
  border-radius: 30px;
  padding: calc(4 * var(--layout-unit)) calc(5 * var(--layout-unit));
  @media (width <= 960px) {
    width: 100% !important;
    padding:calc(1.5 * var(--layout-unit));
  }
  &::before {
		position: absolute;
		right: 0;
		width: 100%;
		height: 100%;
		content: '';
		background: url(../images/common/footer_obj.png) center right no-repeat;
		background-size: contain;
		z-index: 3;
	}
  .contact_btm{
    margin: 0;
    text-align: center;
    width: 100%;
    @media (width <= 960px) {
      border:none;
      margin-top: 0;
    }
  }
}
/* ----------------------------------------------------
contact
---------------------------------------------------- */
.contact {
	width: 100%;
	overflow: hidden;
}
.contact_inner {
	position: relative;
	margin-inline: auto;
	padding: 100px 0;
  width: calc(110 * var(--layout-unit));
  margin: 0 auto;
	@media (width <= 960px) {
		padding: 40px 0;
    width: calc(345 / 375 * 100vw);
	}
  .contact_note{
    margin: 60px 0;
    font-size: clamp(13px, calc(17 / 1920 * 100vw), 24px);
    line-height: 1.8;
    @media (width <= 960px) {
      margin: 15px 0;
      font-size: calc(13 / 375 * 100vw);
    }
    li{
      padding-left: 1em;
      text-indent: -1em;
      &::before{
        content: "※";
        display: inline-block;
        width: 1em;
        text-indent: 0;
      }
      *{text-indent: 0;}
      .-required{
        font-size: clamp(10px, calc(14 / 1920 * 100vw), 21px);
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        color: #fff;
        font-weight: bold;
        background-color: #DA0010;
        padding: 0.5em 1em;
        margin: 0 0.2em;
        border-radius: 9999px;
        @media (width <= 960px) {
          font-size: calc(13 / 375 * 100vw);
          padding: 0.2em 0.8em;
        }
      }
    }
  }
}
.contact_message{
  text-align: center;
  @media (width <= 960px) {
    text-align: left;
  }
  p:not(:first-of-type){
    margin-top: 1em;
  }
}