@charset "UTF-8";
@media screen and (min-width: 768px),print {
.form-bg-box{
    background-color: #FDFAF1;
    padding-top: 1px;
    padding-bottom: 130px;
}

#contact {max-width: 1920px;width: 100%; margin: 0 auto;}


/* ==========================================================================================================
  contact01
=========================================================================================================== */
#contact01 {margin-top: 203px;margin-bottom: 137px;}
#contact01 .inner {width: 1100px;margin: 0 auto;}
#contact01 .contact01-bg {background: url(../images/contact/contact-bg01.png) no-repeat top center;height: 369px;position: relative;padding-top: 58px;}
#contact01 h2 {text-align: center;position: absolute;top: -111px;left: 50%;transform: translateX(-50%);}
#contact01 .text01 {font-size: 22px;font-weight: bold;letter-spacing: 0.1em;line-height: 36px;text-align: center;}
#contact01 .text02 {font-size: 36px;font-weight: bold;line-height: 69px;position: absolute;top: 148px;right: 50px;}
#contact01 .text02 span {background: #fff;color: #000;padding: 8px 20px;line-height: 1.5;-webkit-box-decoration-break: clone;}

/* ==========================================================================================================
  contact02
=========================================================================================================== */
#contact02 {background: #F5F0DF;padding-top: 74px;padding-bottom: 97px;}
#contact02 .inner {width: 1100px;margin: 0 auto;}
#contact02 .text01 {font-size: 30px;font-weight: bold;line-height: 48px;text-align: center;position: relative;margin-bottom: 128px;}
#contact02 .text01::after {content: '';background: #FFD265;width: 100px;height: 2px;position: absolute;bottom: -21px;left: 50%;transform: translateX(-50%);}
#contact02 ul {display: flex;gap: 79px;}
#contact02 li {background: #fff;width: 314px;padding: 68px 20px 20px;position: relative;}
#contact02 li:nth-child(1)::after,
#contact02 li:nth-child(2)::after {content: '';background: url(../images/contact/next.png) no-repeat top center;position: absolute;top: 146px;right: -56px;width: 27px;height: 27px;}
#contact02 li figure {position: absolute;position: absolute; top: -50px; left: 50%; transform: translateX(-50%);}
#contact02 li .text02 {font-weight: bold;line-height: 28px;text-align: center;margin-bottom: 15px;}
#contact02 li .step {text-align: center;}

/* ==========================================================================================================
  con03
=========================================================================================================== */
#con03 {background: url(../images/contact/contact-bg02.png) no-repeat top center;height: 399px;padding-top: 59px;}
#con03 .inner {width: 1100px;margin: 0 auto;}
#con03 .text01 {font-size: 30px;font-weight: bold;line-height: 48px;margin-bottom: 52px;position: relative;text-align: center;}
#con03 .text01::after {content: '';position: absolute;bottom: -22px;left: 50%;transform: translateX(-50%);background: #fff;width: 100px;height: 2px;}
#con03 .tel {}



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

  /* ==========================================================================================================
sp  contact01
=========================================================================================================== */
#contact01 {margin-top: 27.778vw;margin-bottom: 17.633vw;}
#contact01 .inner {padding: 0 2.899vw;}
#contact01 .contact01-bg {background: url(../images/contact/sp-contact-bg01.png) no-repeat top center;background-size: 100% auto;height: 58.696vw;position: relative;padding-top: 7.729vw;}
#contact01 h2 {text-align: center;position: absolute;top: -14.976vw;left: 50%;transform: translateX(-50%);width: 84.783vw;}
#contact01 .text01 {font-size: 3.382vw;font-weight: bold;letter-spacing: 0.1em;line-height: 5.314vw;text-align: center;}
#contact01 .text02 {font-size: 5.314vw;font-weight: bold;line-height: 9.903vw;position: absolute;top: 18.357vw;left: 6.763vw;}
#contact01 .text03 {background: #fff;color: #000;font-size: 5.314vw;font-weight: bold;letter-spacing: -0.0em;line-height: 8.454vw;position: absolute;top: 17.874vw;left: 6.763vw;padding: 0px 2.415vw 0px 2.657vw;}
#contact01 .text03:nth-child(1) {margin-bottom: 1.691vw;}
#contact01 .text03:nth-child(2) {margin-bottom: 1.691vw;top: 27.778vw;}
#contact01 .text03:nth-child(3) {top: 37.44vw;}

/* ==========================================================================================================
sp  contact02
=========================================================================================================== */
#contact02 {background: #F5F0DF;padding-top: 7.971vw;padding-bottom: 12.077vw;}
#contact02 .inner {padding: 0 12.077vw;}
#contact02 .text01 {font-size: 4.348vw;font-weight: bold;line-height: 7.005vw;text-align: center;position: relative;margin-bottom: 24.155vw;}
#contact02 .text01::after {content: '';background: #FFD265;width: 17.391vw;height: 0.483vw;position: absolute;bottom: -3.382vw;left: 50%;transform: translateX(-50%);}
#contact02 ul {display: grid;gap: 28.986vw;}
#contact02 li {background: #fff;width: 75.845vw;padding: 14.976vw 5% 5%;position: relative;}
#contact02 li:nth-child(1)::after,
#contact02 li:nth-child(2)::after {content: '';background: url(../images/contact/sp-next.png) no-repeat top center;background-size: 100% auto;position: absolute;bottom: -12.077vw;right: 34.541vw;width: 6.522vw;height: 6.522vw;}
#contact02 li figure {position: absolute;top: -13.043vw;left: 50%;transform: translateX(-50%);width: 24.155vw;height: 24.155vw;}
#contact02 li .text02 {font-weight: bold;line-height: 6.763vw;text-align: center;margin-bottom: 2.899vw;}
#contact02 li .step {margin: 0 auto;}
#contact02 li .step01 {width: 100%;}
#contact02 li .step02 {width: 100%;}
#contact02 li .step03 {width: 100%;}


/* ==========================================================================================================
sp  con03
=========================================================================================================== */
#con03 {background: url(../images/contact/sp-contact-bg02.png) no-repeat top center;background-size: 100% auto;padding-top: 8.937vw;height: 64.734vw;}
#con03 .inner {}
#con03 .text01 {font-size: 4.348vw;font-weight: bold;line-height: 7.005vw;margin-bottom: 11.111vw;position: relative;text-align: center;}
#con03 .text01::after {content: '';position: absolute;bottom: -3.14vw;left: 50%;transform: translateX(-50%);background: #fff;width: 17.391vw;height: 0.483vw;}
#con03 .tel {width: 83.575vw;margin: 0 auto;}



}