@charset "utf-8";
/* CSS Document */
/* gform.css */

html , body {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}


.gform {
  font-size: clamp(14px,calc(28 / 750 * 100vw),28px);
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  color:#303030;
  line-height:1.5em;
}
@media screen and (min-width:750px){
  .gform {
    max-width: 750px;
    margin: 0 auto;
  }
}
.gform a{
  color: inherit;
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
}
.gform a:hover {
  text-decoration: underline;
}
.gform span {
  font-size: inherit;
  font-weight: inherit;
}
.gform img {
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: bottom;
}
.gform img.img-t {
  vertical-align: top;
}
/* cart css reset */





.gform {
  /*   margin: 2em auto; */
  max-width: 750px;
  width: calc(750 / 750 * 100%);
  background: #f2f2f2;

  font-family: var(--font);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

  --c-01: #ccc;
  --c-02: #f6ff20;
  --c-att: #f00;
  --c-att2: #f7bbbb;
  --font: "Noto Sans JP", serif;
}

.gform__box {
  padding: 1em;
}
.gform__title {
  background: #f8b7c7;
  color: #fff;
}
.gform__label span {
  color: #544e4b;
}
.gform__title h2 {
  text-align: center;
  font-weight: 500;
  margin: 0;
  padding: .5em 0;
}
.gform__information {
  margin: 2em auto;
}

.gform__item {
  display: block;
}
.gform__item + .gform__item {
  margin-top: 1em;
} 

.gform__label {
  box-sizing: border-box;
  display: block;
  padding: .3em 0;
}
.gform__text {
  box-sizing: border-box;
  display: block;
  padding: 0;
}
.gform__text small {
  display: block;
  font-size: .8em;
  line-height: 1.4em;
  margin: .5em auto;
}
.gform__item .gform__name_box {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.gform__item .gform__name_box input {
  width: 100%;
  display: inline-block;

}
.gform__item .gform__name_box input:first-child {
  margin-right: 2em;
}
.gform__input {
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 1em;
  line-height: 1.5em;
  background: #fff;
  border: 1px solid var(--c-01);
  border-radius: .5em;
  font-family: var(--font);
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  font-size: .5em;
}
.gform__error {
  box-sizing: border-box;
  margin: 0;
  padding: 0 0.5em;
  display: block;
}
.gform__error {
  color: var(--c-att);
}
.gform__item--error input,
.gform__item--error textarea {
  background-color: var(--c-att2);
}

.gform--confirm input[readonly],
.gform--confirm textarea[readonly] {
  border: none;
  /*! background: none; */
}
.gform--confirm .gform__text {
  position: relative;
  /*! background: #fff; */
}
.gform--confirm .gform__text:before {
  content: "";
  display: block;
  z-index: 99;
  background-color: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* 疑似select */
.gform__input--select {
  cursor: pointer;
  background-image: url(./ic_ar_v.svg);
  background-repeat: no-repeat;
  -webkit-background-size: 1em auto;
  background-size: 1em auto;
  background-position: calc(100% - .5em) 50%;
}
.gform__select {
  border: 1px solid #ccc;
  border-top: none;
  font-size: 0.92em;
}
.gform__select label:first-child span {
  border-bottom: 1px solid #bcbcbc;
}
.gform__select__item input {
  display: none;
}
.gform__select__item span {
  display: block;
  cursor: pointer;
  box-sizing: border-box;
  padding: .5em;
  font-size: .92em;
  color: #544e4b;
}
.gform__select__item span:hover ,
.gform__select__item input:checked + span {
  background: var(--c-01);
}

/* gform__checkbox__item */
.gform__checkbox__item {
  display: inline-block;
  margin-right: 1em;
  cursor: pointer;
}



.gform__btn {
  text-align: center;
  margin: 2em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}

.gform__btnitem {
  display: block;
/*! padding: .8em 2em; */ /*! border-radius: .5em; */ /*! background:var(--c-01); */ /*! cursor: pointer; */ /*! box-shadow: 3px 3px 0px rgba(0,0,0,0.5); */ /*! transform: translate3d(0,0,0); */ /*! transition: all .3s ease; */
  /*! margin: 0 1em; */
}
.gform__btnitem:hover {
  box-shadow: 0px 0px 0px rgba(0,0,0,0.5);
  transform: translate3d(3px,3px,0);
}


.gform__item--req .gform__label:after{
  content: "必須";
  color: #fff;
  background: #f575a8;
  font-size: .6em;
  padding: .1em .3em .2em .2em;
  position: relative;
  bottom: .2em;
  margin-left: .5em;
}

.checkbox__precautions {
  margin: 2em auto;
}
.checkbox__precautions__box {
  background: #fff;
  padding: 1em 1em;
}
.checkbox__precautions__box .checkbox__precautions__box__titl {
  display: block;
  text-align: center;
  color: #fff;
  background: #444444;
  width: 50%;
  margin: .5em auto 0;
  padding: .2em 0;
  font-size: 1em;
}
.checkbox__precautions__box .checkbox__precautions__box__text {
  margin-bottom: 1em;
  padding-bottom: 1em;
  font-size: 1em;
  border-bottom: 1px solid #444444;
}
.gform .checkbox__precautions__box label {
  color: #444444;
  display: block;
  font-size: .8em;
  letter-spacing: .05em;
  text-align: justify;
  margin-bottom: 1em;
  line-height: 1.3em;
  text-indent: -2.4em;
  padding-left: 2.4em;
}

.gform .checkbox__precautions__box input[type="checkbox"],
.gform .checkbox__precautions__check input[type="checkbox"]{
  position: relative;
  /*   width: 5%;
  height: 1em; */
}
.gform .checkbox__precautions__check {
  margin: 2em auto;
  font-size: .9em;
  width: 68%;
  text-indent: -1.8em;
  padding-left: 1.8em;
}

.kakunin {
  margin-top: 3em;
  border: 1px solid #f575a8;
  background: #fff;
  text-align: center;
}
.kakunin .kakunin__pink {
  color: #f575a8;
  font-weight: bold;
  line-height: 2em;
}
.kakunin .kakunin__pink_thx {
  font-size: 1.5em;
  color: #f575a8;
  font-weight: bold;
  line-height: .5em;
  margin: 1em auto;
}
.kakunin .kakunin__pink span {
   border-bottom: 2px solid #f575a8;
}
.kakunin .kakunin__pink__text {
  font-size: 0.9em;
  color: #544e4b;
  margin: 0 auto 1.5em;
}
.kakunin__text {
  text-align: center;
  font-size: .8em;
  color: #544e4b;
}
.back_btn {
  width: 60%;
  text-align: center;
  margin: 3em auto;
}
@media screen and (min-width: 751px) {
  .gform .checkbox__precautions .checkbox__precautions__box label {
    text-indent: -1.3em;
    padding-left: 1.3em;
  }
  .gform .checkbox__precautions .checkbox__precautions__check label {
    text-indent: -.7em;
    padding-left: .7em;
  }

  /*   .gform {
  padding: 50px;
} */
  /*   .gform__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
} */
  .gform__label {
    display: block;
    width: 100%;
  }
  .gform__text {
    display: block;
    width: 100%;
  }

}