/* ここからMT iframe用css */
      @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");

      body {
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
        color: #222;
        line-height: 1.5;
      }

      a {
        color: inherit;
        text-decoration: underline;
      }

      input,
      textarea,
      select {
        -webkit-appearance: none;
        appearance: none;
      }

      input[type="text"],
      input[type="email"],
      input[type="tel"],
      input[type="url"],
      textarea,
      select {
        background-color: #F2F2F2;
        border: none;
        border-radius: calc(10 / 750 * 100vw);
        font-size: 1.6rem;
        font-weight: normal;

        @media (width >= 900px) {
          border-radius: 10px;
        }
      }

      input[type="text"],
      input[type="email"],
      input[type="tel"],
      input[type="url"],
      textarea {
        width: 100%;
        min-width: 0;
        max-width: none;
        padding: calc(18 / 750 * 100vw) calc(30 / 750 * 100vw);

        @media (width >= 900px) {
          padding: 18px 30px;
        }
      }

      input[type="radio"],
      input[type="checkbox"] {
        background: #fff;
        border: 1px solid #bfbfbf;
        width: calc(22 / 750 * 100vw);
        min-width: 18px;
        height: calc(22 / 750 * 100vw);
        min-height: 18px;

        @media (width >= 900px) {
          width: 22px;
          height: 22px;
        }

        &:checked {
          background-color: #23acc6;
          box-shadow: 0 0 0 .25em #fff inset;
        }
      }

      input[type="radio"] {
        border-radius: 50%;
      }

      input[type="checkbox"] {
        border-radius: 5px;
      }

      select {
        background-image: url(https://osakakango-b3rh.movabletype.biz/assets/img/icn_select.png);
        background-repeat: no-repeat;
        background-position: calc(100% - 10px) 50%;
        background-size: calc(22 / 750 * 100vw) calc(14 / 750 * 100vw);
        min-width: calc(150 / 750 * 100vw);
        padding: calc(18 / 750 * 100vw) calc(50 / 750 * 100vw) calc(18 / 750 * 100vw) calc(20 / 750 * 100vw);

        @media (width >= 900px) {
          background-size: 22px 14px;
          min-width: 150px;
          padding: 18px 50px 18px 20px;
        }
      }

      fieldset {
        border: none;
        margin: 0;
        padding: 0
      }

      .container {
        border: none;
        border-radius: 0;
        max-width: none;
        padding: 0;
      }

      .form-column-zip-code-jp .input-group input:last-child {
        width: 100%;
      }

      .form-column:not(:last-child) {
        margin-bottom: calc(40 / 750 * 100vw);

        @media (width >= 900px) {
          margin-bottom: 40px;
        }
      }

      .form-column:last-child {
        margin-bottom: 0;
      }

      .label {
        margin-bottom: 10px;
        font-size: clamp(1.5rem, 1.25rem + 0.5vw, 1.7rem);
        font-weight: 600;
      }

      legend.label {
        padding: 0;
      }

      label.option {
        display: grid;
        grid-template-columns: minmax(18px, calc(22 / 750 * 100vw)) auto;
        align-items: start;
        gap: 0 .5em;

        @media (width >= 900px) {
          grid-template-columns: 22px auto;
        }
      }

      label.option:nth-child(n + 2) {
        margin-top: .7em;
      }

      .badge,
      legend .badge-required {
        border-radius: 14px;
        margin-left: .6em;
        padding: calc(4 / 750 * 100vw) calc(12 / 750 * 100vw);
        font-size: clamp(1.2rem, 1.075rem + 0.25vw, 1.3rem);
        font-weight: 500;
        color: #fff;
        line-height: 1.2;
        display: inline-block;

        @media (width >= 900px) {
          padding: 4px 12px;
        }
      }

      .badge-required,
      legend .badge-required {
        background: #FF4D33;
      }

      label .badge-optional {
        visibility: visible;
      }

      .badge-optional {
        background: #a9a9a9;
      }

      .restriction-max-file-size {
        margin-left: .6em;
      }

      .preview-block,
      .help-block,
      .description-block,
      .option-text {
        font-size: clamp(1.4rem, 1.15rem + 0.5vw, 1.6rem);
      }

      .help-block,
      .description-block {
        margin-top: 10px;
        font-size: clamp(1.4rem, 1.15rem + 0.5vw, 1.6rem);
      }

      .description-block {
        color: inherit;
      }

      .separator-date {
        margin: 0 .8em;
      }

      .button-group {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 1em 1.5em;

        .help-block {
          width: 100%;
          text-align: center;
        }
      }

      .button {
        border: 2px solid #222;
        border-radius: 100vmax;
        width: calc(280 / 750 * 100vw);
        min-width: 200px;
        max-width: 220px;
        margin-right: 0;
        padding: calc(18 / 750 * 100vw) calc(10 / 750 * 100vw) calc(18 / 750 * 100vw) calc(26 / 750 * 100vw);
        font-size: clamp(1.4rem, 1.15rem + 0.5vw, 1.6rem);

        @media (width >= 900px) {
          padding: 10px 10px 10px 26px;
        }

        > .icon:first-child {
          display: none;
        }
      }

      .button-submit,
      .button-confirm {
        background: #222 url(https://osakakango-b3rh.movabletype.biz/assets/img/icn_arrow3.png) no-repeat 16px 50%;
        background-size: 11px 18px;
        color: #fff;
      }

      .button-back {
        background: url(https://osakakango-b3rh.movabletype.biz/assets/img/icn_back.png) no-repeat 16px 50%;
        background-size: 11px 18px;
      }

      .message-block-complete {
        font-size: clamp(1.4rem, 1.15rem + 0.5vw, 1.6rem);
        line-height: 1.8;
        text-align: center;
      }

      /* ここまでMT iframe用css */

      /* ここから遷移時のスペース調整 */
#container	{
	@media (730px <= width) {
		padding-top: min(7.2222222222vw, 104px);
	}
	
	@media (width <= 729px) {
		padding-top: 16vw;
	}
}
      /* ここまで遷移時のスペース調整 */