/*===========================================================
          page_view_container
  ===========================================================*/
/* #region */
.page_view_container h1{background:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,.6)100%),url(/images/contact_photo_1.webp) no-repeat center / cover;}
/* #endregion */
/*===========================================================
          contact_flow_container
  ===========================================================*/
/* #region */
.contact_flow_container{counter-reset:num;position:relative;display:flex;justify-content:space-between;width:88vw;margin:var(--spaceLarge) auto 0;font-size:var(--IBMPFsSmall);color:var(--textGray);}
.contact_flow_container::before,
.contact_flow_container::after{content:"";position:absolute;display:block;background:var(--lineGray);width:22vw;height:1px;}
.contact_flow_container::before{inset:2.5vw auto auto 17vw;}
.contact_flow_container::after{inset:2.5vw 17vw auto auto;}
.contact_flow_container li{width:25vw;text-align:center;}
.contact_flow_container li::before{counter-increment:num;content:"0"counter(num);display:block;padding-bottom:3vw;font-family:var(--RiftSoft);font-size:var(--RiftFsMedium);}
/* ------ on ------ */
.contact_flow_container .on{color:var(--textYellow);}
/* #endregion */
/*===========================================================
          form
  ===========================================================*/
/* #region */
form{background:var(--bgWhite);width:88vw;margin:var(--spaceMedium) auto 0;padding:var(--spaceMedium) var(--spaceNM);border-radius:0 var(--braMedium) 0 var(--braMedium);}
form dt{padding-top:var(--spaceNM);border-top:var(--lineGray) solid 1px;line-height:var(--lhMedium);}
form dd{padding:4vw 0 var(--spaceNM);}
/* ------ form input ------ */
form.input dt.required > span:nth-of-type(1)::after{content:"*";display:inline-block;margin-left:1vw;color:#c90000;}
form.input dt > [class*='_error']{display:block;margin-top:4vw;font-size:var(--IBMPFsSmall);color:#c90000;}
form.input dd input,
form.input dd select,
form.input dd textarea{background:var(--bgGray);width:100%;height:100%;padding:4vw 2vw;font-family:var(--IBMPlexSans400_h);font-size:var(--IBMPFsNormal);line-height:var(--lhMedium);border-radius:var(--braSmall);}
form.input dd select{appearance:none;border:none;outline:none;}
form.input dd textarea{height:50vw;}
form.input dd:nth-of-type(3)::after{content:"※ 園名・企業名・団体名など";display:block;margin-top:4vw;font-size:var(--IBMPFsSmall);color:var(--textGray);}
form.input dd:nth-of-type(5){position:relative;}
form.input dd:nth-of-type(5)::before{content:"";position:absolute;inset:0 3vw 0 auto;display:block;background:url(/images/btn_2.webp) no-repeat center / contain;width:2vw;height:2vw;margin:auto 0;}
/* ------ form output ------ */
form.output dd > span{display:flex;align-items:center;display:block;background:var(--bgGray);width:100%;height:100%;min-height:calc((8vw) + 1.1rem);padding:4vw 2vw;line-height:var(--lhMedium);border-radius:var(--braSmall);overflow:scroll;scrollbar-width:none;-ms-overflow-style:none;}
form.output dd > span::-webkit-scrollbar{display:none;}
form.output dd:last-of-type > span{align-items:flex-start;height:50vw;}
/* ------ form_btn ------ */
.form_btn input{background:transparent;width:100%;max-width:88vw;margin:var(--spaceNormal) auto 0;padding:5vw 0;text-align:center; border:var(--lineBlack) solid 1px;border-radius:9999px;}
/* #endregion */
/*===========================================================
          thanks_container
  ===========================================================*/
/* #region */
.thanks_container{background:var(--bgWhite);width:88vw;margin:var(--spaceMedium) auto 0;padding:var(--spaceMedium) var(--spaceNM);border-radius:0 var(--braMedium) 0 var(--braMedium);}
.thanks_container h2{font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsLarge);line-height:var(--lhMedium);}
.thanks_container h2::before{content:"";display:block;background:url(/images/check_icon_1.webp) no-repeat center / contain;width:10vw;height:10vw;margin:0 auto 5vw;}
.thanks_container p{margin-top:var(--spaceNM);color:var(--textGray);line-height:var(--lhHuge);}
/* ------ info ------ */
.info{margin-top:var(--spaceMedium);line-height:var(--lhLarge);}
.info img{width:42vw;}
/* ------ info_list ------ */
.info_list{display:flex;flex-wrap:wrap;margin-top:var(--spaceNormal);}
.info_list dt::after{content:"：";}
.info_list dd{width:50vw;}
/* #endregion */


@media(min-width:768px){
/*===========================================================
          contact_flow_container
  ===========================================================*/
/* #region */
.contact_flow_container{width:60vw;}
.contact_flow_container::before,
.contact_flow_container::after{width:16.5vw;}
.contact_flow_container::before{inset:1.7vw auto auto 10.5vw;}
.contact_flow_container::after{inset:1.7vw 10.5vw auto auto;}
.contact_flow_container li{width:15vw;}
.contact_flow_container li::before{padding-bottom:2vw;}
/* #endregion */
/*===========================================================
          form
  ===========================================================*/
/* #region */
form{width:90vw;margin:var(--spaceNM) auto 0;}
form dt{padding-top:var(--spaceNormal);}
form dd{padding:2vw 0 var(--spaceNM);}
/* ------ form input ------ */
form.input dt.required > span:nth-of-type(1)::after{margin-left:.7vw;}
form.input dt > [class*='_error']{margin-top:2vw;}
form.input dd input,
form.input dd select,
form.input dd textarea{padding:2.5vw 1.5vw;}
form.input dd textarea{height:30vw;}
form.input dd:nth-of-type(3)::after{margin-top:2vw;}
form.input dd:nth-of-type(5)::before{inset:0 2vw 0 auto;width:1.2vw;height:1.2vw;}
/* ------ form output ------ */
form.output dd > span{min-height:calc((5vw) + 1.1rem);padding:2.5vw 1.5vw;}
form.output dd:last-of-type > span{height:30vw;}
/* ------ form_btn ------ */
.form_btn{display:flex;gap:4vw;justify-content:center;margin-top:var(--spaceMini);}
.form_btn input{width:35vw;max-width:50vw;margin:0;padding:2.7vw 0;}
/* #endregion */
/*===========================================================
          thanks_container
  ===========================================================*/
/* #region */
.thanks_container{width:90vw;margin:var(--spaceNM) auto 0;padding:var(--spaceMedium) var(--spaceLarge);}
.thanks_container h2{text-align:center;}
.thanks_container h2::before{width:7vw;height:7vw;margin:0 auto 3vw;}
/* ------ info ------ */
.info img{width:28vw;}
/* ------ info_list ------ */
.info_list dd{width:50vw;}
/* #endregion */
}


@media(min-width:1025px){
/*===========================================================
          contact_flow_container
  ===========================================================*/
/* #region */
.contact_flow_container{width:36vw;}
.contact_flow_container::before,
.contact_flow_container::after{width:9vw;}
.contact_flow_container::before{inset:.7vw auto auto 7.5vw;}
.contact_flow_container::after{inset:.7vw 7.5vw auto auto;}
.contact_flow_container li{width:15vw;}
.contact_flow_container li::before{padding-bottom:1vw;}
/* #endregion */
/*===========================================================
          form
  ===========================================================*/
/* #region */
form{width:72vw;margin:var(--spaceNormal) auto 0;}
form dl{display:flex;flex-wrap:wrap;}
form dt{display:flex;align-items:center;width:14vw;padding:0;}
form dt:last-of-type{align-items:flex-start;padding-top:3.2vw;}
form dd{display:flex;align-items:center;width:48vw;padding:var(--spaceTiny) 0;border-top:var(--lineGray) solid 1px;}
/* ------ form input ------ */
form.input dt.required{position:relative;}
form.input dt.required > span:nth-of-type(1)::after{margin-left:.3vw;}
form.input dt > [class*='_error']{position:absolute;inset:5vw auto auto 0;margin-top:0;}
form.input dd input,
form.input dd select,
form.input dd textarea{padding:1.2vw .8vw;}
form.input dd input,
form.input dd select{width:26vw;}
form.input dd select{cursor:pointer;}
form.input dd textarea{height:16vw;}
form.input dd:nth-of-type(3)::after{margin:0 0 0 2vw;}
form.input dd:nth-of-type(5)::before{inset:0 23vw 0 auto;width:.6vw;height:.6vw;}
/* ------ form output ------ */
form.output dd > span{width:26vw;min-height:calc((2.4vw) + 1.1rem);padding:1.2vw .8vw;}
form.output dd:last-of-type > span{width:100%;height:16vw;}
/* ------ form_btn ------ */
.form_btn{gap:2.5vw;margin-top:var(--spaceNormal);}
.form_btn input{width:24vw;padding:1.45vw 0;transition:background .5s linear,color .5s linear;cursor:pointer;}
/* ------ hover ------ */
.form_btn input:hover{background:var(--bgYellow);animation:boundbtn 1s 0s ease forwards;}
/* #endregion */
/*===========================================================
          thanks_container
  ===========================================================*/
/* #region */
.thanks_container{width:72vw;margin:var(--spaceNormal) auto 0;padding:var(--spaceMedium) calc(var(--spaceBigger) + 2vw);}
.thanks_container h2::before{width:3vw;height:3vw;margin:0 auto 1.5vw;}
.thanks_container p{margin-top:var(--spaceNormal);}
/* ------ info ------ */
.info{margin-top:var(--spaceNM);}
.info img{width:11vw;}
/* ------ info_list ------ */
.info_list{margin-top:var(--spaceTiny);}
.info_list dd{width:35vw;}
/* #endregion */
}