/* 自動で作った物＝tools/scope-css.py（親 gardenconnect の style.css を .gc-legacy の中だけに効かせる）。手で直さない */
.gc-legacy *,.gc-legacy,.gc-legacy{margin: 0;
    padding: 0;}
.gc-legacy *:focus{outline: none;}
.gc-legacy *,.gc-legacy :after,.gc-legacy :before{background-repeat: no-repeat;
      box-sizing: inherit;}
.gc-legacy :after,.gc-legacy :before{text-decoration: inherit;
      vertical-align: inherit;}
.gc-legacy main{display: block;
    width: 100%;}
.gc-legacy hr{box-sizing: content-box;
    height: 0;
    overflow: visible;}
.gc-legacy pre{font-size: 1em;}
.gc-legacy a{background-color: transparent;}
.gc-legacy abbr[title]{border-bottom: none;}
.gc-legacy b,.gc-legacy strong{font-weight: bold;}
.gc-legacy code,.gc-legacy kbd,.gc-legacy samp{font-size: 1em;}
.gc-legacy small{font-size: 80%;}
.gc-legacy sub,.gc-legacy sup{font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;}
.gc-legacy sub{bottom: -0.25em;}
.gc-legacy sup{top: -0.5em;}
.gc-legacy img{border-style: none;}
.gc-legacy button,.gc-legacy input,.gc-legacy optgroup,.gc-legacy select,.gc-legacy textarea{font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;}
.gc-legacy button,.gc-legacy input{overflow: visible;}
.gc-legacy button,.gc-legacy select{text-transform: none;}
.gc-legacy button,.gc-legacy [type="button"],.gc-legacy [type="reset"],.gc-legacy [type="submit"]{-webkit-appearance: button;
    appearance: button;}
.gc-legacy button::-moz-focus-inner,.gc-legacy [type="button"]::-moz-focus-inner,.gc-legacy [type="reset"]::-moz-focus-inner,.gc-legacy [type="submit"]::-moz-focus-inner{border-style: none;
    padding: 0;}
.gc-legacy button:-moz-focusring,.gc-legacy [type="button"]:-moz-focusring,.gc-legacy [type="reset"]:-moz-focusring,.gc-legacy [type="submit"]:-moz-focusring{outline: none;}
.gc-legacy fieldset{border: none;}
.gc-legacy legend{box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;}
.gc-legacy progress{vertical-align: baseline;}
.gc-legacy textarea{overflow: auto;}
.gc-legacy [type="checkbox"],.gc-legacy [type="radio"]{box-sizing: border-box;
    padding: 0;}
.gc-legacy [type="number"]::-webkit-inner-spin-button,.gc-legacy [type="number"]::-webkit-outer-spin-button{height: auto;}
.gc-legacy [type="search"]{-webkit-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px;}
.gc-legacy [type="search"]::-webkit-search-decoration{-webkit-appearance: none;
    appearance: none;}
.gc-legacy ::-webkit-file-upload-button{-webkit-appearance: button;
    appearance: button;
    font: inherit;}
.gc-legacy details{display: block;}
.gc-legacy summary{display: list-item;}
.gc-legacy template{display: none;}
.gc-legacy [hidden]{display: none;}
.gc-legacy *,.gc-legacy *::before,.gc-legacy *::after{box-sizing: inherit;}
.gc-legacy{box-sizing: border-box;}
.gc-legacy button,.gc-legacy input,.gc-legacy select,.gc-legacy optgroup,.gc-legacy textarea{line-height: 1.5;}
.gc-legacy button,.gc-legacy input[type="button"],.gc-legacy input[type="reset"],.gc-legacy input[type="submit"]{border: inherit;}
.gc-legacy button:hover,.gc-legacy input[type="button"]:hover,.gc-legacy input[type="reset"]:hover,.gc-legacy input[type="submit"]:hover{border: none;}
.gc-legacy button:active,.gc-legacy button:focus,.gc-legacy input[type="button"]:active,.gc-legacy input[type="button"]:focus,.gc-legacy input[type="reset"]:active,.gc-legacy input[type="reset"]:focus,.gc-legacy input[type="submit"]:active,.gc-legacy input[type="submit"]:focus{border:none;}
.gc-legacy input[type="text"],.gc-legacy input[type="email"],.gc-legacy input[type="url"],.gc-legacy input[type="password"],.gc-legacy input[type="search"],.gc-legacy input[type="number"],.gc-legacy input[type="tel"],.gc-legacy input[type="range"],.gc-legacy input[type="date"],.gc-legacy input[type="month"],.gc-legacy input[type="week"],.gc-legacy input[type="time"],.gc-legacy input[type="datetime"],.gc-legacy input[type="datetime-local"],.gc-legacy input[type="color"],.gc-legacy textarea{-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;}
.gc-legacy input[type="text"]:focus,.gc-legacy input[type="email"]:focus,.gc-legacy input[type="url"]:focus,.gc-legacy input[type="password"]:focus,.gc-legacy input[type="search"]:focus,.gc-legacy input[type="number"]:focus,.gc-legacy input[type="tel"]:focus,.gc-legacy input[type="range"]:focus,.gc-legacy input[type="date"]:focus,.gc-legacy input[type="month"]:focus,.gc-legacy input[type="week"]:focus,.gc-legacy input[type="time"]:focus,.gc-legacy input[type="datetime"]:focus,.gc-legacy input[type="datetime-local"]:focus,.gc-legacy input[type="color"]:focus,.gc-legacy textarea:focus{outline:none;}
.gc-legacy textarea{width: 100%;}
.gc-legacy select{text-transform: none; 
      background-color: transparent;
      border-style: none;
      color: inherit;  
      -moz-appearance: none; 
      -webkit-appearance: none; 
      appearance: none;}
.gc-legacy select::-ms-expand{display: none;}
.gc-legacy select::-ms-value{color: currentColor;}
.gc-legacy{box-sizing: border-box;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;}
.gc-legacy h1,.gc-legacy h2,.gc-legacy h3,.gc-legacy h4,.gc-legacy h5,.gc-legacy h6,.gc-legacy p{margin: 0;
    padding: 0;}
.gc-legacy dfn,.gc-legacy cite,.gc-legacy em,.gc-legacy i{font-style: inherit;}
.gc-legacy blockquote{margin: 0;}
.gc-legacy address{margin: 0;
    font-style: normal;}
.gc-legacy pre{line-height: 1.5;
    max-width: 100%;
    overflow: auto;}
.gc-legacy abbr,.gc-legacy acronym{border-bottom: 1px dotted #666;
    cursor: help;}
.gc-legacy mark,.gc-legacy ins{text-decoration: none;}
.gc-legacy mark{background: #FEE400;}
.gc-legacy big{font-size: 125%;}
.gc-legacy hr{background-color: #ccc;
    border: 0;
    height: 1px;}
.gc-legacy blockquote:before,.gc-legacy blockquote:after,.gc-legacy q:before,.gc-legacy q:after{content: '';
    content: none;}
.gc-legacy table{width: 100%;
    border-collapse: collapse;
    border-spacing: 0;}
.gc-legacy ul{list-style-type: none;
    margin: 0;
    padding: 0;}
.gc-legacy blockquote,.gc-legacy q{quotes: none;}
.gc-legacy dl,.gc-legacy dt,.gc-legacy dd{width:100%;
    margin: 0;
    padding: 0;
    margin-inline-start: 0;}
.gc-legacy embed,.gc-legacy iframe,.gc-legacy object{max-width: 100%;}
.gc-legacy img{height: auto;
    max-width: 100%;}
.gc-legacy figure{margin:0;}
.gc-legacy a{text-decoration: none;}
.gc-legacy a:focus{outline: 0;}
.gc-legacy a:hover,.gc-legacy a:active{outline: 0;}
.gc-legacy{--font-color:#333333;
    --white:#FFFFFF;
    --gold:#9F9750;}
.gc-legacy{--gothic:"游ゴシック体", "游ゴシック", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    --yumincho:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS P	Mincho","Times New Roman", serif;
    --futura: Futura, Futura-Medium, "Futura Medium", 'Josefin Sans', sans-serif, "Century Gothic", CenturyGothic, "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde";
    --hiragino : Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3";   
    --noto-sans: NotoSansJP, 'Noto Sans JP', sans-serif ; 
    --noto-serif: NotoSerifJP, 'Noto Serif JP', serif;
    --cormorant-garmond: 'Cormorant Garamond', serif;}
.gc-legacy{-ms-touch-action: manipulation;	
    touch-action: manipulation;}
.gc-legacy{font-family:var(--gothic);
    font-size: 16px;
    line-height:1.8;
    font-weight:400;
    color: var(--font-color);
    background:#FFFFFF;
    overflow: hidden;}
@media screen and (min-width:0px){.gc-legacy .container{display: block;
    width: 100%;
    padding: 0 20px;}
.gc-legacy .row{display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px;}
.gc-legacy .main{display: block;
    width: 100%;}

}
@media screen and (max-width:767px){.gc-legacy .container{max-width: 440px;
    width: 100%;
    margin: 0 auto;}

  
}
@media screen and (min-width: 768px) and (max-width:1024px){.gc-legacy .container{max-width: 768px;
    margin: 0 auto;}

   
}
@media screen and (min-width: 1025px){.gc-legacy .container{max-width: 1306px;
    margin: 0 auto;}

}
@media screen and (max-width:1024px){.gc-legacy .site-header{position: relative;
    z-index: 998;
    display: block;
    width: 100%;
    height: 70px;
    padding: 10px 20px 0 20px;
    background: var(--white);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);}
.gc-legacy .site-header.absolute{position: absolute;
    top: 0;
    left: 0;}
.gc-legacy .site-header__headline{display: -webkit-box;
    width: calc(100% - 30px);
    font-size: 10px;
    line-height: 1.3;
    color: #888888;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-weight: 500;
    padding-right: 30px;}
.gc-legacy .site-navigation{display: block;
    width: 100%;}
.gc-legacy .site-navigation__inner{display: flex;
    justify-content: space-between;
    text-align: center;
    width: 100%;}
.gc-legacy .site-header__logo{display: block;
    width: 282px;
    margin-top: 10px;}
.gc-legacy .site-header__logo > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .site-navigation__desktop{display: none;}
.gc-legacy .navbar-toggle{position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    display: flex;
    flex-direction: column;
    width: 54px;
    height: 54px;
    padding: 8px 8px 0 8px;
    background: var(--white);}
.gc-legacy .navbar-toggle > div{display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 29px;}
.gc-legacy .navbar-toggle > div > span{display: block;
    width: 100%;
    height: 1px;
    background: var(--font-color);}
.gc-legacy .navbar-toggle > i{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 17px;
    font-size: 11px;
    line-height: 1;
    margin-top: 5px;
    color: var(--font-color);
    font-family: var(--yumincho);
    font-weight: 800;}
.gc-legacy .navbar-toggle.active > div{position: relative;}
.gc-legacy .navbar-toggle.active > div > span{position: absolute;
    top: 0;}
.gc-legacy .navbar-toggle.active > div > span:nth-child(1){left: 0px;
    width: calc(100% + 7px);
    transform: rotate(35deg);
    transform-origin: left top;}
.gc-legacy .navbar-toggle.active > div > span:nth-child(3){width: calc(100% + 7px);
    transform: rotate(-35deg);
    transform-origin: right bottom;
    right: 0px;}
.gc-legacy .navbar-toggle.active > div > span:nth-child(2){display: none;}
.gc-legacy .site-navigation__mobile{position: fixed;
    top: 0;
    left: 0;
    z-index: 997;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    transform: translateY(-100%);
    transition: transform 0.2s ease;}
.gc-legacy .site-navigation__mobile.active{transform: translateY(0);}
.gc-legacy .site-navigation__mobile-inner{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 70px;
    overflow-y: scroll;
    background: var(--white);
    padding-bottom: 50px;}
.gc-legacy .site-navigation__mobile-inner > .nav-wrap{display: block;
    width: 100%;}
.gc-legacy .site-navigation__mobile-inner  > .nav-wrap > li{display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0 40px 0 40px;}
.gc-legacy .site-navigation__mobile-inner  > .nav-wrap > li:not(:last-child){border-bottom: 1px solid rgba(0,0,0,0.3);}
.gc-legacy .site-navigation__mobile-inner  > .nav-wrap.bottom-bdr{border-bottom: 1px solid rgba(0,0,0,0.3);}
.gc-legacy .site-navigation__mobile-inner  > .nav-wrap > li > a{font-size: 13px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--font-color);}
.gc-legacy .nav-wrap__title{display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    background: #626E79;
    color: var(--white);
    font-size: 16px;
    font-weight: 800;
    line-height: 40px;
    font-family: var(--yumincho);
    padding-left: 20px;}
.gc-legacy .site-navigation__mobile-inner > .nav-wrap-btm{display: block;
    width: 100%;
    margin-top: 5px;}
.gc-legacy .site-navigation__mobile-inner  > .nav-wrap-btm > li{display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 0 40px 0 40px;}
.gc-legacy .site-navigation__mobile-inner  > .nav-wrap-btm > li > a{position: relative;
    font-size: 13px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--font-color);
    padding-left: 20px;}
.gc-legacy .site-navigation__mobile-inner  > .nav-wrap-btm > li > a::before{content: ">";
    position: absolute;
    top: 0;
    left: 0;}

}
@media screen and (max-width:359px){.gc-legacy .site-header__logo{display: block;
    width: 242px;
    margin-top: 10px;}

}
@media screen and (min-width:1025px){.gc-legacy .site-header{display: block;
    width: 100%;
    height: 100px;
    padding: 15px 60px;
    background: var(--white);}
.gc-legacy .site-header.absolute{position: absolute;
    top: 0;}
.gc-legacy .site-header__headline{display: -webkit-box;
    width: 100%;
    font-size: 14px;
    line-height: 1.7;
    color: #888888;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-weight: 500;}
.gc-legacy .site-navigation{display: block;
    width: 100%;
    margin-top: 5px;}
@keyframes stickyslideDown{
    0% {
      transform: translateY(-100%);
      visibility: visible;
    }
    100% {
      transform: translateY(0);
    }
  }
.gc-legacy .site-navigation.sticky{position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    height: 60px;
    background: #F7F5F4;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    animation-name: stickyslideDown;
    animation-duration: 0.3s;
    animation-fill-mode: both; 
    z-index: 999;
    margin-top: 0;
    padding: 0 60px;}
.gc-legacy .site-navigation__inner{display: flex;
    justify-content: space-between;
    text-align: center;
    width: 100%;}
.gc-legacy .navbar-toggle{display: none;}
.gc-legacy .site-header__logo{display: block;
    width: 344px;}
.gc-legacy .site-header__logo > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .site-header__logo:hover{transition: opacity 0.3s ease;
    opacity: 0.7;}
.gc-legacy .site-navigation__desktop{display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    max-width: 950px;
    width: calc(100% - 315px - 20px);}
.gc-legacy .site-navigation__desktop > li{display: block;
    width: 20%;}
.gc-legacy .site-navigation__desktop > li > a{position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    list-style: 1.7;
    color: var(--font-color);
    font-family: var(--yumincho);
    padding: 0 0 10px 0;}
.gc-legacy .site-navigation__desktop > li > a.current{color: var(--gold);}
.gc-legacy .site-navigation__desktop > li > a::after{content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 0;
    height: 2px;
    background: var(--gold);}
.gc-legacy .site-navigation__desktop > li > a:hover::after{transition: width 0.3s ease;
    width: 100%;}
.gc-legacy .site-navigation__mobile{display: none;}

}
@media screen and (min-width:1025px) and (max-width:1219px){.gc-legacy .site-header{padding: 15px 30px;}
.gc-legacy .site-header__logo{width: 215px;}
.gc-legacy .site-navigation__desktop{width: calc(100% - 215px - 20px);}
.gc-legacy .site-navigation__desktop > li > a{font-size: 15px;}

}
@media screen and (max-width:767px){.gc-legacy .footer-banner-wrap{display: block;
    width: 100%;
    padding: 100px 0 80px 0;
    background: var(--white);}
.gc-legacy .footer-banner__body{display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .footer-banner__contact{display: flex;
    flex-direction: column-reverse;
    width: 100%;}
.gc-legacy .footer-banner__contact-text{display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    background: #5A97A5;
    padding:25px 30px 15px 0;}
.gc-legacy .footer-banner__contact-text > p{width: 100%;
    color: var(--white);
    padding-left: 30px;
    text-align: justify;
    word-break: break-all;
    font-family: var(--yumincho);}
.gc-legacy .footer-banner__contact-text > p:nth-child(1){font-size: 18px;
    font-weight: 600;
    line-height: 1.3;}
.gc-legacy .footer-banner__contact-text > p:nth-child(2){position: relative;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--white);}
.gc-legacy .footer-banner__contact-text > p:nth-child(3){font-size: 15px;
    font-weight: 400;
    margin-top: 15px;
    line-height: 1.3;
    font-family: var(--gothic);}
.gc-legacy .footer-banner__contact-img{display: block;
    width: 100%;}
.gc-legacy .footer-banner__contact-img > img{display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;}
.gc-legacy .footer-banner__links{position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;}
.gc-legacy .footer-banner__links:nth-child(2){margin-top: 40px;}
.gc-legacy .footer-banner__links > p{position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    transform: translateY(-50%);
    color: var(--white);
    font-size: 22px;
    font-weight: 600;
    font-family: var(--yumincho);
    padding-left: 35px;
    line-height: 28px;}
.gc-legacy .footer-banner__links > img{display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;}

}
@media screen and (max-width:359px){.gc-legacy .footer-banner__contact-text > p{width: 100%;
    color: var(--white);
    padding-left: 30px;
    text-align: justify;
    word-break: break-all;
    font-family: var(--yumincho);}
.gc-legacy .footer-banner__contact-text > p:nth-child(1){font-size: 16px;}
.gc-legacy .footer-banner__contact-text > p:nth-child(2){font-size: 26px;}
.gc-legacy .footer-banner__contact-text > p:nth-child(3){font-size: 14px;}

}
@media screen and (min-width:768px){.gc-legacy .footer-banner-wrap{display: block;
    width: 100%;
    padding: 80px 0;
    background: var(--white);}
.gc-legacy .footer-banner__body{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .footer-banner__contact{display: flex;
    justify-content: space-between;
    width: 100%;
    height: 180px;}
.gc-legacy .footer-banner__contact:hover{transition: opacity 0.3s ease;
    opacity: 0.7;}
.gc-legacy .footer-banner__contact-text{display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: calc(580/1000 * 100%);
    height: 100%;
    background: #5A97A5;
    padding-right: calc(60/1000 * 100%);}
.gc-legacy .footer-banner__contact-text > p{width: 100%;
    color: var(--white);
    padding-left: calc(180/520 * 100%);
    text-align: justify;
    word-break: break-all;
    font-family: var(--yumincho);}
.gc-legacy .footer-banner__contact-text > p:nth-child(1){font-size: 18px;
    font-weight: 600;
    margin-top: 25px;
    line-height: 1.3;}
.gc-legacy .footer-banner__contact-text > p:nth-child(2){position: relative;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--white);}
.gc-legacy .footer-banner__contact-text > p:nth-child(3){font-size: 15px;
    font-weight: 400;
    margin-top: 15px;
    line-height: 1.3;
    font-family: var(--gothic);}
.gc-legacy .footer-banner__contact-img{display: flex;
    justify-content: center;
    align-items: center;
    width: calc(420/1000 * 100%);
    height: 100%;}
.gc-legacy .footer-banner__contact-img > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.gc-legacy .footer-banner__links{position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32%;
    height: 110px;
    overflow: hidden;
    margin-top: 40px;}
.gc-legacy .footer-banner__links:hover{transition: opacity 0.3s ease;
    opacity: 0.7;}
.gc-legacy .footer-banner__links > p{position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    transform: translateY(-50%);
    color: var(--white);
    font-size: 22px;
    font-weight: 600;
    font-family: var(--yumincho);
    padding-left: 35px;
    line-height: 28px;}
.gc-legacy .footer-banner__links > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}

}
@media screen and (min-width:768px) and (max-width:1024px){.gc-legacy .footer-banner__contact{height: 150px;}
.gc-legacy .footer-banner__contact-text{padding-right: calc(40/1000 * 100%);}
.gc-legacy .footer-banner__contact-text > p{padding-left: calc(70/520 * 100%);}
.gc-legacy .footer-banner__contact-text > p:nth-child(1){font-size: 17px;
    margin-top: 15px;}
.gc-legacy .footer-banner__contact-text > p:nth-child(2){font-size: 30px;
    padding-bottom: 8px;}
.gc-legacy .footer-banner__contact-text > p:nth-child(3){font-size: 15px;
    margin-top: 10px;}
.gc-legacy .footer-banner__links{height: 90px;}

}
@media screen and (max-width:1024px){.gc-legacy .site-footer{display: block;
    width: 100%;
    background: var(--font-color);
    padding-top: 25px;
    margin-bottom: 50px;}
.gc-legacy .site-footer.no-margin{margin-bottom: 0 !important;}
.gc-legacy .site-footer__inner{display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto 0 auto;
    padding-bottom: 45px;}
.gc-legacy .site-footer__info{display: block;
    width: 100%;}
.gc-legacy .site-footer__logo{display: block;
    max-width: 100%;
    width: 303px;
    margin-top: 20px;}
.gc-legacy .site-footer__logo > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .site-footer__logo:hover{transition: opacity 0.3s ease;
    opacity: 0.7}
.gc-legacy .site-footer__company{display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--white);
    font-family: var(--yumincho);
    margin-top: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
    margin-top: 20px;}
.gc-legacy .site-footer__company > span{font-size: 12px;
    line-height: 1.3;}
.gc-legacy .site-footer__phone{display: block;
    font-size: 20px;
    color: var(--white);
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 1.7;
    
    letter-spacing: 0.1rem;}
.gc-legacy .site-footer__address{display: block;
    font-size: 14px;
    color: var(--white);
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1.3;}
.gc-legacy .site-footer__contact{display: flex;
    justify-content: center;
    align-items: center;
    width: 182px;
    height: 40px;
    background: #626E79;
    border: 1px solid var(--white);
    font-size: 15px;
    font-weight: 600;
    font-family: var(--yumincho);
    color: var(--white);
    margin-top: 30px;
    transition: background 0.3s ease;}
.gc-legacy .site-footer__contact:hover{background: var(--font-color);}
.gc-legacy .site-footer__sns{display: flex;
    width: 100%;
    margin-top: 20px;}
.gc-legacy .site-footer__sns > li{display: block;
    width: auto;}
.gc-legacy .site-footer__sns > li:nth-child(n+2){margin-left: 20px;}
.gc-legacy .site-footer__sns > li > a{display: block;
    width: 16px;
    height: 16px;}
.gc-legacy .site-footer__sns > li > a.instagram{background: url(../../gardenconnect/./assets/images/icon-instagram.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .site-footer__sns > li > a.twitter{background: url(../../gardenconnect/./assets/images/icon-twitter.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .site-footer__sns > li > a.facebook{background: url(../../gardenconnect/./assets/images/icon-facebook.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .site-footer-nav{display: none;}
.gc-legacy .site-footer__rights{display: block;
    width: 100%;
    background: var(--white);}
.gc-legacy .site-footer__rights-text{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 37px;
    font-size: 12px;
    font-weight: 700;}
.gc-legacy .site-footer__policy-nav{display: block;
    width: 100%;
    height: 40px;}
.gc-legacy .site-footer__policy-nav_block{display: none;}

}
@media screen and (min-width:1025px){.gc-legacy .site-footer{display: block;
    width: 100%;
    background: var(--font-color);
    padding-top: 30px;}
.gc-legacy .site-footer__inner{display: flex;
    justify-content: space-between;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
    padding-bottom: 45px;}
.gc-legacy .site-footer__info{display: block;
    width: 40%;}
.gc-legacy .site-footer__logo{display: block;
    width: 331px;}
.gc-legacy .site-footer__logo > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .site-footer__logo:hover{transition: opacity 0.3s ease;
    opacity: 0.7}
.gc-legacy .site-footer__company{display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--white);
    font-family: var(--yumincho);
    margin-top: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;}
.gc-legacy .site-footer__company > span{font-size: 12px;
    line-height: 1.3;}
.gc-legacy .site-footer__phone{display: block;
    font-size: 20px;
    color: var(--white);
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 1.7;
    margin-top: 10px;
    letter-spacing: 0.1rem;
    pointer-events: none;}
.gc-legacy .site-footer__address{display: block;
    font-size: 14px;
    color: var(--white);
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1.3;
    margin-top: 10px;}
.gc-legacy .site-footer__contact{display: flex;
    justify-content: center;
    align-items: center;
    width: 182px;
    height: 40px;
    background: #626E79;
    border: 1px solid var(--white);
    font-size: 15px;
    font-weight: 600;
    font-family: var(--yumincho);
    color: var(--white);
    margin-top: 30px;
    transition: background 0.3s ease;}
.gc-legacy .site-footer__contact:hover{background: var(--font-color);}
.gc-legacy .site-footer-nav{display: flex;
    width: 60%;
    gap: 40px;
    margin-top: 20px;}
.gc-legacy .site-footer-nav__block{display: block;
    width: auto;}
.gc-legacy .site-footer-nav__block > li{display: block;
    width: auto;}
.gc-legacy .site-footer-nav__block > li:nth-child(n+2){margin-top: 7px;}
.gc-legacy .site-footer-nav__block > li > a{font-size: 14px;
    font-weight: 700;
    color: var(--white);
    transition: opacity 0.3s ease;}
.gc-legacy .site-footer-nav__block > li > .none-link{pointer-events: none;}
.gc-legacy .site-footer-nav__block > li > a:hover{opacity: 0.7;}
.gc-legacy .site-footer-nav__block > li.has-icon > a{position: relative;
    padding-left: 20px;}
.gc-legacy .site-footer-nav__block > li.has-icon > a::before{content: ">";
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;}
.gc-legacy .site-footer-nav__block > li.start-row{margin-top: 40px;}
.gc-legacy .site-footer__rights{display: block;
    width: 100%;
    background: var(--white);}
.gc-legacy .site-footer__rights-text{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 37px;
    font-size: 12px;
    font-weight: 700;}
.gc-legacy .site-footer__policy-nav{display: block;
    width: 100%;}
.gc-legacy .site-footer__policy-nav_block{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;}
.gc-legacy .site-footer__policy-nav_block > li{display: flex;
    align-items: center;
    width: auto;
    height: 20px;}
.gc-legacy .site-footer__policy-nav_block > li:nth-child(1){padding-right: 21px;
    border-right: 1px solid var(--white);}
.gc-legacy .site-footer__policy-nav_block > li:nth-child(2){padding-left: 20px;}
.gc-legacy .site-footer__policy-nav_block > li > a{color:var(--white);
    font-size:13px;
    line-height: 20px;
    font-weight: 700;
    transition: opacity 0.3s ease;}
.gc-legacy .site-footer__policy-nav_block > li > a:hover{opacity: 0.7;}

}
@media screen and (min-width:1025px) and (max-width:1199px){.gc-legacy .site-footer__info{width: 40%;}
.gc-legacy .site-footer-nav{width: 60%;}

}
@media screen and (max-width:1024px){.gc-legacy .site-floating-menu{position: relative;
    position: fixed;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 50px;
    z-index: 995;
    overflow: hidden;}
.gc-legacy .site-floating-menu::before,.gc-legacy .site-floating-menu::after{content: "";
    position: absolute;
    top:0;
    display: block;
    width: calc(50% - 20px);
    height: 50px;
    z-index: -1;}
.gc-legacy .site-floating-menu::before{left: 0;
    background: var(--gold);}
.gc-legacy .site-floating-menu::after{right: 0;
    background: var(--font-color);}
.gc-legacy .site-floating-menu__wrap{position: relative;
    display: flex;
    justify-content: center;
    
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .site-floating-menu__wrap > li{display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;}
.gc-legacy .site-floating-menu__wrap > li > a{display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50%);
    height: 50px;}
.gc-legacy .site-floating-menu__wrap > li > a.site-floating-menu__contact{background: var(--gold);
    width: 100%;
    height: 50px;}
.gc-legacy .site-floating-menu__wrap > li > a.site-floating-menu__search{background: var(--font-color);
    width: 100%;
    height: 50px;}
.gc-legacy .site-floating-menu__wrap > li > a > span{display: block;
    width: 100%;
    height: auto;
    line-height: 1.15;
    font-size: 16px;
    color: var(--white);
    font-weight: 600;
    font-family: var(--yumincho);
    word-break: break-all;
    text-align: center;}
 
}
@media screen and (min-width:1025px){.gc-legacy .site-floating-menu{position: fixed;
    right: 0;
    bottom: 30px;
    display: block;
    width: 50px;
    z-index: 999;}
.gc-legacy .site-floating-menu__wrap{display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 50px;}
.gc-legacy .site-floating-menu__wrap > li{display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;}
.gc-legacy .site-floating-menu__wrap > li > a{display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    transition: opacity 0.3s ease;}
.gc-legacy .site-floating-menu__wrap > li > a.site-floating-menu__contact{background: var(--gold);
    height: 180px;}
.gc-legacy .site-floating-menu__wrap > li > a.site-floating-menu__search{background: var(--font-color);
    height: 239px;}
.gc-legacy .site-floating-menu__wrap > li > a > span{display: block;
    width: 16px;
    height: auto;
    line-height: 1.15;
    font-size: 16px;
    color: var(--white);
    font-weight: 600;
    font-family: var(--yumincho);
    word-break: break-all;
    text-align: center;}
.gc-legacy .site-floating-menu__wrap > li > a:hover{opacity: 0.7;}

}
@media screen and (min-width: 0px){.gc-legacy .breadcrumb-wrapper{display: flex;
    align-items: center;
    width: 100%;
    background: var(--white);
    padding: 5px 0;}
.gc-legacy .gi-breadcrumbs{display: block;
    max-width: 1166px;
    width: 100%;
    margin: 0 auto;}
.gc-legacy .gi-breadcrumbs__list{display:flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: center;
    width: 100%;}
.gc-legacy .gi-breadcrumbs__list > li{display: block;
    width: auto;
    line-height:20px;
    font-size:12px;}
.gc-legacy .gi-breadcrumbs__list > li:not(:first-child){position: relative;
    padding-left: 20px;}
.gc-legacy .gi-breadcrumbs__list > li:not(:first-child)::before{content: ">";
    position: absolute;
    left: 3px;
    font-size: 10px;
    color: var(--font-color);}
.gc-legacy .gi-breadcrumbs__list > li:not(:first-child)::after,.gc-legacy .gi-breadcrumbs__item:not(:last-child)::after{display: none !important;}
.gc-legacy .gi-breadcrumbs__list > li:not(:last-child){padding-right: 5px;}
.gc-legacy .gi-breadcrumbs__link,.gc-legacy .gi-breadcrumbs__link span{display: block;
    width: auto;
    line-height:20px;
    color:var(--font-color);
    font-weight: 500;
    font-family: var(--yumincho);}
.gc-legacy .gi-breadcrumbs__link:hover{transition: opacity 0.3s ease;
    opacity: 0.7;}

}
@media screen and (max-width: 768px){.gc-legacy .breadcrumb-wrapper .container{padding: 0 10px;}

}
@media screen and (max-width:767px){.gc-legacy .page-title-wrap{display: block;
    width: 100%;}
.gc-legacy .page-title-wrap .container{padding: 0;}
.gc-legacy .page-title__inner{display: block;   
    max-width: 1166px;
    width: 100%;
    height: 150px;
    background: url(../../gardenconnect/./assets/images/search/title-bg-sp.jpg) no-repeat center;
    background-size: cover;
    margin: 0 auto 0 auto;}
.gc-legacy .page-title__text{display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 150px;}
.gc-legacy .page-title__text > span{display: block;
    width: auto;
    color: var(--white);
    font-family: var(--yumincho);
    text-align: center;}
.gc-legacy .page-title__text > span:nth-child(1){font-size: 14px;
    font-weight: 500;
    line-height: 1.3;}
.gc-legacy .page-title__text > span:nth-child(2){font-size: 28px;
    font-weight: 800;
    line-height: 1.3;}
.gc-legacy .page-title__text > span:nth-child(3){font-size: 16px;
    font-weight: 600;
    line-height: 1.3;}

}
@media screen and (min-width:768px){.gc-legacy .page-title-wrap{display: block;
    width: 100%;}
.gc-legacy .page-title__inner{display: block;   
    max-width: 1166px;
    width: 100%;
    height: 150px;
    background: url(../../gardenconnect/./assets/images/search/title-bg-pc.jpg) no-repeat center;
    background-size: cover;
    margin: 0 auto 0 auto;}
.gc-legacy .page-title__text{display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 150px;}
.gc-legacy .page-title__text > span{color: var(--white);
    font-family: var(--yumincho);}
.gc-legacy .page-title__text > span:nth-child(1){font-size: 14px;
    font-weight: 500;
    line-height: 1.3;}
.gc-legacy .page-title__text > span:nth-child(2){font-size: 28px;
    font-weight: 800;
    text-transform: capitalize;
    line-height: 1.3;}
.gc-legacy .page-title__text > span:nth-child(3){font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.3;}

}
@media screen and (min-width:0px){.gc-legacy .btn-detail{position: relative;
    display: flex;
    width: auto;
    padding-right: 21px;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 600;
    font-family: var(--yumincho);
    color: var(--gold);
    transition: opacity 0.3s ease;}
.gc-legacy .btn-detail:hover{opacity: 0.7;}
.gc-legacy .btn-detail::after{content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 10.8px;
    height: 12.83px;
    background: url(../../gardenconnect/./assets/images/icon-detail-btn.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .bdr-button{display: flex;
    justify-content: center;
    align-items: center;
    width: 372px;
    height: 40px;
    border: 1px solid var(--font-color);
    font-size: 15px;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 600;
    color: var(--font-color);
    transition: background 0.3s ease, color 0.3s ease;}
.gc-legacy .bdr-button:hover{background: var(--font-color);
    color: var(--white);}
.gc-legacy .bg-button{display: flex;
    justify-content: center;
    align-items: center;
    width: 284px;
    height: 45px;
    font-size: 15px;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 700;
    color: var(--white);
    background: var(--font-color);
    transition: background 0.3s ease;}
.gc-legacy .bg-button:hover{background: #626E79;}
.gc-legacy .bdr-bg-button{display: flex;
    justify-content: center;
    align-items: center;
    width: 198px;
    height: 40px;
    border: 1px solid var(--white);
    background: #626E79;
    font-size: 15px;
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 600;
    color: var(--white);
    transition: background 0.3s ease, color 0.3s ease;}
.gc-legacy .bdr-bg-button:hover{background: var(--font-color);}

}
@media screen and (max-width:767px){.gc-legacy .notfound{display: block;
    width: 100%;
    padding: 40px 0 0 0;}
.gc-legacy .notfound__wrap{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .notfound__header{display: block;
    width: 100%;
    font-size: 24px;
    font-family: var(--yumincho);
    font-weight: 700;
    text-align: center;}
.gc-legacy .notfound__wrap > p{display: block;
    width: 100%;
    font-size: 16px;
    margin-top: 55px;
    text-align: justify;
    word-break: break-all;
    line-height: 1.8;}
.gc-legacy .notfound__wrap-btns{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .notfound__wrap-btns > a{display: flex;
    justify-content: center;
    align-items: center;
    width: 263px;
    height: 41px;
    border: 1px solid var(--font-color);
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    font-family: var(--yumincho);
    color: var(--font-color);
    transition: background 0.3s ease, color 0.3s ease;}

}
@media screen and (min-width:768px){.gc-legacy .notfound{display: block;
    width: 100%;
    padding: 80px 0 0 0;}
.gc-legacy .notfound__wrap{display: block;
    max-width: 800px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .notfound__header{display: block;
    width: 100%;
    font-size: 28px;
    font-family: var(--yumincho);
    font-weight: 700;
    text-align: center;}
.gc-legacy .notfound__header > br{display: none;}
.gc-legacy .notfound__wrap > p{display: block;
    width: 100%;
    font-size: 16px;
    margin-top: 55px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    line-height: 1.8;}
.gc-legacy .notfound__wrap-btns{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .notfound__wrap-btns > a{display: flex;
    justify-content: center;
    align-items: center;
    width: 263px;
    height: 41px;
    border: 1px solid var(--font-color);
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    font-family: var(--yumincho);
    color: var(--font-color);
    transition: background 0.3s ease, color 0.3s ease;}
.gc-legacy .notfound__wrap-btns > a:hover{background: var(--font-color);
    color: var(--white);}

}
@media screen and (max-width:767px){.gc-legacy .home-mv__wrap{position: relative;
    display: block;
    width: 100%;
    z-index: -1;}
.gc-legacy .home-mv__title{position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    color: var(--white);
    font-family: var(--yumincho);}
.gc-legacy .home-mv__title > span{width: 100%;}
.gc-legacy .home-mv__title > span:nth-child(1){font-size: 32px;
    font-weight: 500;
    text-align: center;
    line-height: 34px;}
.gc-legacy .home-mv__title > span:nth-child(2){font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 27px;
    margin-top: 10px;
    text-align: center;}
.gc-legacy .home-mv__wrap > picture{display: block;
    width: 100%;}
.gc-legacy .home-mv__wrap > picture > img{display: block;
    width: 100%;
    object-fit: cover;}

}
@media screen and (max-width:349px){.gc-legacy .home-mv__title > span:nth-child(1){font-size: 36px;}
.gc-legacy .home-mv__title > span:nth-child(2){font-size: 14px;}

}
@media screen and (min-width:768px){.gc-legacy .home-mv__wrap{position: relative;
    display: block;
    width: 100%;
    z-index: -1;}
.gc-legacy .home-mv__title{position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    color: var(--white);
    font-family: var(--yumincho);}
.gc-legacy .home-mv__title > span{width: 100%;}
.gc-legacy .home-mv__title > span:nth-child(1){font-size: 40px;
    font-weight: 500;
    text-align: center;
    line-height: 44px;}
.gc-legacy .home-mv__title > span:nth-child(1) > .sp-only{display: none;}
.gc-legacy .home-mv__title > span:nth-child(2){font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 27px;
    margin-top: 10px;
    text-align: center;}
.gc-legacy .home-mv__wrap > picture{display: block;
    width: 100%;}
.gc-legacy .home-mv__wrap > picture > img{display: block;
    width: 100%;
    object-fit: cover;}

}
@media screen and (min-width:768px) and (max-width:1024px){.gc-legacy .home-mv__wrap > picture{display: block;
    width: 100%;
    height: 375px;
    overflow: hidden;}
.gc-legacy .home-mv__wrap > picture > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}

}
@media screen and (max-width:767px){.gc-legacy .home-ideal{display: block;
    width: 100%;
    background: var(--white);
    padding: 80px 0 80px 0;}
.gc-legacy .home-ideal__header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: center;
    line-height: 42.5px;}
.gc-legacy .home-ideal__header > .pc-only,.gc-legacy .home-ideal__text >  .pc-only{display: none;}
.gc-legacy .home-ideal__text{display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-size: 15px;
    line-height: 2;
    font-weight: 500;
    text-align: justify;
    margin-top: 50px;}

}
@media screen and (min-width:768px){.gc-legacy .home-ideal{display: block;
    width: 100%;
    background: var(--white);
    padding: 140px 0 150px 0;}
.gc-legacy .home-ideal__header{display: block;
    width: 100%;
    font-size: 40px;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: center;
    line-height: 68px;}
.gc-legacy .home-ideal__header > .sp-only{display: none;}
.gc-legacy .home-ideal__text{display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-size: 15px;
    line-height: 2;
    font-weight: 500;
    text-align: center;
    margin-top: 50px;}

}
@media screen and (max-width:767px){.gc-legacy .home-search{display: block;
    width: 100%;
    padding: 100px 0 100px 0;
    background: url(../../gardenconnect/./assets/images/home/bg-search-sp.jpg) no-repeat center;
    background-size: cover;}
.gc-legacy .home-search__header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 600;
    font-family: var(--yumincho);
    text-align: center;
    line-height: 1;
    color: var(--white);}
.gc-legacy .home-search__text{display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--yumincho);
    text-align: center;
    line-height: 24px;
    color: var(--white);
    margin-top: 20px;}
.gc-legacy .home-search__btnbox{position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 335px;
    width: 100%;
    background: #EBE9E8;
    margin: 40px auto 0 auto;
    padding: 40px 20px 76px 20px;}
.gc-legacy .home-search__btnbox > picture{position: relative;
    display: block;    
    width: 100%;
    z-index: 1;}
.gc-legacy .home-search__btnbox > picture > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .home-search__btn{position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: auto;
    height: 29px;
    border: 2px solid;
    padding: 0 15px;
    background: var(--white);
    border-radius: 2px;
    cursor: pointer;}
.gc-legacy .home-search__btn  > span{position: relative;
    width: auto;
    word-break: keep-all;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    padding-right: 20px;}
.gc-legacy .home-search__btn  > span::before,.gc-legacy .home-search__btn  > span::after{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);}
.gc-legacy .home-search__btn  > span::before{display: block;
    right: 3px;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2px 0 2px 3px;
    border-color: transparent transparent transparent #ffffff;}
.gc-legacy .home-search__btn  > span::after{z-index: 1;
    right: 0;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 5px;}
.gc-legacy .home-search__btn.tohoku{top: 110px;
    right: 0px;
    border-color: #4F6380;}
.gc-legacy .home-search__btn.tohoku  > span::after{background: #4F6380;}
.gc-legacy .home-search__btn.chubu{top: 158px;
    right: 120px;
    border-color: #808080;}
.gc-legacy .home-search__btn.chubu  > span::after{background: #808080;}
.gc-legacy .home-search__btn.kanto{top: 217px;
    right: 0px;
    border-color: #805F6C;}
.gc-legacy .home-search__btn.kanto  > span::after{background: #805F6C;}
.gc-legacy .home-search__btn.kinki{top: 282px;
    right: 105px;
    border-color: #7D8057;}
.gc-legacy .home-search__btn.kinki  > span::after{background: #7D8057;}
.gc-legacy .home-search__btn.chugoku{top: 198px;
    left: 0px;
    border-color: #80717F;}
.gc-legacy .home-search__btn.chugoku  > span::after{background: #80717F;}
.gc-legacy .home-search__btn.kyusyu{bottom: -29px;
    left: 0px;
    border-color: #82715E;}
.gc-legacy .home-search__btn.kyusyu  > span::after{background: #82715E;}

}
@media screen and (max-width:370px){.gc-legacy .home-search__btn.tohoku{top: calc(110px - 2.5vw);
    right: 0px;}
.gc-legacy .home-search__btn.chubu{top: calc(158px - 2.5vw);
    right: calc(120px - 2.5vw);}
.gc-legacy .home-search__btn.kanto{top: calc(217px - 4vw);
    right: 0px;}
.gc-legacy .home-search__btn.kinki{top: calc(282px - 4vw);
    right: calc(105px - 2vw);}
.gc-legacy .home-search__btn.chugoku{top: calc(198px - 2.5vw);
    left: 0px;}
.gc-legacy .home-search__btn.kyusyu{bottom:-29px;
    left: 0px;}

}
@media screen and (max-width:340px){.gc-legacy .home-search__btn.tohoku{top: calc(110px - 8vw);
    right: 0px;}
.gc-legacy .home-search__btn.chubu{top: calc(158px - 10vw);
    right: calc(120px - 7vw);}
.gc-legacy .home-search__btn.kanto{top: calc(217px - 12vw);
    right: 0px;}
.gc-legacy .home-search__btn.kinki{top: calc(282px - 20vw);
    right: calc(105px - 12vw);}
.gc-legacy .home-search__btn.chugoku{top: calc(198px - 12vw);
    left: -10px;}
.gc-legacy .home-search__btn.kyusyu{bottom:-29px;
    left: 0px;}

}
@media screen and (min-width:768px){.gc-legacy .home-search{display: block;
    width: 100%;
    padding: 100px 0 100px 0;
    background: url(../../gardenconnect/./assets/images/home/bg-search-pc.jpg) no-repeat center;
    background-size: cover;}
.gc-legacy .home-search__header{display: block;
    width: 100%;
    font-size: 35px;
    font-weight: 600;
    font-family: var(--yumincho);
    text-align: center;
    line-height: 60px;
    color: var(--white);}
.gc-legacy .home-search__text{display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    font-family: var(--yumincho);
    text-align: center;
    line-height: 38px;
    color: var(--white);
    margin-top: 20px;}
.gc-legacy .home-search__text > .sp-only{display: none;}
.gc-legacy .home-search__btnbox{position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1000px;
    width: 100%;
    background: #F4F4F4;
    margin: 60px auto 0 auto;
    padding: 30px 0 40px 0;}
.gc-legacy .home-search__btnbox > picture{position: relative;
    display: block;
    width: 57.6%;
    z-index: 1;}
.gc-legacy .home-search__btnbox > picture > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .home-search__btn{position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: auto;
    height: 42px;
    border: 3px solid;
    padding: 0 25px;
    background: var(--white);
    border-radius: 2px;
    cursor: pointer;
    transition: opacity 0.3s ease;}
.gc-legacy .home-search__btn:hover{opacity: 0.7;}
.gc-legacy .home-search__btn  > span{position: relative;
    width: auto;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    padding-right: 28px;}
.gc-legacy .home-search__btn  > span::before,.gc-legacy .home-search__btn  > span::after{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);}
.gc-legacy .home-search__btn  > span::before{display: block;
    right: 4px;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    border-color: transparent transparent transparent #ffffff;}
.gc-legacy .home-search__btn  > span::after{z-index: 1;
    right: 0;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 8px;}
.gc-legacy .home-search__btn.tohoku{top: 223px;
    right: 6px;
    border-color: #4F6380;}
.gc-legacy .home-search__btn.tohoku  > span::after{background: #4F6380;}
.gc-legacy .home-search__btn.chubu{top: 320px;
    right: 203px;
    border-color: #808080;}
.gc-legacy .home-search__btn.chubu  > span::after{background: #808080;}
.gc-legacy .home-search__btn.kanto{top: 425px;
    right: 60px;
    border-color: #805F6C;}
.gc-legacy .home-search__btn.kanto  > span::after{background: #805F6C;}
.gc-legacy .home-search__btn.kinki{top: 523px;
    right: 233px;
    border-color: #7D8057;}
.gc-legacy .home-search__btn.kinki  > span::after{background: #7D8057;}
.gc-legacy .home-search__btn.chugoku{top: 446px;
    left: -10px;
    border-color: #80717F;}
.gc-legacy .home-search__btn.chugoku  > span::after{background: #80717F;}
.gc-legacy .home-search__btn.kyusyu{bottom: 0;
    left: 40px;
    border-color: #82715E;}
.gc-legacy .home-search__btn.kyusyu  > span::after{background: #82715E;}

}
@media screen and (min-width:768px) and (max-width:1024px){.gc-legacy .home-search__btn.tohoku{top: 170px;
    right: 0px;}
.gc-legacy .home-search__btn.chubu{top: 260px;
    right: 180px;}
.gc-legacy .home-search__btn.kanto{top: 300px;
    right: 0;}
.gc-legacy .home-search__btn.kinki{top: 370px;
    right: 120px;}
.gc-legacy .home-search__btn.chugoku{top: 330px;
    left: -70px;}
.gc-legacy .home-search__btn.kyusyu{bottom: 0;
    left: 40px;}

}
@media screen and (max-width:767px){.gc-legacy .home-search__modal-box{position: fixed;
    top: 0;
    left: 0;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #3B4043;
    padding: 30px;
    z-index: 9999;
    pointer-events: none;}
.gc-legacy .home-search__modal-box.active{display: flex;}
.gc-legacy .home-search__modal-box_title{position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    color: var(--white);
    font-family: var(--yumincho);
    line-height: 21px;
    padding-bottom: 7px;
    border-bottom: 1px solid var(--white);
    text-align: center;}
.gc-legacy .home-search__modal-box_title::after{content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7px 0 7px;
    border-color: #ffffff transparent transparent transparent;}
.gc-legacy .home-search__modal-wrap{position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
    z-index: 20;}
.gc-legacy .home-search__modal-wrap > li{display: block;
    width: calc(140/295 * 100%);}
.gc-legacy .home-search__modal-wrap > li:nth-child(n+3){margin-top: 25px;}
.gc-legacy .home-search__modal-wrap > li > a{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 33px;
    border: 1px solid #707070;
    background: var(--white);
    border-radius: 2px;
    pointer-events: initial;}
.gc-legacy .home-search__modal-wrap > li > a > span{position: relative;
    width: auto;
    padding-right: 18px;
    font-size: 14px;
    font-weight: 500;
    color: var(--font-color);
    line-height: 1;}
.gc-legacy .home-search__modal-wrap > li > a > span::before,.gc-legacy .home-search__modal-wrap > li > a > span::after{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);}
.gc-legacy .home-search__modal-wrap > li > a > span::before{display: block;
    right: 3px;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2px 0 2px 3px;
    border-color: transparent transparent transparent #ffffff;
    transition: border-color 0.3s ease;}
.gc-legacy .home-search__modal-wrap > li > a > span::after{z-index: 1;
    right: 0;
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 8px;
    background: var(--font-color);}
.gc-legacy .home-search__modal-bg{position: fixed;
    top:0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 2;}
.gc-legacy .home-search__modal-bg.close{display: block;}

}
@media screen and (min-width:768px){.gc-legacy .home-search__modal-box{position: absolute;
    top: 0;
    left: 0;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #3B4043;
    padding: 30px;
    z-index: 6;
    pointer-events: none;}
.gc-legacy .home-search__modal-box.active{display: flex;}
.gc-legacy .home-search__modal-box_title{position: relative;
    display: block;
    max-width: 530px;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    color: var(--white);
    font-family: var(--yumincho);
    line-height: 38px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--white);
    text-align: center;}
.gc-legacy .home-search__modal-box_title::after{content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7px 0 7px;
    border-color: #ffffff transparent transparent transparent;}
.gc-legacy .home-search__modal-wrap{position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 530px;
    width: 100%;
    margin-top: 50px;
    z-index: 20;}
.gc-legacy .home-search__modal-wrap > li{display: block;
    width: calc(235/530 * 100%);}
.gc-legacy .home-search__modal-wrap > li:nth-child(n+3){margin-top: 25px;}
.gc-legacy .home-search__modal-wrap > li > a{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 54px;
    border: 1px solid #707070;
    background: var(--white);
    border-radius: 2px;
    transition: background 0.3s ease,border-color 0.3s ease;
    pointer-events: initial;}
.gc-legacy .home-search__modal-wrap > li > a > span{position: relative;
    width: auto;
    padding-right: 28px;
    font-size: 22px;
    font-weight: 500;
    color: var(--font-color);
    line-height: 1;}
.gc-legacy .home-search__modal-wrap > li > a > span::before,.gc-legacy .home-search__modal-wrap > li > a > span::after{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);}
.gc-legacy .home-search__modal-wrap > li > a > span::before{display: block;
    right: 5px;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 5px;
    border-color: transparent transparent transparent #ffffff;
    transition: border-color 0.3s ease;}
.gc-legacy .home-search__modal-wrap > li > a > span::after{z-index: 1;
    right: 0;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: var(--font-color);
    transition: background 0.3s ease;}
.gc-legacy .home-search__modal-wrap > li > a:hover{background: #3B4043;
    border-color: var(--white);}
.gc-legacy .home-search__modal-wrap > li > a:hover  > span{color: var(--white);}
.gc-legacy .home-search__modal-wrap > li > a:hover > span::before{border-color: transparent transparent transparent #3B4043;}
.gc-legacy .home-search__modal-wrap > li > a:hover > span::after{background: var(--white);}
.gc-legacy .home-search__modal-bg{position: fixed;
    top:0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 2;}
.gc-legacy .home-search__modal-bg.close{display: block;}

}
@media screen and (max-width:767px){.gc-legacy .home-interior{display: block;
    width: 100%;
    background: var(--white);
    padding: 100px 0 100px 0;}
.gc-legacy .home-interior__wrap{display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 480px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .home-interior__img{display: block;
    width: 100%;}
.gc-legacy .home-interior__img > img{display: block;
    width: 100%;
    object-position: cover;}
.gc-legacy .home-interior__contents{display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .home-interior__header{display: block;
    font-size: 25px;
    font-weight: 500;
    line-height: 37.5px;
    font-family: var(--yumincho);}
.gc-legacy .home-interior__list{display: flex;
    flex-direction: column;
    width: auto;
    margin-top: 40px;
    padding: 0 30px 0 30px;}
.gc-legacy .home-interior__list > li{position: relative;
    width: auto;
    padding: 20px 0 20px 90px;}
.gc-legacy .home-interior__list > li::before{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 60px;
    height: 1px;
    background: #707070;}
.gc-legacy .home-interior__list > li > a{color: var(--font-color);
    font-size: 20px;
    line-height: 34px;
    font-weight: 500;
    font-family: var(--yumincho);}

}
@media screen and (max-width:359px){.gc-legacy .home-interior__list{padding: 0 20px 0 20px;}
.gc-legacy .home-interior__list > li > a{font-size: 18px;}

}
@media screen and (min-width:768px){.gc-legacy .home-interior{display: block;
    width: 100%;
    background: var(--white);
    padding: 100px 0 100px 0;}
.gc-legacy .home-interior__wrap{display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1367px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .home-interior__img{display: block;
    width: 50%;}
.gc-legacy .home-interior__img > img{display: block;
    width: 100%;
    object-position: cover;}
.gc-legacy .home-interior__contents{display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    padding-left: calc(85/1367 * 100%);}
.gc-legacy .home-interior__header{display: block;
    font-size: 35px;
    font-weight: 500;
    line-height: 52.5px;
    font-family: var(--yumincho);}
.gc-legacy .home-interior__list{display: flex;
    flex-direction: column;
    width: auto;
    margin-top: 50px;}
.gc-legacy .home-interior__list > li{position: relative;
    width: auto;
    padding: 18px 0 18px 120px;}
.gc-legacy .home-interior__list > li::before{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 80px;
    height: 1px;
    background: #707070;}
.gc-legacy .home-interior__list > li > a{color: var(--font-color);
    font-size: 23px;
    line-height: 40px;
    font-weight: 500;
    font-family: var(--yumincho);
    transition: opacity 0.3s ease;}
.gc-legacy .home-interior__list > li > a:hover{opacity: 0.7;}

}
@media screen and (max-width:767px){.gc-legacy .home-lifestyle{display: block;
    width: 100%;
    padding: 100px 0 100px 0;
    background: #F5F5F5;}
.gc-legacy .home-lifestyle__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .home-lifestyle__header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 60px;
    text-align: center;
    font-family: var(--yumincho);}
.gc-legacy .home-lifestyle__wrap{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 40px;}
.gc-legacy .home-lifestyle__item{display: block;
    width: 100%;}
.gc-legacy .home-lifestyle__item:nth-child(n+2){margin-top: 20px;}
.gc-legacy .home-lifestyle__thumb{position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;}
.gc-legacy .home-lifestyle__thumb > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .home-lifestyle__contents{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(396/470 * 100%);
    height: 70%;
    background: rgba(255,255,255,0.84);}
.gc-legacy .home-lifestyle__contents > span{font-size: 25px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--font-color);}
.gc-legacy .home-lifestyle__item-title{display: block;
    width: 100%;
    padding: 20px 20px 0 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    font-family: var(--yumincho);
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;}
.gc-legacy .home-lifestyle__item > p{display: block;
    width: 100%;
    padding: 10px 20px 0 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.8px;
    font-family: var(--yumincho);
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;}

}
@media screen and (max-width:359px){.gc-legacy .home-lifestyle__header{font-size: 23px;}

}
@media screen and (min-width:768px){.gc-legacy .home-lifestyle{display: block;
    width: 100%;
    padding: 100px 0 100px 0;
    background: #F5F5F5;}
.gc-legacy .home-lifestyle__inner{display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .home-lifestyle__header{display: block;
    width: 100%;
    font-size: 35px;
    font-weight: 500;
    line-height: 60px;
    text-align: center;
    font-family: var(--yumincho);}
.gc-legacy .home-lifestyle__wrap{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .home-lifestyle__item{display: block;
    width: calc(470/1000 * 100%);
    transition: opacity 0.3s ease;}
.gc-legacy .home-lifestyle__item:hover{opacity: 0.7;}
.gc-legacy .home-lifestyle__item:nth-child(n+3){margin-top: 40px;}
.gc-legacy .home-lifestyle__thumb{position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;}
.gc-legacy .home-lifestyle__thumb > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .home-lifestyle__contents{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(396/470 * 100%);
    height: 148px;
    background: rgba(255,255,255,0.84);}
.gc-legacy .home-lifestyle__contents > span{font-size: 25px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--font-color);}
.gc-legacy .home-lifestyle__item-title{display: block;
    width: 100%;
    padding: 20px 10px 0 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    font-family: var(--yumincho);
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;}
.gc-legacy .home-lifestyle__item > p{display: block;
    width: 100%;
    padding: 10px 10px 0 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    font-family: var(--yumincho);
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;}

}
@media screen and (min-width:768px) and (max-width:1024px){.gc-legacy .home-lifestyle__contents{height: 110px;
    background: rgba(255,255,255,0.84);}

}
@media screen and (max-width:767px){.gc-legacy .home-column{display: block;
    width: 100%;
    padding: 60px 0 60px 0;}
.gc-legacy .home-column__wrap{display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .home-column__aside{display: block;
    width: 100%;}
.gc-legacy .home-column__main{display: block;
    width:100%;}
.gc-legacy .home-column__main-header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 37.5px;
    text-align: center;
    font-family: var(--yumincho);}
.gc-legacy .home-column__items{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 80px;}
.gc-legacy .home-column__item{display: block;
    width: calc(157.73/335 * 100%);}
.gc-legacy .home-column__item:nth-child(n+3){margin-top: 40px;}
.gc-legacy .home-column__item-link{display: block;
    width: 100%;
    color: var(--font-color);}
.gc-legacy .home-column__item-link > picture{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 21/14;
    overflow: hidden;}
.gc-legacy .home-column__item-link > picture > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.gc-legacy .home-column__item-link > .title{display: -webkit-box;
    width: 100%;
    margin-top: 15px;
    font-size: 18px;
    padding: 0 5px 0 5px;
    line-height: 20.8px;
    font-family: var(--yumincho);
    color: var(--font-color);
    font-weight: 500;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.gc-legacy .home-column__item-terms{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 5px;
    margin-top: 15px;}
.gc-legacy .home-column__item-tax{display: flex;
    width: auto;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;}
.gc-legacy .home-column__item-terms .column__item-date{font-size: 8px !important;}
.gc-legacy .home-column__item-tax > .column__item-tax:not(:last-child){margin-right: 10px;}
.gc-legacy .home-column__btns{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .home-column__btns > a{width: 198px;}

}
@media screen and (min-width:768px) and (max-width:1024px){.gc-legacy .home-column{display: block;
    width: 100%;
    padding: 80px 0 100px 0;}
.gc-legacy .home-column__wrap{display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .home-column__aside{display: block;
    width: 100%;
    padding-top: 20px;}
.gc-legacy .home-column__main{display: block;
    width:100%;}
.gc-legacy .home-column__main-header{display: block;
    width: 100%;
    font-size: 35px;
    font-weight: 500;
    line-height: 60px;
    text-align: center;
    font-family: var(--yumincho);}
.gc-legacy .home-column__items{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 80px;}
.gc-legacy .home-column__item{display: block;
    width: calc(350/740 * 100%);}
.gc-legacy .home-column__item:nth-child(n+3){margin-top: 40px;}
.gc-legacy .home-column__item-link{display: block;
    width: 100%;
    color: var(--font-color);}
.gc-legacy .home-column__item-link > picture{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 21/14;
    overflow: hidden;}
.gc-legacy .home-column__item-link > picture > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.gc-legacy .home-column__item-link > .title{display: -webkit-box;
    width: 100%;
    margin-top: 15px;
    font-size: 20px;
    padding: 0 10px 0 10px;
    line-height: 26px;
    font-family: var(--yumincho);
    color: var(--font-color);
    font-weight: 500;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.gc-legacy .home-column__item-terms{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 10px;
    margin-top: 15px;}
.gc-legacy .home-column__item-tax{display: flex;
    width: auto;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;}
.gc-legacy .home-column__item-tax > .column__item-tax:not(:last-child){margin-right: 10px;}
.gc-legacy .home-column__btns{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 80px;}
.gc-legacy .home-column__btns > a{width: 198px;}

}
@media screen and (min-width:1025px){.gc-legacy .home-column{display: block;
    width: 100%;
    padding: 80px 0 100px 0;}
.gc-legacy .home-column__wrap{display: flex;
    justify-content: space-between;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .home-column__aside{display: block;
    width: 350px;
    padding-top: 90px;}
.gc-legacy .home-column__main{display: block;
    width: calc(100% - 350px - 50px);}
.gc-legacy .home-column__main-header{display: block;
    width: 100%;
    font-size: 35px;
    font-weight: 500;
    line-height: 60px;
    text-align: center;
    font-family: var(--yumincho);}
.gc-legacy .home-column__items{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 80px;}
.gc-legacy .home-column__item{display: block;
    width: calc(350/740 * 100%);}
.gc-legacy .home-column__item:nth-child(n+3){margin-top: 40px;}
.gc-legacy .home-column__item-link{display: block;
    width: 100%;
    color: var(--font-color);}
.gc-legacy .home-column__item-link > picture{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 21/14;
    overflow: hidden;}
.gc-legacy .home-column__item-link > picture > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.gc-legacy .home-column__item-link > .title{display: -webkit-box;
    width: 100%;
    margin-top: 15px;
    font-size: 20px;
    padding: 0 10px 0 10px;
    line-height: 26px;
    font-family: var(--yumincho);
    color: var(--font-color);
    font-weight: 500;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.gc-legacy .home-column__item-terms{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 10px;
    margin-top: 15px;}
.gc-legacy .home-column__item-tax{display: flex;
    width: auto;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;}
.gc-legacy .home-column__item-tax > .column__item-tax:not(:last-child){margin-right: 10px;}
.gc-legacy .home-column__btns{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 80px;}
.gc-legacy .home-column__btns > a{width: 198px;}

}
@media screen and (max-width:767px){.gc-legacy .home-column__ads{display: block;
    width: 100%;
    margin-top: 35px;}
.gc-legacy .home-column__ads > li{display: block;
    width: 100%;}
.gc-legacy .home-column__ads > li:nth-child(n+2){margin-top: 10px;}
.gc-legacy .home-column__ads-link{display: block;
    width: 100%;
    transition: opacity 0.3s ease;}
.gc-legacy .home-column__ads-link:hover{opacity: 0.7;}
.gc-legacy .home-column__ads-link > img{display: block;
    width: 100%;
    object-fit: cover;}

}
@media screen and (min-width:768px) and (max-width:1024px){.gc-legacy .home-column__ads{display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 35px;}
.gc-legacy .home-column__ads > li{display: block;
    width: calc(50% - 15px);}
.gc-legacy .home-column__ads > li:nth-child(n+3){margin-top: 30px;}
.gc-legacy .home-column__ads-link{display: block;
    width: 100%;
    transition: opacity 0.3s ease;}
.gc-legacy .home-column__ads-link:hover{opacity: 0.7;}
.gc-legacy .home-column__ads-link > img{display: block;
    width: 100%;
    object-fit: cover;}

}
@media screen and (min-width:1025px){.gc-legacy .home-column__ads{display: block;
    width: 100%;
    margin-top: 35px;}
.gc-legacy .home-column__ads > li{display: block;
    width: 100%;}
.gc-legacy .home-column__ads > li:nth-child(n+2){margin-top: 10px;}
.gc-legacy .home-column__ads-link{display: block;
    width: 100%;
    transition: opacity 0.3s ease;}
.gc-legacy .home-column__ads-link:hover{opacity: 0.7;}
.gc-legacy .home-column__ads-link > img{display: block;
    width: 100%;
    object-fit: cover;}

}
@media screen and (min-width:0px){.gc-legacy .home-news__wrap{display: block;
    width: 100%;
    margin-top: 35px;
    border: 10px solid #F4F4F4;
    padding: 30px 20px 30px 20px;}
.gc-legacy .home-news__header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 32.5px;}
.gc-legacy .home-news__list{display: block;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .home-news__list > li{display: block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #BEBEBE;}
.gc-legacy .home-news__list > li:not(:first-child){padding-top: 15px;}
.gc-legacy .home-news__list > li > a{display: flex;
    flex-direction: column;
    width: 100%;
    transition: opacity 0.3s ease;}
.gc-legacy .home-news__list > li > a:hover{opacity: 0.7;}
.gc-legacy .home-news__list > li > a > .date{font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #777777;}
.gc-legacy .home-news__list > li > a > .title{display: -webkit-box;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.8px;
    color: #1D1D1D;
    font-family: var(--yumincho);
    margin-top: 10px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

}
@media screen and (max-width:767px){.gc-legacy .home-links{display: block;
    width: 100%;
    padding-bottom: 80px;}
.gc-legacy .home-links__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .home-links__list{display: flex;
    flex-direction: column;
    width: 100%;}
.gc-legacy .home-links__list > li{display: block;
    width: 100%;}
.gc-legacy .home-links__list > li:nth-child(n+2){margin-top: 20px;}
.gc-legacy .home-links__list > li > a{position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 112px;
    overflow: hidden;}
.gc-legacy .home-links__list > li > a > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.gc-legacy .home-links__list > li > a > span{position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    width: calc(420/540 * 100%);
    height: 53px;
    background: rgba(255,255,255,0.8);
    font-size: 16px;
    font-weight: 600;
    font-family: var(--yumincho);
    color: var(--font-color);
    line-height: 1;}
.gc-legacy .home-links__list > li:nth-child(1) > a > span{right: 0;
    justify-content: flex-end;
    padding-right: 44px;}
.gc-legacy .home-links__list > li:nth-child(2) > a > span{left: 0;
    text-align: left;
    padding-left: 12px;}

}
@media screen and (max-width:359px){.gc-legacy .home-links__list > li > a > span{font-size: 15px;}

}
@media screen and (min-width:768px){.gc-legacy .home-links{display: block;
    width: 100%;}
.gc-legacy .home-links__inner{display: block;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .home-links__list{display: flex;
    justify-content: space-between;
    width: 100%;}
.gc-legacy .home-links__list > li{display: block;
    width: calc(540/1140 * 100%);}
.gc-legacy .home-links__list > li > a{position: relative;
    display: block;
    width: 100%;
    transition: opacity 0.3s ease;}
.gc-legacy .home-links__list > li > a:hover{opacity: 0.7;}
.gc-legacy .home-links__list > li > a > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .home-links__list > li > a > span{position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    width: calc(420/540 * 100%);
    height: 85px;
    background: rgba(255,255,255,0.8);
    font-size: 26px;
    font-weight: 600;
    font-family: var(--yumincho);
    color: var(--font-color);
    line-height: 1;}
.gc-legacy .home-links__list > li:nth-child(1) > a > span{right: 0;
    justify-content: flex-end;
    padding-right: 70px;}
.gc-legacy .home-links__list > li:nth-child(2) > a > span{left: 0;
    text-align: left;
    padding-left: 20px;}

}
@media screen and (min-width:768px) and (max-width:1024px){.gc-legacy .home-links__list > li > a > span{height: 65px;
    font-size: 18px;}

}
@media screen and (max-width:767px){.gc-legacy .home-voice{display: block;
    width: 100%;
    padding: 100px 0 110px 0;
    background: #F5F5F5;}
.gc-legacy .home-voice__inner{display: block;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto 0 auto;}
.gc-legacy .home-voice__header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 37.5px;
    text-align: center;
    font-family: var(--yumincho);}
.gc-legacy .home-voice__wrap{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 70px;}
.gc-legacy .home-voice__item{display: block;
    width: 100%;
    padding: 25px 25px 20px 25px;
    background: var(--white);}
.gc-legacy .home-voice__item:nth-child(n+2){margin-top: 25px;}
.gc-legacy .home-voice__item-title{display: -webkit-box;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    color: var(--font-color);
    font-family: var(--yumincho);
    margin-top: 10px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .home-voice__item-age{display: block;
    width: 100%;
    text-align: right;
    font-size: 15px;
    line-height: 26px;
    color: var(--font-color);
    font-weight: 600;
    font-family: var(--yumincho);
    margin-top: 10px;}
.gc-legacy .home-voice__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 70px;}
.gc-legacy .home-voice__btn > a{width: 198px;}

}
@media screen and (min-width:768px){.gc-legacy .home-voice{display: block;
    width: 100%;
    padding: 100px 0 100px 0;
    background: #F5F5F5;}
.gc-legacy .home-voice__inner{display: block;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .home-voice__header{display: block;
    width: 100%;
    font-size: 35px;
    font-weight: 500;
    line-height: 60px;
    text-align: center;
    font-family: var(--yumincho);}
.gc-legacy .home-voice__wrap{display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 80px;}
.gc-legacy .home-voice__item{display: block;
    width: calc(270/1140 * 100%);
    margin-right: calc(20/1140 * 100%);
    padding: 25px 25px 20px 25px;
    background: var(--white);
    transition: opacity 0.3s ease;}
.gc-legacy .home-voice__item:hover{opacity: 0.7;}
.gc-legacy .home-voice__item:nth-child(4n){margin-right: 0;}
.gc-legacy .home-voice__item-title{display: -webkit-box;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    color: var(--font-color);
    font-family: var(--yumincho);
    margin-top: 10px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .home-voice__item-age{display: block;
    width: 100%;
    text-align: right;
    font-size: 15px;
    line-height: 26px;
    color: var(--font-color);
    font-weight: 600;
    font-family: var(--yumincho);
    margin-top: 10px;}
.gc-legacy .home-voice__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 80px;}
.gc-legacy .home-voice__btn > a{width: 198px;}

}
@media screen and (max-width:767px){.gc-legacy .home-faq{display: block;
    width: 100%;
    padding: 100px 0 100px 0;
    background: #475058;}
.gc-legacy .home-faq__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .home-faq__header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    line-height: 37.5px;
    text-align: center;
    color: var(--white);
    font-family: var(--yumincho);}
.gc-legacy .home-faq__list{display: block;
    width: 100%;
    margin: 80px auto 0 auto;}
.gc-legacy .home-faq__list > li{display: block;
    width: 100%;
    padding: 20px 18px 20px 10px;
    background: var(--white);}
.gc-legacy .home-faq__list > li:nth-child(n+2){margin-top: 25px;}
.gc-legacy .home-faq__list > li > .question{position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    line-height: 27px;
    font-weight: 600;
    color: #626E79;
    padding: 9px 35px 9px 65px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .home-faq__list > li > .question::before{content: "Q";
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    font-size: 28px;
    font-family: 800;
    font-family: var(--yumincho);
    color: var(--white);
    background: #626E79;}
.gc-legacy .home-faq__list > li > .question > i{position: absolute;
    top: 21px;
    right: 0;
    display: block;
    width: 15px;
    height: 15px;}
.gc-legacy .home-faq__list > li > .question > i::before,.gc-legacy .home-faq__list > li > .question > i::after{content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);}
.gc-legacy .home-faq__list > li > .question > i::before{width: 100%;
    height: 2px;
    background: #626E79;}
.gc-legacy .home-faq__list > li > .question > i::after{width: 2px;
    height: 100%;
    background: #626E79;}
.gc-legacy .home-faq__list > li.active > .question > i::after{display: none;}
.gc-legacy .home-faq__list > li > .answer{display: block;
    width: 100%;
    margin-top: 5px;
    padding: 10px 30px 10px 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .home-faq__list > li > .answer > a{color: var(--gold);
    text-decoration: underline;
    transition: opacity 0.3s ease;}
.gc-legacy .home-faq__list > li > .answer > a:hover{opacity: 0.7;}
.gc-legacy .home-faq__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;}

}
@media screen and (min-width:768px){.gc-legacy .home-faq{display: block;
    width: 100%;
    padding: 100px 0 100px 0;
    background: #475058;
	margin-top: 80px;}
.gc-legacy .home-faq__inner{display: block;
    max-width: 860px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .home-faq__header{display: block;
    width: 100%;
    font-size: 35px;
    font-weight: 500;
    line-height: 60px;
    text-align: center;
    color: var(--white);
    font-family: var(--yumincho);}
.gc-legacy .home-faq__list{display: block;
    width: 100%;
    margin: 80px auto 0 auto;}
.gc-legacy .home-faq__list > li{display: block;
    width: 100%;
    padding: 20px calc(85/883 * 100%) 20px calc(52/883 * 100%);
    background: var(--white);}
.gc-legacy .home-faq__list > li:nth-child(n+2){margin-top: 25px;}
.gc-legacy .home-faq__list > li > .question{position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 20px;
    font-family: var(--yumincho);
    line-height: 33px;
    font-weight: 600;
    color: #626E79;
    padding: 6px 35px 6px 65px;}
.gc-legacy .home-faq__list > li > .question::before{content: "Q";
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    font-size: 28px;
    font-family: 800;
    font-family: var(--yumincho);
    color: var(--white);
    background: #626E79;}
.gc-legacy .home-faq__list > li > .question > i{position: absolute;
    top: 21px;
    right: 0;
    display: block;
    width: 15px;
    height: 15px;}
.gc-legacy .home-faq__list > li > .question > i::before,.gc-legacy .home-faq__list > li > .question > i::after{content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);}
.gc-legacy .home-faq__list > li > .question > i::before{width: 100%;
    height: 2px;
    background: #626E79;}
.gc-legacy .home-faq__list > li > .question > i::after{width: 2px;
    height: 100%;
    background: #626E79;}
.gc-legacy .home-faq__list > li.active > .question > i::after{display: none;}
.gc-legacy .home-faq__list > li > .answer{display: block;
    width: 100%;
    margin-top: 15px;
    padding: 10px 10px 10px 65px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .home-faq__list > li > .answer > a{color: var(--gold);
    text-decoration: underline;
    transition: opacity 0.3s ease;}
.gc-legacy .home-faq__list > li > .answer > a:hover{opacity: 0.7;}
.gc-legacy .home-faq__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;}

}
@media screen and (max-width:767px){.gc-legacy .page-wrap{display: block;
    width: 100%;
    padding: 40px 0 0 0;
    background: var(--white);}

}
@media screen and (min-width:768px){.gc-legacy .page-wrap{display: block;
    width: 100%;
    padding: 80px 0 0 0;
    background: var(--white);}

}
@media screen and (min-width:0px){.gc-legacy .pagination{display: flex;
    justify-content: center;
    align-items: center;
		width: 100%;
    margin-top: 60px;}
.gc-legacy .page-numbers{display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 35px;
    font-size: 16px;
    line-height:35px;
    color: var(--font-color);
    font-family: var(--yumincho);  
    font-weight: 700;  
    margin: 0 10px;
    background: var(--white);
    cursor: pointer;}
.gc-legacy .page-numbers:hover{transition: background 0.3s ease;
    background: var(--font-color);
    color:var(--white);}
.gc-legacy .page-numbers.current{background:var(--font-color);
    color: var(--white);}
.gc-legacy .page-numbers.current:hover{background:var(--font-color);
    color: var(--white);}
.gc-legacy .prev.page-numbers,.gc-legacy .next.page-numbers{position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 35px;
    font-size: 16px;
    font-weight: 700;
    line-height: 35px;
    transition: opacity 0.3s ease;}
.gc-legacy .next.page-numbers:hover,.gc-legacy .prev.page-numbers:hover{background: none;
    color: var(--font-color);
    opacity: 0.7;}

}
@media screen and (max-width:767px){.gc-legacy .request-form__btn-wrap{position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
    background: rgba(98,110,121,.95);
    z-index: 997;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    z-index: 999;}
.gc-legacy .request-form__btn-wrap.active{transform: translateY(0);}
.gc-legacy .request-form__button{display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 276px;
    width: 100%;
    padding: 6px 0;
    background: #9F9750;
    transition: background 0.3s ease;}
.gc-legacy .request-form__button:hover{background: var(--font-color);}
.gc-legacy .request-form__button > span{color: var(--white);
    font-family: var(--yumincho);
    font-weight: 600;
    text-align: center;}
.gc-legacy .request-form__button > span:nth-child(1){font-size: 14px;
    line-height: 18.2px;}
.gc-legacy .request-form__button > span:nth-child(2){font-size: 10px;
    line-height: 19.5px;}

}
@media screen and (min-width:768px){.gc-legacy .request-form__btn-wrap{position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
    background: rgba(98,110,121,.95);
    z-index: 997;
    transform: translateY(100%);
    transition: transform 0.3s ease;}
.gc-legacy .request-form__btn-wrap.active{transform: translateY(0);}
.gc-legacy .request-form__button{display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 572px;
    width: 100%;
    height: 60px;
    background: #9F9750;
    transition: background 0.3s ease;}
.gc-legacy .request-form__button:hover{background: var(--font-color);}
.gc-legacy .request-form__button > span{color: var(--white);
    font-family: var(--yumincho);
    font-weight: 600;}
.gc-legacy .request-form__button > span:nth-child(1){font-size: 16px;
    line-height: 20px;}
.gc-legacy .request-form__button > span:nth-child(2){font-size: 14px;
    line-height: 20px;}

}
@media screen and (max-width:767px){.gc-legacy .archive-search__wrap{display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .archive-search__content{display: block;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .archive-search__sidebar{display: block;
    width: 100%;}
  
}
@media screen and (min-width:768px) and (max-width:1024px){.gc-legacy .archive-search__wrap{display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .archive-search__content{display: block;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .archive-search__sidebar{display: block;
    width: 100%;}
  
}
@media screen and (min-width:1025px){.gc-legacy .archive-search__wrap{display: flex;
    justify-content: space-between;
    max-width: 1166px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .archive-search__content{display: block;
    width: calc(100% - 315px);
    padding-right: calc(41/1166 * 100%);}
.gc-legacy .archive-search__sidebar{display: block;
    width: 315px;}
  
}
@media screen and (max-width:767px){.gc-legacy .search-items{display: block;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .search-item{position: relative;
    display: block;
    width: 100%;
    padding: 40px 20px 40px 20px;
    border: 1px solid #6C6C6C;}
.gc-legacy .search-item:nth-child(n+2){margin-top: 100px;}
.gc-legacy .search-item__tooltip{position: absolute;
    top: -33px;
    left: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 46px;
    background: var(--gold);
    padding: 0 20px;
    font-size: 17px;
    font-weight: 600;
    font-family: var(--yumincho);
    color: var(--white);
    line-height: 1;}
.gc-legacy .search-item__tooltip::after{content: "";
    position: absolute;
    left: 6px;
    bottom: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 12.5px 0 12.5px;
    border-color: var(--gold) transparent transparent transparent;
    z-index: 1;}
.gc-legacy .search-item__header{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;}
.gc-legacy .requestlist-trigger,.gc-legacy .remove-requestlist-trigger{position: relative;
    display: block;
    width: 45px;
    height: 45px;
    transition: 0.1s ease-in-out;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    -ms-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;}
.gc-legacy .requestlist-trigger.add-request{background: #C7C7C7;}
.gc-legacy .requestlist-trigger.remove-request{background: #9F9750;}
.gc-legacy .remove-requestlist-trigger{background: #9F9750;}
.gc-legacy .requestlist-trigger::before,.gc-legacy .remove-requestlist-trigger::before{content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 23px;
    height: 17px;
    background: url(../../gardenconnect/./assets/images/search/icon-check.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .search-item__title{display: block;
    width: calc(100% - 45px - 16px);
    font-size: 23px;
    color: var(--font-color);
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    padding-top: 8px;}
.gc-legacy .search-item__main{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;}
.gc-legacy .page-with-sidebar__content-title{display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 34px;}
.gc-legacy .search-item__thumbnail{display: block;
    max-width: 285px;
    width: 100%;}
.gc-legacy .search-item__thumbnail > picture{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 71/47;
    overflow: hidden;}
.gc-legacy .search-item__thumbnail > picture > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.gc-legacy .search-item_no_thumb{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 157px;
    height: calc(157px + 1vw);
    background: #C7C7C7;
    color: var(--font-color);
    font-size: 20px;
    font-weight: 600;
    font-family: var(--yumincho);}
.gc-legacy .search-item__text{display: block;
    width: 100%;
    margin-top: 25px;}
.gc-legacy .search-item__officehour,.gc-legacy .search-item__holiday{display: flex;
    justify-content: space-between;
    width: 100%;}
.gc-legacy .search-item__holiday{margin-top: 10px;}
.gc-legacy .search-item__officehour > span,.gc-legacy .search-item__holiday > span{font-size: 16px;
    font-family: var(--yumincho);
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;}
.gc-legacy .search-item__officehour > span:nth-child(1),.gc-legacy .search-item__holiday > span:nth-child(1){width: 85px;}
.gc-legacy .search-item__officehour > span:nth-child(2),.gc-legacy .search-item__holiday > span:nth-child(2){width: calc(100% - 85px);}
.gc-legacy .search-item__address{position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: var(--yumincho);
    color: #626E79;
    padding-left: 20px;
    margin-top: 20px;}
.gc-legacy .search-item__address::before{content: "";
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../gardenconnect/./assets/images/search/icon-place.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .search-item__btn{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 56px;
    margin-top: 20px;
    background: var(--font-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: var(--white);
    transition: background 0.3s ease;}
.gc-legacy .search-item a:hover:not(.search-item__btn){transition: opacity 0.3s ease;
    opacity: 0.7;}
.gc-legacy .search-item__btn:hover{background: #626E79;}
.gc-legacy .no-post-text{display: block;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--yumincho);}

}
@media screen and (min-width:768px){.gc-legacy .search-items{display: block;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .search-item{position: relative;
    display: block;
    width: 100%;
    padding: 40px 30px 40px 30px;
    border: 1px solid #6C6C6C;}
.gc-legacy .search-item:nth-child(n+2){margin-top: 71px;}
.gc-legacy .search-item__tooltip{position: absolute;
    top: -33px;
    left: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 46px;
    background: var(--gold);
    padding: 0 20px;
    font-size: 17px;
    font-weight: 600;
    font-family: var(--yumincho);
    color: var(--white);
    line-height: 1;}
.gc-legacy .search-item__tooltip::after{content: "";
    position: absolute;
    left: 6px;
    bottom: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 12.5px 0 12.5px;
    border-color: var(--gold) transparent transparent transparent;
    z-index: 1;}
.gc-legacy .search-item__header{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;}
.gc-legacy .requestlist-trigger,.gc-legacy .remove-requestlist-trigger{position: relative;
    display: block;
    width: 45px;
    height: 45px;
    transition: 0.1s ease-in-out;
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    -ms-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;}
.gc-legacy .requestlist-trigger.add-request{background: #C7C7C7;}
.gc-legacy .requestlist-trigger.remove-request{background: #9F9750;}
.gc-legacy .remove-requestlist-trigger{background: #9F9750;}
.gc-legacy .requestlist-trigger::before,.gc-legacy .remove-requestlist-trigger::before{content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 23px;
    height: 17px;
    background: url(../../gardenconnect/./assets/images/search/icon-check.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .search-item__title{display: block;
    width: calc(100% - 45px - 16px);
    font-size: 26px;
    color: var(--font-color);
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 1.2;
    text-align: justify;
    word-break: break-all;
    padding-top: 7px;}
.gc-legacy .search-item__main{display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-top: 20px;}
.gc-legacy .page-with-sidebar__content-title{display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 34px;}
.gc-legacy .search-item__thumbnail{display: block;
    width: calc(355/748 * 100%);}
.gc-legacy .search-item__thumbnail > picture{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 71/47;
    overflow: hidden;}
.gc-legacy .search-item__thumbnail > picture > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.gc-legacy .search-item_no_thumb{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #C7C7C7;
    color: var(--font-color);
    font-size: 20px;
    font-weight: 600;
    font-family: var(--yumincho);}
.gc-legacy .search-item__text{display: block;
    width: calc(365/748 * 100%);}
.gc-legacy .search-item__officehour,.gc-legacy .search-item__holiday{display: flex;
    justify-content: space-between;
    width: 100%;
    transition: opacity 0.3s ease;}
.gc-legacy .search-item__holiday:hover,.gc-legacy .search-item__officehour:hover{opacity: 0.7 ;}
.gc-legacy .search-item__officehour > span,.gc-legacy .search-item__holiday > span{font-size: 16px;
    font-family: var(--yumincho);
    color: var(--font-color);
    font-weight: 500;
    line-height: 30px;}
.gc-legacy .search-item__officehour > span:nth-child(1),.gc-legacy .search-item__holiday > span:nth-child(1){width: 85px;}
.gc-legacy .search-item__officehour > span:nth-child(2),.gc-legacy .search-item__holiday > span:nth-child(2){width: calc(100% - 85px);}
.gc-legacy .search-item__address{position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: var(--yumincho);
    
    padding-left: 25px;}
.gc-legacy .search-item__address::before{content: "";
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../gardenconnect/./assets/images/search/icon-place.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .search-item__btn{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 56px;
    margin-top: 20px;
    background: var(--font-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: var(--white);
    transition: background 0.3s ease;}
.gc-legacy .search-item a:hover:not(.search-item__btn){transition: opacity 0.3s ease;
    opacity: 0.7;}
.gc-legacy .search-item__btn:hover{background: #626E79;}
.gc-legacy .no-post-text{display: block;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--yumincho);}

}
@media screen and (max-width:767px){.gc-legacy .archive-search-frm{display: block;
    width: 100%;
    background: #F4F4F4;
    padding: 35px;}
.gc-legacy .archive-search-frm__title{display: block;
    width: 100%;
    font-size: 23px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 31px;
    text-align: center;}
.gc-legacy .search-frm{display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 25px;}
.gc-legacy .search-frm > label{display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1;}
.gc-legacy .search-select__wrap{position: relative;
    display: block;
    width: 100%;
    height: 45px;
    background: var(--white);
    border: 1px solid #626E79;
    margin-top: 15px;}
.gc-legacy .search-select__wrap::after{content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 43px;
    height: 42px;
    background: var(--white) url(../../gardenconnect/./assets/images/search/icon-select.svg) no-repeat center;
    background-size: 9px 15px;
    pointer-events: none;}
.gc-legacy .search-select__wrap > select{width: 100%;
    height: 43px;
    padding:0 43px 0 10px;
    background: var(--white);
    border: none;
    border-radius: none;}
.gc-legacy .search-frm__btns{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .search-btn{display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 40px;
    background: var(--font-color);
    font-size: 15px;
    color: var(--white);
    line-height: 1;
    font-weight: 700;
    transition: background 0.3s ease;
    cursor: pointer;}
.gc-legacy .search-btn:hover{background: #626E79;}

}
@media screen and (min-width:768px)  and (max-width:1024px){.gc-legacy .archive-search-frm{display: block;
    width: 100%;
    background: #F4F4F4;
    padding: 30px 25px 30px 25px;}
.gc-legacy .archive-search-frm__title{display: block;
    width: 100%;
    font-size: 23px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 31px;
    text-align: center;}
.gc-legacy .search-frm{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 25px;}
.gc-legacy .search-frm > label{display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1;}
.gc-legacy .search-select__wrap{position: relative;
    display: block;
    width: calc(50% - 15px);
    height: 45px;
    background: var(--white);
    border: 1px solid #626E79;
    margin-top: 15px;}
.gc-legacy .search-select__wrap::after{content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 43px;
    height: 42px;
    background: var(--white) url(../../gardenconnect/./assets/images/search/icon-select.svg) no-repeat center;
    background-size: 9px 15px;
    pointer-events: none;}
.gc-legacy .search-select__wrap > select{width: calc(100% + 2px);
    height: 43px;
    padding:0 43px 0 10px;
    background: var(--white);
    border: none;
    border-radius: none;}
.gc-legacy .search-frm__btns{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .search-btn{display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 40px;
    background: var(--font-color);
    font-size: 15px;
    color: var(--white);
    line-height: 1;
    font-weight: 700;
    transition: background 0.3s ease;
    cursor: pointer;}
.gc-legacy .search-btn:hover{background: #626E79;}

}
@media screen and (min-width:1025px){.gc-legacy .archive-search-frm{display: block;
    width: 100%;
    background: #F4F4F4;
    padding: 30px 25px 30px 25px;
    margin-top: calc(60px + 36.4px);}
.gc-legacy .archive-search-frm__title{display: block;
    width: 100%;
    font-size: 23px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 31px;
    text-align: center;}
.gc-legacy .search-frm{display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 25px;}
.gc-legacy .search-frm > label{font-size: 20px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1;}
.gc-legacy .search-select__wrap{position: relative;
    display: block;
    width: 100%;
    height: 45px;
    background: var(--white);
    border: 1px solid #626E79;
    margin-top: 15px;}
.gc-legacy .search-select__wrap::after{content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 43px;
    height: 42px;
    background: var(--white) url(../../gardenconnect/./assets/images/search/icon-select.svg) no-repeat center;
    background-size: 9px 15px;
    pointer-events: none;}
.gc-legacy .search-select__wrap > select{width: 100%;
    height: 43px;
    padding:0 43px 0 10px;    
    background: var(--white);
    border: none;
    border-radius: none;}
.gc-legacy .search-frm__btns{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .search-btn{display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 40px;
    background: var(--font-color);
    font-size: 15px;
    color: var(--white);
    line-height: 1;
    font-weight: 700;
    transition: background 0.3s ease;
    cursor: pointer;}
.gc-legacy .search-btn:hover{background: #626E79;}

}
@media screen and (max-width:1024px){.gc-legacy .single-page-search .container{padding: 0;}
.gc-legacy .single-search__wrap{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .single-search__content{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;}
.gc-legacy .single-search__sidebar{display: none;}

}
@media screen and (max-width:767px){.gc-legacy .single-search__wrap{max-width: 480px;}

}
@media screen and (min-width:1025px){.gc-legacy .single-search__wrap{display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .single-search__content{display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: calc(100% - 360px);
    padding-right: calc(50/1266 * 100%);}
.gc-legacy .single-search__sidebar{display: block;
    width: 360px;}
.gc-legacy .single-search__sp-button{display: none;}

}
@media screen and (max-width:767px){.gc-legacy .single-search__content-wrap{display: block;
    max-width: 720px;
    width: 100%;
    background: #F4F4F4;
    padding: 50px 20px 50px 20px;}
.gc-legacy .single-search__title{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 1.3;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .single-search__carousel_wrap{display: block;
    width: 100%;
    margin: 40px auto 0 auto;}
.gc-legacy .frame-wrap{width: 100%;
    height: 100%;}
.gc-legacy .frame-wrap .swiper-slide{display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}
.gc-legacy .frame-wrap .swiper-slide img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;}
.gc-legacy .swiper-button-prev{width: 30px;
    height: 70px;
    background: rgba(0,0,0,.7);
    left: 0;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) - 5px);}
.gc-legacy .swiper-button-next{width: 30px;
    height: 70px;
    background: rgba(0,0,0,.7);
    right: 0;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) - 5px);}
.gc-legacy .swiper-button-next::after,.gc-legacy .swiper-button-prev::after{font-family: swiper-icons;
    font-size: 20px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    color: var(--white);}
.gc-legacy .thumbnail-wrap{width: 100%;
    margin-top: 5px;
    box-sizing: border-box;}
.gc-legacy .thumbnail-wrap .swiper-slide{opacity: 0.4;}
.gc-legacy .thumbnail-wrap .swiper-slide-thumb-active{opacity: 1;}
.gc-legacy .thumbnail-wrap .swiper-slide img{display: block;
    width: 100%;
    object-fit: cover;}

  
}
.gc-legacy .thumbnail-wrap .swiper-slide img{height:100%;}
@media screen and (min-width:768px){.gc-legacy .single-search__content-wrap{display: block;
    max-width: 720px;
    width: 100%;
    background: #F4F4F4;
    padding: 50px 30px 50px 30px;}
.gc-legacy .single-search__title{display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 1.3;}
.gc-legacy .single-search__carousel_wrap{display: block;
    max-width: 535px;
    width: 100%;
    margin: 40px auto 0 auto;}
.gc-legacy .frame-wrap{width: 100%;
    height: 100%;}
.gc-legacy .frame-wrap .swiper-slide{display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}
.gc-legacy .frame-wrap .swiper-slide img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;}
.gc-legacy .swiper-button-prev{width: 30px;
    height: 70px;
    background: rgba(0,0,0,.7);
    left: 0;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) - 5px);}
.gc-legacy .swiper-button-next{width: 30px;
    height: 70px;
    background: rgba(0,0,0,.7);
    right: 0;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2) - 5px);}
.gc-legacy .swiper-button-next::after,.gc-legacy .swiper-button-prev::after{font-family: swiper-icons;
    font-size: 20px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    color: var(--white);}
.gc-legacy .thumbnail-wrap{width: 100%;
    margin-top: 5px;
    box-sizing: border-box;}
.gc-legacy .thumbnail-wrap .swiper-slide{opacity: 0.4;}
.gc-legacy .thumbnail-wrap .swiper-slide-thumb-active{opacity: 1;}
.gc-legacy .thumbnail-wrap .swiper-slide img{display: block;
    width: 100%;
    object-fit: cover;}

  
}
@media screen and (max-width:767px){.gc-legacy .single-search__content-title{display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);
	  line-height: 1.3;}
.gc-legacy .single-search__content-body{display: block;
    width: 100%;
    margin-top: 40px;
    font-family: var(--yumincho);}
.gc-legacy .single-search__content-body > *:not(:first-child){margin-top: 25px;}
.gc-legacy .single-search__content-body p{font-size: 15px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    line-height: 1.7;}

}
@media screen and (min-width:768px){.gc-legacy .single-search__content-title{display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 50px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .single-search__content-body{display: block;
    width: 100%;
    margin-top: 40px;
    font-family: var(--yumincho);}
.gc-legacy .single-search__content-body > *:not(:first-child){margin-top: 25px;}
.gc-legacy .single-search__content-body p{font-size: 15px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    line-height: 1.7;}

}
@media screen and (max-width:767px){.gc-legacy .single-search__outline{display: block;
    width: 100%;
    margin-top: 50px;
    line-height: 1;}
.gc-legacy .single-search__outline-title{display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 800;
    color: #4C6278;
    font-family: var(--yumincho);}
.gc-legacy .single-search__outline-table{width: 100%;
    border-collapse: collapse;
    margin-top: 25px;}
.gc-legacy .single-search__outline-table tr th{display: block;
    width: 100%;
    height: 40px;
    text-align: center;
    color: var(--white);
    background: #626E79;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;}
.gc-legacy .single-search__outline-table tr td{display: block;
    width: 100%;
    width: 100%;
    text-align: left;
    background: var(--white);
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px 10px 20px;
    line-height: 30px;}
.gc-legacy .single-search__outline-table tr:not(:last-child) td{border-bottom: 1px solid var(--white);}

}
@media screen and (min-width:768px){.gc-legacy .single-search__outline{display: block;
    width: 100%;
    margin-top: 50px;
    line-height: 1;}
.gc-legacy .single-search__outline-title{display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 800;
    color: #4C6278;
    font-family: var(--yumincho);}
.gc-legacy .single-search__outline-table{width: 100%;
    border-collapse: collapse;
    margin-top: 25px;}
.gc-legacy .single-search__outline-table tr th{width: 230px;
    text-align: left;
    color: var(--white);
    background: #626E79;
    font-size: 16px;
    font-weight: 700;
    padding: 13px 0 13px 40px;
    line-height: 20px;
    vertical-align: top;}
.gc-legacy .single-search__outline-table tr:not(:last-child) th{border-bottom: 1px solid var(--white);}
.gc-legacy .single-search__outline-table tr td{width: calc(100% - 230px);
    text-align: left;
    background: var(--white);
    font-size: 16px;
    font-weight: 500;
    padding: 8px 10px 8px 40px;
    line-height: 30px;
    vertical-align: top;}
.gc-legacy .single-search__outline-table tr:not(:last-child) td{border-bottom: 1px solid var(--white);}

}
@media screen and (max-width:767px){.gc-legacy .single-search__access-map{display: block;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .single-search__access-map-title{display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 800;
    color: #4C6278;
    font-family: var(--yumincho);}
.gc-legacy .single-search__access-address{display: block;
    width: 100%;
    font-size: 16px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 1.5;
    margin-top: 25px;}
.gc-legacy .single-search__map{display: block;
    width: 100%;
    height: 187px;
    border: 1px solid #707070;
    margin-top: 25px;}
.gc-legacy .single-search__map > iframe{width: 100%;
    height: 100%;}

}
@media screen and (min-width:768px){.gc-legacy .single-search__access-map{display: block;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .single-search__access-map-title{display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 800;
    color: #4C6278;
    font-family: var(--yumincho);}
.gc-legacy .single-search__access-address{display: block;
    width: 100%;
    font-size: 16px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 1.5;
    margin-top: 25px;}
.gc-legacy .single-search__map{display: block;
    width: 100%;
    height: 187px;
    border: 1px solid #707070;
    margin-top: 25px;}
.gc-legacy .single-search__map > iframe{width: 100%;
    height: 100%;}

}
@media screen and (min-width:0px){.gc-legacy .single-search__buttons-wrap{display: block;
    width: 100%;}
.gc-legacy .single-search__buttons-inner{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 35px 30px 35px 30px;
    background: #F4F4F4;}
.gc-legacy .single-search__buttons-title{display: block;
    font-size: 23px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 40px;}
.gc-legacy .single-search__contact-btn{display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 84px;
    background: #3B4043;
    margin-top: 10px;}
.gc-legacy .single-search__contact-btn.disable{pointer-events: none;}
.gc-legacy .single-search__contact-btn > span{color: var(--white);}
.gc-legacy .single-search__contact-btn > span:nth-child(1){position: relative;
    padding: 0 20px;
    font-size: 15px;
    font-weight: 700;}
.gc-legacy .single-search__contact-btn > span:nth-child(1)::before,.gc-legacy .single-search__contact-btn > span:nth-child(1)::after{content: "";
    position: absolute;
    bottom: 5px;
    display: block;
    width: 10px;
    height: 12px;}
.gc-legacy .single-search__contact-btn > span:nth-child(1)::before{left: 0;
    background: url(../../gardenconnect/./assets/images/search/icon-fslash.svg) no-repeat center;
    background-size: cover;}
.gc-legacy .single-search__contact-btn > span:nth-child(1)::after{right: 0;
    background: url(../../gardenconnect/./assets/images/search/icon-bslash.svg) no-repeat center;
    background-size: cover;}
.gc-legacy .single-search__contact-btn > span:nth-child(2){font-size: 20px;
    font-weight: 700;
    line-height: 1.5;}
.gc-legacy .single-search__addbtn{display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 45px;    
    margin-top: 20px;
    transition: opacity 0.3s ease;
    cursor: pointer;}
.gc-legacy .single-search__addbtn.addtrigger{background: #5A97A5;}
.gc-legacy .single-search__addbtn.disable-btn{background: #ADADAD;
    pointer-events: none;}
.gc-legacy .single-search__addbtn:hover{opacity: 0.7;}
.gc-legacy .single-search__addbtn > span{position: relative;
    width: auto;
    padding-left: 25px;
    height: 19px;
    line-height: 19px;
    font-size: 15px;
    font-weight: 700;
    color: var(--white);}
.gc-legacy .single-search__addbtn > span::before{content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 19px;
    height: 19px;
    background: url(../../gardenconnect/./assets/images/search/icon-plus.svg) no-repeat center;
    background-size: cover;}
.gc-legacy .single-search__list-btn{display: flex;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 45px;
    background: var(--white);
    border:1px solid #5A97A5;
    margin-top: 15px;
    transition: opacity 0.3s ease;}
.gc-legacy .single-search__list-btn:hover{opacity: 0.7;}
.gc-legacy .single-search__list-btn > span{position: relative;
    width: auto;
    padding-left: 25px;
    height: 19px;
    line-height: 19px;
    font-size: 15px;
    font-weight: 700;
    color: #5A97A5;}
.gc-legacy .single-search__list-btn > span::before{content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 19px;
    height: 19px;
    background: url(../../gardenconnect/./assets/images/search/icon-list.svg) no-repeat center;
    background-size: contain;}

  
}
@media screen and (max-width:1024px){.gc-legacy .single-search__sp-buttons-wrap{display: block;
    max-width: 360px;
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;}
.gc-legacy .single-search__sp-buttons-inner{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 35px 20px 35px 20px;
    background: #F4F4F4;}

}
@media screen and (max-width:768px){.gc-legacy .single-search__sp-buttons-inner{padding: 35px 5px 35px 5px;}

}
@media screen and  (max-width:767px){.gc-legacy .single-search__items-wrap{display: block;
    max-width: 720px;
    width: 100%;
    background: #F4F4F4;
    padding: 30px 20px 30px 20px;
    margin-top: 60px;}
.gc-legacy .single-search__items-title{display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 1.3;
    text-align: justify;
    word-break: break-all;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .single-search__items-block{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .single-search__item{display: block;
    width: calc(50% - 10px);
    transition: opacity 0.3s ease;}
.gc-legacy .single-search__item:nth-child(n+3){margin-top: 20px;}
.gc-legacy .single-search__item > picture{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 104px;
    aspect-ratio: 71/47;
    overflow: hidden;}
.gc-legacy .single-search__item > picture > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.gc-legacy .single-search_no_thumb{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 104px;
    aspect-ratio: 71/47;
    background: #C7C7C7;
    color: var(--font-color);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    font-family: var(--yumincho);}
.gc-legacy .single-search__item > .title{display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    margin-top: 13px;}

}
@media screen and  (min-width:768px){.gc-legacy .single-search__items-wrap{display: block;
    max-width: 720px;
    width: 100%;
    background: #F4F4F4;
    padding: 50px 30px 50px 30px;
    margin-top: 60px;}
.gc-legacy .single-search__items-title{display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 1.3;
    text-align: justify;
    word-break: break-all;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .single-search__items-block{display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .single-search__item{display: block;
    width: calc(150/660 * 100%);
    transition: opacity 0.3s ease;
    margin-right: calc(20/660 * 100%);}
.gc-legacy .single-search__item:nth-child(4n){margin-right: 0px;}
.gc-legacy .single-search__item:hover{opacity: 0.7;}
.gc-legacy .single-search__item > picture{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 71/47;
    overflow: hidden;}
.gc-legacy .single-search__item > picture > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.gc-legacy .single-search_no_thumb{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 71/47;
    background: #C7C7C7;
    color: var(--font-color);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    font-family: var(--yumincho);}
.gc-legacy .single-search__item > .title{display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--font-color);
    text-align: justify;
    word-break: break-all;
    margin-top: 13px;}

}
@media screen and (max-width:767px){.gc-legacy .single-search__items-btns-wrap{display: flex;
    justify-content: center;
    max-width: 720px;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .single-search__items-btn{display: flex;
    justify-content: center;
    align-items: center;
    width: 263px;
    height: 41px;
    border: 1px solid var(--font-color);
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    font-family: var(--yumincho);
    color: var(--font-color);
    transition: background 0.3s ease, color 0.3s ease;}

  
}
@media screen and (min-width:768px){.gc-legacy .single-search__items-btns-wrap{display: flex;
    justify-content: center;
    max-width: 720px;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .single-search__items-btn{display: flex;
    justify-content: center;
    align-items: center;
    width: 263px;
    height: 41px;
    border: 1px solid var(--font-color);
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    font-family: var(--yumincho);
    color: var(--font-color);
    transition: background 0.3s ease, color 0.3s ease;}
.gc-legacy .single-search__items-btn:hover{background: var(--font-color);
    color: var(--white);}

}
@media screen and (max-width:767px){.gc-legacy .list__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .page-list__header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 36.4px;}
.gc-legacy .page-list__empty{display: block;
    max-width: 810px;
    width: 100%;
    margin: 70px auto 0 auto;}
.gc-legacy .page-list__empty.hide{display: none;}
.gc-legacy .page-list__empty-text{display: block;
    width: 100%;
    font-size: 18px;
    line-height: 1.7;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;}
.gc-legacy .page-list__btn{display: flex;
    justify-content: center;
    max-width: 810px;
    width: 100%;
    margin: 80px auto 0 auto;}
.gc-legacy .page-list__btn > a{width: 263px;}
.gc-legacy .page-list__wrap{display: block;
    max-width: 810px;
    width: 100%;
    margin: 70px auto 0 auto;}
.gc-legacy .page-list__wrap > .search-item:nth-child(n+2){margin-top: 80px;}

}
@media screen and (min-width:768px){.gc-legacy .list__inner{display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .page-list__header{display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 34px;}
.gc-legacy .page-list__empty{display: block;
    max-width: 810px;
    width: 100%;
    margin: 70px auto 0 auto;}
.gc-legacy .page-list__empty.hide{display: none;}
.gc-legacy .page-list__empty-text{display: block;
    width: 100%;
    font-size: 18px;
    line-height: 1.7;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: center;}
.gc-legacy .page-list__btn{display: flex;
    justify-content: center;
    max-width: 810px;
    width: 100%;
    margin: 80px auto 0 auto;}
.gc-legacy .page-list__btn > a{width: 263px;}
.gc-legacy .page-list__wrap{display: block;
    max-width: 810px;
    width: 100%;
    margin: 70px auto 0 auto;}
.gc-legacy .page-list__wrap > .search-item:nth-child(n+2){margin-top: 80px;}

}
@media screen and  (max-width:767px){.gc-legacy .page__request-inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .page__request-header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 34px;}
.gc-legacy .page__request-text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 32px;}
.gc-legacy .page__request-form{display: block;
    width: 100%;
    margin-top: 58px;}
.gc-legacy .request-form__item{display: block;
    width: 100%;}
.gc-legacy .request-form__field-header{display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 28.6px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .request-form__caution{display: block;
    width: 100%;
    text-align: right;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 19.5px;
    padding: 0 15px;}
.gc-legacy .request-form__error-msg{position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #D80000;
    padding-left: 28px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;}
.gc-legacy .request-form__error-msg::before{content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../gardenconnect/./assets/images/icon-error.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .request-form__item-list{display: block;
    width: 100%;}
.gc-legacy .request-form__item-list.m15{margin-top: 15px;}
.gc-legacy .request-form__item-list.m30{margin-top: 30px;}
.gc-legacy .request-form__item-list > li{position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 20px 20px 20px 20px;
    background: #F4F4F4;}
.gc-legacy .request-form__item-list > li:not(:last-child){margin-bottom: 30px;}
.gc-legacy .request-form__item-list > li > .trigger-btn{position: absolute;
    top: 5px;
    right: 12px;
    display: block;
    width: 66px;
    height: 42px;
    padding-top: 22px;
    cursor: pointer;
    transition: opacity 0.3s ease;}
.gc-legacy .request-form__item-list > li > .trigger-btn:hover{opacity: 0.7;}
.gc-legacy .request-form__item-list > li > .trigger-btn::before{content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 28px;
    height: 27px;
    background: url(../../gardenconnect/./assets/images/icon-delete.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .request-form__item-list > li > .trigger-btn > span{display: block;
    width: 100%;
    font-size: 11px;
    line-height: 20px;
    font-weight: 700;
    font-family: var(--yumincho);
    text-align: center;
    color: #6C6C6C;}
.gc-legacy .request-form__item-list > li > .company{display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;}
.gc-legacy .request-form__item-list > li > .company > span:nth-child(1){font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #1D1D1D;
    line-height: 26px;}
.gc-legacy .request-form__item-list > li > .company > span:nth-child(2){display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #1D1D1D;
    line-height: 28.6px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .request-form__information{display: block;
    width: 100%;
    margin-top: 67px;}
.gc-legacy .request-form__field-wrap{display: block;
    width: 100%;
    margin-top: 40px;}
.gc-legacy .field-wrap{display: flex;
    flex-direction: column;
    width: 100%;}
.gc-legacy .field-wrap:nth-child(n+2){margin-top: 30px;}
.gc-legacy .field-wrap > label{display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 26px;}
.gc-legacy .field-wrap > label > .mandatory{display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 21px;
    background: var(--gold);
    color: var(--white);
    font-family: var(--yumincho);
    margin-left: 15px;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    margin-right: 15px;}
.gc-legacy .field-wrap > label > .memo{display: block;
    width: 100%;
    font-size: 12px;
    line-height: 26px;
    font-weight: 500;
    font-family: var(--yumincho);}
.gc-legacy .field-wrap > .field{display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 13px;}
.gc-legacy .field-wrap > .field > input[type="text"]{width: 100%;
    height: 50px;
    border: 1px solid #808080;
    border-radius: 6px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    padding: 15px 15px 15px 15px;}
.gc-legacy .field-wrap > .field > input[type="text"]::placeholder{color: #ADADAD;}
.gc-legacy .field-wrap > .field > .zipcode{width: 160px !important;}
.gc-legacy .field-wrap > .field > .fill-address{display: flex;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 38px;
    border-radius: 6px;
    font-size: 13px;
    color: var(--white);
    line-height: 1;
    font-weight: 700;
    background: #626E79;
    transition: opacity 0.3s ease;
    margin-left: 25px;
    margin-top: 6px;}
.gc-legacy .request-form__inquiry{display: block;
    width: 100%;
    margin-top: 80px;}
.gc-legacy .request-form__field-wrap .field-type > label,.gc-legacy .request-form__field-wrap .field-build > label{width: auto;}
.gc-legacy .request-form__field-wrap .field-place > label{width: 50%;}
.gc-legacy .request-form__field-wrap .field-place > label:nth-child(n+3){margin-top: 15px;}
.gc-legacy .request-form__field-wrap .field-type > label:not(:last-child),.gc-legacy .request-form__field-wrap .field-build > label:not(:last-child){margin-right: 30px;}
.gc-legacy .request-form__field-wrap .field-type .type,.gc-legacy .request-form__field-wrap .field-build .build,.gc-legacy .request-form__field-wrap .field-place .place{display: none;}
.gc-legacy .request-form__field-wrap .field-type .type + span,.gc-legacy .request-form__field-wrap .field-build .build + span,.gc-legacy .request-form__field-wrap .field-place .place + span{position: relative;
    display: flex;
    align-items: center;
    width: auto;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    padding-left: 20px;}
.gc-legacy .request-form__field-wrap .field-type .type + span::before,.gc-legacy .request-form__field-wrap .field-build .build + span::before,.gc-legacy .request-form__field-wrap .field-place .place + span::before{content: "";
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    border: 1px solid var(--font-color);
    z-index: 1;}
.gc-legacy .request-form__field-wrap .field-type .type:checked + span::after,.gc-legacy .request-form__field-wrap .field-build .build:checked + span::after,.gc-legacy .request-form__field-wrap .field-place .place:checked + span::after{content: "";
    position: absolute;
    top: 7px;
    left: 2px;
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 6px;
    background: var(--font-color);
    z-index: 2;}
.gc-legacy .page-contact__btns{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .field-select,.gc-legacy .field-textarea{display: block;
    width: 100%;}
.gc-legacy .field-select__wrap{position: relative;
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #808080;
    border-radius: 6px;}
.gc-legacy .field-select__wrap::after{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    display: block;
    width: 15.41px;
    height: 9.08px;
    background: url(../../gardenconnect/./assets/images/icon-select.svg) no-repeat center;
    background-size: contain;
    pointer-events: none;}
.gc-legacy .field-select__wrap select{width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0 50px 0 10px;
    font-size: 15px;
    font-weight: 500;}
.gc-legacy .field-textarea{margin-top: 22px;}
.gc-legacy .field-textarea textarea{width: 100%;
    height: 230px;
    padding: 18px 30px;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    border: 1px solid #808080;
    border-radius: 6px;}
.gc-legacy .field-textarea textarea::placeholder{color: #ADADAD;}
.gc-legacy .request-form__privacy-text{display: block;
    width: 100%;
    margin-top: 40px;
    padding: 0 10px;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .request-form__privacy-text > a{color: var(--gold);
    transition: opacity 0.3s ease;}
.gc-legacy .request-form__privacy-text > a:hover{opacity: 0.7;}
.gc-legacy .agree__warp{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 10px;
    margin-top: 30px;}
.gc-legacy .agree__warp > label{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;}
.gc-legacy .agree__warp > label .agree{display: none;}
.gc-legacy .agree__warp > label .agree + span{position: relative;
    display: block;
    font-size: 15px;
    line-height: 32px;
    font-weight: 500;
    width: auto;
    padding-left: 42px;}
.gc-legacy .agree__warp > label .agree + span::before{content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 7px;
    border: 1px solid #1D1D1D;
    z-index: 1;}
.gc-legacy .agree__warp > label .agree:checked + span::after{content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 32px;
    background: url(../../gardenconnect/./assets/images/icon-check.svg) no-repeat center;
    background-size: contain;
    z-index: 2;}
.gc-legacy .request-form__btn{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .error-button{display: flex;
    justify-content: center;
    align-items: center;
    width: 270px;
    height: 40px;
    background: #ADADAD;
    color: var(--white);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;}
.gc-legacy .field span.error,.gc-legacy .agree__warp span.error{display: block;
    width: 100%;
    color: #B70000;
    font-size: 13px;
    font-weight: 600;
    line-height: 19.5px;}
.gc-legacy .agree__warp span.error{max-width: 267px;}

}
@media screen and (max-width:359px){.gc-legacy .field-wrap > .field > .zipcode{width: 140px !important;}
.gc-legacy .field-wrap > .field > input[type="text"]{padding: 15px 15px 15px 15px;}
.gc-legacy .field-wrap > .field > .fill-address{margin-left: 15px;}

}
@media screen and  (min-width:768px){.gc-legacy .page__request-inner{display: block;
    max-width: 746px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .page__request-header{display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 34px;}
.gc-legacy .page__request-text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 32px;}
.gc-legacy .page__request-form{display: block;
    width: 100%;
    margin-top: 58px;}
.gc-legacy .request-form__item{display: block;
    width: 100%;}
.gc-legacy .request-form__field-header{display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 28.6px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .request-form__caution{display: block;
    width: 100%;
    text-align: right;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 19.5px;}
.gc-legacy .request-form__error-msg{position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #D80000;
    padding-left: 28px;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;}
.gc-legacy .request-form__error-msg::before{content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../gardenconnect/./assets/images/icon-error.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .request-form__item-list{display: block;
    width: 100%;}
.gc-legacy .request-form__item-list.m15{margin-top: 15px;}
.gc-legacy .request-form__item-list.m30{margin-top: 30px;}
.gc-legacy .request-form__item-list > li{display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 20px 32px 20px 77px;
    background: #F4F4F4;}
.gc-legacy .request-form__item-list > li:not(:last-child){margin-bottom: 30px;}
.gc-legacy .request-form__item-list > li > .trigger-btn{position: relative;
    display: block;
    width: 66px;
    height: 42px;
    padding-top: 22px;
    cursor: pointer;
    transition: opacity 0.3s ease;}
.gc-legacy .request-form__item-list > li > .trigger-btn:hover{opacity: 0.7;}
.gc-legacy .request-form__item-list > li > .trigger-btn::before{content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 28px;
    height: 27px;
    background: url(../../gardenconnect/./assets/images/icon-delete.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .request-form__item-list > li > .trigger-btn > span{display: block;
    width: 100%;
    font-size: 11px;
    line-height: 20px;
    font-weight: 700;
    font-family: var(--yumincho);
    text-align: center;
    color: #6C6C6C;}
.gc-legacy .request-form__item-list > li > .company{position: relative;
    display: block;
    width: calc(100% - 66px - 20px);
    padding-left: 51px;}
.gc-legacy .request-form__item-list > li > .company > span:nth-child(1){position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #1D1D1D;
    line-height: 26px;}
.gc-legacy .request-form__item-list > li > .company > span:nth-child(2){display: block;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: #1D1D1D;
    line-height: 26px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .request-form__information{display: block;
    width: 100%;
    margin-top: 67px;}
.gc-legacy .request-form__field-wrap{display: block;
    width: 100%;
    margin-top: 40px;}
.gc-legacy .field-wrap{display: flex;
    flex-direction: column;
    width: 100%;}
.gc-legacy .field-wrap:nth-child(n+2){margin-top: 30px;}
.gc-legacy .field-wrap > label{display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 26px;}
.gc-legacy .field-wrap > label > .mandatory{display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 21px;
    background: var(--gold);
    color: var(--white);
    font-family: var(--yumincho);
    margin-left: 15px;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;}
.gc-legacy .field-wrap > label > .memo{font-size: 12px;
    line-height: 26px;
    font-weight: 500;
    font-family: var(--yumincho);
    margin-left: 15px;}
.gc-legacy .field-wrap > .field{display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 13px;}
.gc-legacy .field-wrap > .field > input[type="text"]{width: 100%;
    height: 50px;
    border: 1px solid #808080;
    border-radius: 6px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    padding: 15px 30px 15px 30px;}
.gc-legacy .field-wrap > .field > input[type="text"]::placeholder{color: #ADADAD;}
.gc-legacy .field-wrap > .field > .zipcode{width: 160px !important;}
.gc-legacy .field-wrap > .field > .fill-address{display: flex;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 38px;
    border-radius: 6px;
    font-size: 13px;
    color: var(--white);
    line-height: 1;
    font-weight: 700;
    background: #626E79;
    transition: opacity 0.3s ease;
    margin-left: 25px;
    margin-top: 6px;}
.gc-legacy .page-contact__fields .input-field .fill-address:hover{opacity: 0.7;}
.gc-legacy .request-form__inquiry{display: block;
    width: 100%;
    margin-top: 80px;}
.gc-legacy .request-form__field-wrap .field-type > label,.gc-legacy .request-form__field-wrap .field-build > label{width: auto;}
.gc-legacy .request-form__field-wrap .field-place > label{width: 33.333333%;}
.gc-legacy .request-form__field-wrap .field-place > label:nth-child(n+4){margin-top: 15px;}
.gc-legacy .request-form__field-wrap .field-type > label:nth-child(n+2),.gc-legacy .request-form__field-wrap .field-build > label:nth-child(n+2){margin-left: 30px;}
.gc-legacy .request-form__field-wrap .field-type .type,.gc-legacy .request-form__field-wrap .field-build .build,.gc-legacy .request-form__field-wrap .field-place .place{display: none;}
.gc-legacy .request-form__field-wrap .field-type .type + span,.gc-legacy .request-form__field-wrap .field-build .build + span,.gc-legacy .request-form__field-wrap .field-place .place + span{position: relative;
    display: flex;
    align-items: center;
    width: auto;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    padding-left: 20px;}
.gc-legacy .request-form__field-wrap .field-type .type + span::before,.gc-legacy .request-form__field-wrap .field-build .build + span::before,.gc-legacy .request-form__field-wrap .field-place .place + span::before{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    border: 1px solid var(--font-color);
    z-index: 1;}
.gc-legacy .request-form__field-wrap .field-type .type:checked + span::after,.gc-legacy .request-form__field-wrap .field-build .build:checked + span::after,.gc-legacy .request-form__field-wrap .field-place .place:checked + span::after{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 6px;
    background: var(--font-color);
    z-index: 2;}
.gc-legacy .page-contact__btns{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .field-select,.gc-legacy .field-textarea{display: block;
    width: 100%;}
.gc-legacy .field-select__wrap{position: relative;
    display: block;
    width: 402px;
    height: 50px;
    border: 1px solid #808080;
    border-radius: 6px;}
.gc-legacy .field-select__wrap::after{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 48.6px;
    display: block;
    width: 15.41px;
    height: 9.08px;
    background: url(../../gardenconnect/./assets/images/icon-select.svg) no-repeat center;
    background-size: contain;
    pointer-events: none;}
.gc-legacy .field-select__wrap select{width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0 60px 0 10px;
    font-size: 15px;
    font-weight: 500;}
.gc-legacy .field-textarea{margin-top: 22px;}
.gc-legacy .field-textarea textarea{width: 100%;
    height: 230px;
    padding: 18px 30px;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    border: 1px solid #808080;
    border-radius: 6px;}
.gc-legacy .field-textarea textarea::placeholder{color: #ADADAD;}
.gc-legacy .request-form__privacy-text{display: block;
    width: 100%;
    margin-top: 40px;
    padding: 0 10px;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .request-form__privacy-text > a{color: var(--gold);
    transition: opacity 0.3s ease;}
.gc-legacy .request-form__privacy-text > a:hover{opacity: 0.7;}
.gc-legacy .agree__warp{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 10px;
    margin-top: 30px;}
.gc-legacy .agree__warp > label{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;}
.gc-legacy .agree__warp > label .agree{display: none;}
.gc-legacy .agree__warp > label .agree + span{position: relative;
    display: block;
    font-size: 15px;
    line-height: 32px;
    font-weight: 500;
    width: auto;
    padding-left: 42px;}
.gc-legacy .agree__warp > label .agree + span::before{content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 7px;
    border: 1px solid #1D1D1D;
    z-index: 1;}
.gc-legacy .agree__warp > label .agree:checked + span::after{content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 32px;
    background: url(../../gardenconnect/./assets/images/icon-check.svg) no-repeat center;
    background-size: contain;
    z-index: 2;}
.gc-legacy .request-form__btn{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .error-button{display: flex;
    justify-content: center;
    align-items: center;
    width: 270px;
    height: 40px;
    background: #ADADAD;
    color: var(--white);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;}
.gc-legacy .field span.error,.gc-legacy .agree__warp span.error{display: block;
    width: 100%;
    color: #B70000;
    font-size: 13px;
    font-weight: 600;
    line-height: 19.5px;}
.gc-legacy .agree__warp span.error{max-width: 267px;}

}
@media screen and (max-width:767px){.gc-legacy .page__request-cofirm-text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 32px;}
.gc-legacy .request-confirm__item-list{display: block;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .request-confirm__item-list > li{display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-size: 18px;
    font-weight: 500;}
.gc-legacy .request-confirm__item-list > li > span:nth-child(1){margin-right: 15px;}
.gc-legacy .request-confirm__item-list > li:nth-child(n+2){margin-top: 30px;}
.gc-legacy .page__request-confirm .field-wrap > label,.gc-legacy .page__request-confirm .field-wrap > .field{width: 100%;
    margin-top: 0;
    line-height: 26px;}
.gc-legacy .page__request-confirm .field-wrap > .field{margin-top: 10px;}
.gc-legacy .page__request-confirm .field-wrap:nth-child(n+2){margin-top: 40px;}

}
@media screen and (min-width:768px){.gc-legacy .page__request-cofirm-text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 32px;}
.gc-legacy .request-confirm__item-list{display: block;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .request-confirm__item-list > li{display: block;
    width: 100%;
    font-family: var(--yumincho);
    font-size: 18px;
    font-weight: 500;}
.gc-legacy .request-confirm__item-list > li > span:nth-child(1){margin-right: 15px;}
.gc-legacy .request-confirm__item-list > li:nth-child(n+2){margin-top: 30px;}
.gc-legacy .page__request-confirm .field-wrap{flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;}
.gc-legacy .page__request-confirm .field-wrap > label,.gc-legacy .page__request-confirm .field-wrap > .field{width: 50%;
    margin-top: 0;
    line-height: 26px;}
.gc-legacy .page__request-confirm .field-wrap:nth-child(n+2){margin-top: 40px;}

}
@media screen and  (max-width:767px){.gc-legacy .exterior-construction__inner{display: block;
    width: 100%;
    margin:0 auto 0 auto;}
.gc-legacy .exterior-construction__text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;}
.gc-legacy .exterior-construction__about{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 40px;}
.gc-legacy .exterior-construction__about-content{display: flex;
    flex-direction: column;
    width: 100%;
    background: var(--white);
    padding: 40px 10px 40px 10px;}
.gc-legacy .exterior-construction__about-header{display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 1.3;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .exterior-construction__about-text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;}
.gc-legacy .exterior-construction__about-btn{display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 25px;}
.gc-legacy .exterior-construction__about-img{display: block;
    width: 100%;}
.gc-legacy .exterior-construction__about-img > img{display: block;
    width: 100%;
    object-fit: cover;}

}
@media screen and  (min-width:768px){.gc-legacy .exterior-construction__inner{display: block;
    max-width: 946px;
    width: 100%;
    margin:0 auto 0 auto;}
.gc-legacy .exterior-construction__text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;}
.gc-legacy .exterior-construction__about{position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .exterior-construction__about-content{position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    width: calc(503/946 * 100%);
    background: var(--white);
    padding: 40px 30px 40px 30px;}
.gc-legacy .exterior-construction__about-header{display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 1.3;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .exterior-construction__about-text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;}
.gc-legacy .exterior-construction__about-btn{display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 25px;}
.gc-legacy .exterior-construction__about-img{display: block;
    width: calc(531/946 * 100%);}
.gc-legacy .exterior-construction__about-img > img{display: block;
    width: 100%;
    object-fit: cover;}

}
@media screen and  (min-width:768px) and (max-width:1024px){.gc-legacy .exterior-construction__about-img{height: 377px;}
.gc-legacy .exterior-construction__about-img > img{height: 100%;
    object-position: right;}

}
@media screen and (max-width:767px){.gc-legacy .exterior-construction__link-wrap{display: block;
    width: 100%;
    padding: 103px 0 0 0;}
.gc-legacy .exterior-construction__link-inner{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .exterior-construction__link{position: relative;
    width: 100%;}
.gc-legacy .exterior-construction__link:nth-child(n+2){margin-top: 15px;}
.gc-legacy .exterior-construction__link > span{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    width: auto;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    line-height: 21px;
    color: var(--white);
    font-family: var(--yumincho);
    white-space: nowrap;}
.gc-legacy .exterior-construction__link > picture{display: block;
    width: 100%;}
.gc-legacy .exterior-construction__link > picture > img{display: block;
    width: 100%;
    object-fit: cover;}

}
@media screen and (min-width:768px){.gc-legacy .exterior-construction__link-wrap{display: block;
    width: 100%;
    padding: 80px 0 0 0;}
.gc-legacy .exterior-construction__link-inner{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 946px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .exterior-construction__link{position: relative;
    width: calc(463/946 * 100%);
    transition: opacity 0.3s ease;}
.gc-legacy .exterior-construction__link:hover{opacity: 0.7;}
.gc-legacy .exterior-construction__link:nth-child(n+3){margin-top: 16px;}
.gc-legacy .exterior-construction__link > span{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    width: auto;
    font-size: 23px;
    font-weight: 800;
    text-align: center;
    line-height: 30px;
    color: var(--white);
    font-family: var(--yumincho);
    white-space: nowrap;}
.gc-legacy .exterior-construction__link > picture{display: block;
    width: 100%;}
.gc-legacy .exterior-construction__link > picture > img{display: block;
    width: 100%;
    object-fit: cover;}

}
@media screen and (max-width:767px){.gc-legacy .page__flow-exterior-construction{padding-bottom: 80px;}
.gc-legacy .flow-exterior-construction__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .flow-exterior-construction__text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;}
.gc-legacy .flow-exterior-construction__step-wrap{display: block;
    width: 100%;
    margin-top: 80px;}
.gc-legacy .flow-exterior-construction__step{display: block;
    width: 100%;}
.gc-legacy .flow-exterior-construction__step:nth-child(n+2){margin-top: 55px;}
.gc-legacy .flow-exterior-construction__step-header{position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 14px;
    border-bottom: 1px solid #626E79;}
.gc-legacy .flow-exterior-construction__step-header::before,.gc-legacy .flow-exterior-construction__step-header::after{content: "";
    position: absolute;
    display: block;}
.gc-legacy .flow-exterior-construction__step-header::before{bottom: -15px;
    left: 57px;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 20px 0 20px;
    border-color: var(--white) transparent transparent transparent;}
.gc-legacy .flow-exterior-construction__step-header::after{bottom: -16px;
    left: 57px;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 20px 0 20px;
    border-color: #626E79 transparent transparent transparent;}
.gc-legacy .flow-exterior-construction__step-header > span{line-height: 1.3;
    font-weight: 500;
    font-family: var(--yumincho);}
.gc-legacy .flow-exterior-construction__step-header > span:nth-child(1){font-size: 24px;}
.gc-legacy .flow-exterior-construction__step-header > span:nth-child(2){font-size: 20px;}
.gc-legacy .flow-exterior-construction__step-main{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 20px 0 20px;
    margin-top: 25px;}
.gc-legacy .flow-exterior-construction__step-main > picture{display: block;
    width: 100%;}
.gc-legacy .flow-exterior-construction__step-main > picture > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .flow-exterior-construction__step-content{display: block;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .flow-exterior-construction__step-content > p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;}
.gc-legacy .flow-exterior-construction__step-btn{display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .flow-exterior-construction__step-wrap + p{margin-top: 50px;}

}
@media screen and (max-width:369px){.gc-legacy .flow-exterior-construction__step-header > span:nth-child(1){font-size: 22px;}
.gc-legacy .flow-exterior-construction__step-header > span:nth-child(2){font-size: 18px;}

}
@media screen and (max-width:339px){.gc-legacy .flow-exterior-construction__step-header > span:nth-child(1){font-size: 21px;}
.gc-legacy .flow-exterior-construction__step-header > span:nth-child(2){font-size: 17px;}

}
@media screen and (min-width:768px){.gc-legacy .page__flow-exterior-construction{padding-bottom: 80px;}
.gc-legacy .flow-exterior-construction__inner{display: block;
    max-width: 946px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .flow-exterior-construction__text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;}
.gc-legacy .flow-exterior-construction__step-wrap{display: block;
    width: 100%;
    margin-top: 80px;}
.gc-legacy .flow-exterior-construction__step{display: block;
    width: 100%;}
.gc-legacy .flow-exterior-construction__step:nth-child(n+2){margin-top: 50px;}
.gc-legacy .flow-exterior-construction__step-header{position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 14px;
    border-bottom: 1px solid #626E79;}
.gc-legacy .flow-exterior-construction__step-header::before,.gc-legacy .flow-exterior-construction__step-header::after{content: "";
    position: absolute;
    display: block;}
.gc-legacy .flow-exterior-construction__step-header::before{bottom: -15px;
    left: 57px;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 20px 0 20px;
    border-color: var(--white) transparent transparent transparent;}
.gc-legacy .flow-exterior-construction__step-header::after{bottom: -16px;
    left: 57px;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 20px 0 20px;
    border-color: #626E79 transparent transparent transparent;}
.gc-legacy .flow-exterior-construction__step-header > span{line-height: 1.3;
    font-weight: 500;
    font-family: var(--yumincho);}
.gc-legacy .flow-exterior-construction__step-header > span:nth-child(1){font-size: 24px;}
.gc-legacy .flow-exterior-construction__step-header > span:nth-child(2){font-size: 20px;}
.gc-legacy .flow-exterior-construction__step-main{display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 25px;}
.gc-legacy .flow-exterior-construction__step-main > picture{display: block;
    width: calc(220/946 * 100%);}
.gc-legacy .flow-exterior-construction__step-main > picture > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .flow-exterior-construction__step-content{display: block;
    width: calc(661/946 * 100%);}
.gc-legacy .flow-exterior-construction__step-content > p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;}
.gc-legacy .flow-exterior-construction__step-btn{display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .flow-exterior-construction__step-wrap + p{margin-top: 50px;}

}
@media screen and (max-width:767px){.gc-legacy .exterior-construction__flow-link-wrap{display: block;
    width: 100%;
    padding: 50px 0 50px 0;
    background: #F4F4F4;}
.gc-legacy .exterior-construction__flow-link-inner{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .exterior-construction__flow-link{position: relative;
    width: 100%;}
.gc-legacy .exterior-construction__flow-link:nth-child(n+2){margin-top: 15px;}
.gc-legacy .exterior-construction__flow-link > span{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    width: auto;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    line-height: 21px;
    color: var(--white);
    font-family: var(--yumincho);
    white-space: nowrap;}
.gc-legacy .exterior-construction__flow-link > picture{display: block;
    width: 100%;}
.gc-legacy .exterior-construction__flow-link > picture > img{display: block;
    width: 100%;
    object-fit: cover;}

}
@media screen and (min-width:768px){.gc-legacy .exterior-construction__flow-link-wrap{display: block;
    width: 100%;
    padding: 80px 0 80px 0;
    background: #F4F4F4;}
.gc-legacy .exterior-construction__flow-link-inner{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 946px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .exterior-construction__flow-link{position: relative;
    width: calc(463/946 * 100%);
    transition: opacity 0.3s ease;}
.gc-legacy .exterior-construction__flow-link:hover{opacity: 0.7;}
.gc-legacy .exterior-construction__flow-link:nth-child(n+3){margin-top: 16px;}
.gc-legacy .exterior-construction__flow-link > span{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    width: auto;
    font-size: 23px;
    font-weight: 800;
    text-align: center;
    line-height: 30px;
    color: var(--white);
    font-family: var(--yumincho);
    white-space: nowrap;}
.gc-legacy .exterior-construction__flow-link > picture{display: block;
    width: 100%;}
.gc-legacy .exterior-construction__flow-link > picture > img{display: block;
    width: 100%;
    object-fit: cover;}

}
@media screen and (max-width:767px){.gc-legacy .page__choice{padding-bottom: 80px;}
.gc-legacy .choice__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .choice__text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;}
.gc-legacy .choice__point-wrap{display: block;
    width: 100%;
    margin-top: 80px;}
.gc-legacy .choice__step{position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 0 40px 0;}
.gc-legacy .choice__step:nth-child(n+2){margin-top: 50px;}
.gc-legacy .choice__step-main,.gc-legacy .choice__step > picture{position: relative;
    display: block;
    width: 100%;
    z-index: 2;}
.gc-legacy .choice__step > picture{margin-top: 40px;}
.gc-legacy .choice__step > picture > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .choice__step::after{content: "";
    position: absolute;
    top: 0;
    left: -20px;
    display: block;
    width: calc(100% - 10px);
    height: 100%;
    background: #F4F4F4;
    z-index: 1;}
.gc-legacy .choice__step-badge{display: block;
    width: 100%;
    font-size: 18px;
    line-height: 28.6px;
    font-family: var(--yumincho);
    font-weight: 600;
    color: #626E79;}
.gc-legacy .choice__step.reverse::after{left:initial;
    right: -20px;}
.gc-legacy .choice__step-header{display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 28.6px;
    
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .choice__step-main > p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;}
.gc-legacy .choice__point-wrap + p{margin-top: 50px;}

}
@media screen and (max-width:359px){.gc-legacy .choice__step-header{font-size: 20px;}

}
@media screen and (min-width:768px){.gc-legacy .page__choice{padding-bottom: 80px;}
.gc-legacy .choice__inner{display: block;
    max-width: 946px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .choice__text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;}
.gc-legacy .choice__point-wrap{display: block;
    width: 100%;
    margin-top: 80px;}
.gc-legacy .choice__step{position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 40px 0 40px 0;}
.gc-legacy .choice__step:nth-child(n+2){margin-top: 70px;}
.gc-legacy .choice__step-main,.gc-legacy .choice__step > picture{position: relative;
    display: block;
    width: calc(443/946 * 100%);
    z-index: 2;}
.gc-legacy .choice__step-main{margin-top: -40px;}
.gc-legacy .choice__step > picture > img{display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;}
.gc-legacy .choice__step::after{content: "";
    position: absolute;
    top: 0;
    right: 30px;
    display: block;
    width: calc(670/946 * 100%);
    height: 100%;
    background: #F4F4F4;
    z-index: 1;}
.gc-legacy .choice__step-badge{display: block;
    width: 100%;
    font-size: 18px;
    line-height: 28.6px;
    font-family: var(--yumincho);
    font-weight: 600;
    color: #626E79;}
.gc-legacy .choice__step.reverse{flex-direction: row-reverse;}
.gc-legacy .choice__step.reverse::after{right:initial;
    left: 30px;}
.gc-legacy .choice__step-header{display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 28.6px;
    
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .choice__step-main > p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;}
.gc-legacy .choice__point-wrap + p{margin-top: 50px;}

}
@media screen and (max-width:767px){.gc-legacy .page__faq{padding-bottom: 80px;
    background: #F4F4F4;}
.gc-legacy .faq__list{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .faq__list > li{display: block;
    width: 100%;
    padding: 20px 18px 20px 10px;
    background: var(--white);}
.gc-legacy .faq__list > li:nth-child(n+2){margin-top: 25px;}
.gc-legacy .faq__list > li > .question{position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 18px;
    font-family: var(--yumincho);
    line-height: 27px;
    font-weight: 600;
    color: #626E79;
    padding: 9px 28px 9px 65px;}
.gc-legacy .faq__list > li > .question::before{content: "Q";
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    font-size: 28px;
    font-family: 800;
    font-family: var(--yumincho);
    color: var(--white);
    background: #626E79;}
.gc-legacy .faq__list > li > .question > i{position: absolute;
    top: 21px;
    right: -5px;
    display: block;
    width: 15px;
    height: 15px;}
.gc-legacy .faq__list > li > .question > i::before,.gc-legacy .faq__list > li > .question > i::after{content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);}
.gc-legacy .faq__list > li > .question > i::before{width: 100%;
    height: 2px;
    background: #626E79;}
.gc-legacy .faq__list > li > .question > i::after{width: 2px;
    height: 100%;
    background: #626E79;}
.gc-legacy .faq__list > li.active > .question > i::after{display: none;}
.gc-legacy .faq__list > li > .answer{display: none;
    width: 100%;
    margin-top: 15px;
    padding: 10px 10px 10px 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .faq__list > li > .answer > a{color: var(--gold);
    text-decoration: underline;}

}
@media screen and (min-width:768px){.gc-legacy .page__faq{padding-bottom: 80px;
    background: #F4F4F4;}
.gc-legacy .faq__list{display: block;
    max-width: 883px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .faq__list > li{display: block;
    width: 100%;
    padding: 20px calc(85/883 * 100%) 20px calc(52/883 * 100%);
    background: var(--white);}
.gc-legacy .faq__list > li:nth-child(n+2){margin-top: 25px;}
.gc-legacy .faq__list > li > .question{position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 20px;
    font-family: var(--yumincho);
    line-height: 33px;
    font-weight: 600;
    color: #626E79;
    padding: 6px 35px 6px 65px;}
.gc-legacy .faq__list > li > .question::before{content: "Q";
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    font-size: 28px;
    font-family: 800;
    font-family: var(--yumincho);
    color: var(--white);
    background: #626E79;}
.gc-legacy .faq__list > li > .question > i{position: absolute;
    top: 21px;
    right: 0;
    display: block;
    width: 15px;
    height: 15px;}
.gc-legacy .faq__list > li > .question > i::before,.gc-legacy .faq__list > li > .question > i::after{content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);}
.gc-legacy .faq__list > li > .question > i::before{width: 100%;
    height: 2px;
    background: #626E79;}
.gc-legacy .faq__list > li > .question > i::after{width: 2px;
    height: 100%;
    background: #626E79;}
.gc-legacy .faq__list > li.active > .question > i::after{display: none;}
.gc-legacy .faq__list > li > .answer{display: none;
    width: 100%;
    margin-top: 15px;
    padding: 10px 10px 10px 65px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .faq__list > li > .answer > a{color: var(--gold);
    text-decoration: underline;
    transition: opacity 0.3s ease;}
.gc-legacy .faq__list > li > .answer > a:hover{opacity: 0.7;}

}
@media screen and (max-width:767px){.gc-legacy .company__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .company__header{display: block;
    width: 100%;
    font-size: 28px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 36.4px;}
.gc-legacy .company__profile{border-collapse: collapse;
    width: calc(100% - 40px);
    margin: 110px auto 0 auto;
    font-family: var(--yumincho);}
.gc-legacy .company__profile tr th,.gc-legacy .company__profile tr td{padding-bottom: 20px;
    border-bottom: 1px solid #DDDDDD;
    vertical-align: text-top;}
.gc-legacy .company__profile tr:not(:first-child) th,.gc-legacy .company__profile tr:not(:first-child) td{padding-top: 20px;}
.gc-legacy .company__profile tr th{width: 100px;
    text-align: left;
    font-size: 16px;    
    font-weight: 600;
    line-height: 19.6px;}
.gc-legacy .company__profile tr td{width: calc(100% - 100px);
    font-size: 15px;    
    font-weight: 500;
    line-height: 19.6px;}
.gc-legacy .company__profile tr td a{color: var(--font-color);
    pointer-events: none;}
.gc-legacy .company__profile tr td .branch{display: block;
    width: 100%;}
.gc-legacy .company__profile tr td .branch > li{display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 19.5px;}
.gc-legacy .company__profile tr td .branch > li:nth-child(n+2){margin-top: 19.5px;}
.gc-legacy .company__profile tr td .business{display: block;
    width: 100%;}
.gc-legacy .company__profile tr td .business > li{position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 19.5px;
    padding-left: 15px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .company__profile tr td .business > li > span{position: absolute;
    left: 0;}
.gc-legacy .company__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .company__btn > a{max-width: 332px;
    width: 100%;}

}
@media screen and (min-width:768px){.gc-legacy .company__inner{display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .company__header{display: block;
    width: 100%;
    font-size: 28px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 36.4px;}
.gc-legacy .company__profile{border-collapse: collapse;
    max-width: 746px;
    width: 100%;
    margin: 110px auto 0 auto;
    font-family: var(--yumincho);}
.gc-legacy .company__profile tr th,.gc-legacy .company__profile tr td{padding-bottom: 20px;
    border-bottom: 1px solid #DDDDDD;
    vertical-align: text-top;}
.gc-legacy .company__profile tr:not(:first-child) th,.gc-legacy .company__profile tr:not(:first-child) td{padding-top: 20px;}
.gc-legacy .company__profile tr th{width: calc(250/746 * 100%);
    text-align: left;
    font-size: 16px;    
    font-weight: 600;
    line-height: 19.6px;}
.gc-legacy .company__profile tr td{width: calc(496/746 * 100%);
    font-size: 15px;    
    font-weight: 500;
    line-height: 19.6px;}
.gc-legacy .company__profile tr td a{color: var(--font-color);
    pointer-events: none;}
.gc-legacy .company__profile tr td .branch{display: block;
    width: 100%;}
.gc-legacy .company__profile tr td .branch > li{display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 19.5px;}
.gc-legacy .company__profile tr td .branch > li:nth-child(n+2){margin-top: 19.5px;}
.gc-legacy .company__profile tr td .business{display: block;
    width: 100%;}
.gc-legacy .company__profile tr td .business > li{position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 19.5px;
    padding-left: 15px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .company__profile tr td .business > li > span{position: absolute;
    left: 0;}
.gc-legacy .company__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;}

}
@media screen and (max-width:767px){.gc-legacy .page__publish .container{padding: 0;}
.gc-legacy .publish__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;
    background: #F4F4F4;
    padding: 80px 20px 80px 20px;}
.gc-legacy .publish__header{display: block;
    width: 100%;
    font-size: 25px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 36.4px;}
.gc-legacy .publish__inner > p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    margin-top: 20px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .publish__inner > p.memo{font-size: 13px;}
.gc-legacy .publish__header + p{margin-top: 40px;}
.gc-legacy .publish__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;}

}
@media screen and (max-width:359px){.gc-legacy .publish__header{font-size: 23px;}

}
@media screen and (min-width:768px){.gc-legacy .publish__inner{display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
    background: #F4F4F4;
    padding: 80px calc(119/1000 * 100%) 80px calc(130/1000 * 100%);}
.gc-legacy .publish__header{display: block;
    width: 100%;
    font-size: 28px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 36.4px;}
.gc-legacy .publish__inner > p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    margin-top: 20px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .publish__inner > p.memo{font-size: 13px;}
.gc-legacy .publish__header + p{margin-top: 40px;}
.gc-legacy .publish__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;}

}
@media screen and (max-width:767px){.gc-legacy .advertisement__flex{display: flex;
    flex-direction: column;
    align-self: center;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .advertisement__content,.gc-legacy .advertisement__flex > picture{display: block;
    width: 100%;}
.gc-legacy .advertisement__header{display: block;
    width: 100%;
    font-size: 25px;
    line-height: 36.4px;
    font-family: var(--yumincho);
    font-weight: 600;}
.gc-legacy .advertisement__content > p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;}
.gc-legacy .advertisement__flex > picture{margin-top: 30px;}
.gc-legacy .advertisement__flex > picture > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .advertisement__about{display: block;
    width: 100%;
    padding: 80px 0 80px 0;
    background: #F4F4F4;
    margin-top: 58px;}
.gc-legacy .advertisement__about-inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .advertisement__about-header{display: block;
    width: 100%;
    font-size: 25px;
    line-height: 36.4px;
    font-family: var(--yumincho);
    font-weight: 600;}
.gc-legacy .advertisement__about-inner > p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;}
.gc-legacy .advertisement__about-btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;}

}
@media screen and (min-width:768px){.gc-legacy .advertisement__flex{display: flex;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .advertisement__content,.gc-legacy .advertisement__flex > picture{display: block;
    width: 50%;}
.gc-legacy .advertisement__header{display: block;
    width: 100%;
    font-size: 28px;
    line-height: 36.4px;
    font-family: var(--yumincho);
    font-weight: 600;}
.gc-legacy .advertisement__content > p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;}
.gc-legacy .advertisement__flex > picture{padding-left: calc(50/1000 * 100%);}
.gc-legacy .advertisement__flex > picture > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .advertisement__about{display: block;
    width: 100%;
    padding: 80px 0 80px 0;
    background: #F4F4F4;
    margin-top: 80px;}
.gc-legacy .advertisement__about-inner{display: block;
    max-width: 746px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .advertisement__about-header{display: block;
    width: 100%;
    font-size: 28px;
    line-height: 36.4px;
    font-family: var(--yumincho);
    font-weight: 600;}
.gc-legacy .advertisement__about-inner > p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;}
.gc-legacy .advertisement__about-btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;}

}
@media screen and (max-width:767px){.gc-legacy .privacy__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .privacy__header{display: block;
    width: 100%;
    font-size: 25px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 36.4px;}
.gc-legacy .privacy__inner p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;}
.gc-legacy .privacy__header + p{margin-top: 46px;}
.gc-legacy .privacy__block{display: block;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .privacy__block > *:not(:first-child){margin-top: 20px;}
.gc-legacy .privacy__block-title{display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 28.6px;
    padding-bottom:8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .privacy__block > p{padding: 0 30px;}
.gc-legacy .privacy__block-title + p{margin-top: 40px !important;}

}
@media screen and (min-width:768px){.gc-legacy .privacy__inner{display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .privacy__header{display: block;
    width: 100%;
    font-size: 28px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 36.4px;}
.gc-legacy .privacy__inner p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;}
.gc-legacy .privacy__header + p{margin-top: 40px;
    padding: 0 30px;}
.gc-legacy .privacy__block{display: block;
    width: 100%;
    padding: 0 30px;
    margin-top: 50px;}
.gc-legacy .privacy__block > *:not(:first-child){margin-top: 20px;}
.gc-legacy .privacy__block-title{display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 28.6px;
    padding-bottom:8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .privacy__block > p{padding: 0 30px;}
.gc-legacy .privacy__block-title + p{margin-top: 40px !important;}

}
@media screen and (max-width:767px){.gc-legacy .terms__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .terms__header{display: block;
    width: 100%;
    font-size: 25px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 36.4px;}
.gc-legacy .terms__inner p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;}
.gc-legacy .terms__header + p{margin-top: 46px;}
.gc-legacy .terms__block{display: block;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .terms__block > *:not(:first-child){margin-top: 20px;}
.gc-legacy .terms__block-title{display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 28.6px;
    padding-bottom:8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .terms__block > p{padding: 0 30px;}
.gc-legacy .terms__block-title + p{margin-top: 40px !important;}
.gc-legacy .terms__list{display: block;
    width: 100%;
    margin-top: 40px;
    padding: 0 30px;}
.gc-legacy .terms__list > li{position: relative;
    display: block;
    width: 100%;
    padding-left: 30px;
    font-size: 15px;
    line-height: 19.5px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .terms__list > li::before{content: "";
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: var(--gold);}
.gc-legacy .terms__list > li:nth-child(n+2){margin-top: 18px;}

}
@media screen and (min-width:768px){.gc-legacy .terms__inner{display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .terms__header{display: block;
    width: 100%;
    font-size: 28px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 36.4px;}
.gc-legacy .terms__inner p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;}
.gc-legacy .terms__header + p{margin-top: 40px;
    padding: 0 30px;}
.gc-legacy .terms__block{display: block;
    width: 100%;
    padding: 0 30px;
    margin-top: 50px;}
.gc-legacy .terms__block > *:not(:first-child){margin-top: 20px;}
.gc-legacy .terms__block-title{display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 28.6px;
    padding-bottom:8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .terms__block > p{padding: 0 30px;}
.gc-legacy .terms__block-title + p{margin-top: 40px !important;}
.gc-legacy .terms__list{display: block;
    width: 100%;
    margin-top: 40px !important;
    padding: 0 30px;}
.gc-legacy .terms__list > li{position: relative;
    display: block;
    width: 100%;
    padding-left: 30px;
    font-size: 15px;
    line-height: 19.5px;
    font-family: var(--yumincho);
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .terms__list > li::before{content: "";
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: var(--gold);}
.gc-legacy .terms__list > li:nth-child(n+2){margin-top: 18px;}

}
@media screen and (max-width:767px){.gc-legacy .archive-news__wrap{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .archive-news__list{display: block;
    width: 100%;
    border: 10px solid #F4F4F4;
    padding: 40px 20px 40px 20px;}
.gc-legacy .archive-news__list > li{display: block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #F4F4F4;}
.gc-legacy .archive-news__list > li:not(:first-child){margin-top: 25px;}
.gc-legacy .archive-news__list > li > a{display: flex;
    flex-direction: column;
    width: 100%;
    transition: opacity 0.3s ease;}
.gc-legacy .archive-news__list > li > a:hover{opacity: 0.7;}
.gc-legacy .archive-news__list > li > a > .date{font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #777777;}
.gc-legacy .archive-news__list > li > a > .title{display: -webkit-box;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.8px;
    color: #1D1D1D;
    font-family: var(--yumincho);
    margin-top: 10px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;}

}
@media screen and (min-width:768px){.gc-legacy .archive-news__wrap{display: block;
    max-width: 720px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .archive-news__list{display: block;
    width: 100%;
    border: 10px solid #F4F4F4;
    padding: 40px;}
.gc-legacy .archive-news__list > li{display: block;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #F4F4F4;}
.gc-legacy .archive-news__list > li:not(:first-child){margin-top: 25px;}
.gc-legacy .archive-news__list > li > a{display: flex;
    flex-direction: column;
    width: 100%;
    transition: opacity 0.3s ease;}
.gc-legacy .archive-news__list > li > a:hover{opacity: 0.7;}
.gc-legacy .archive-news__list > li > a > .date{font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    color: #777777;}
.gc-legacy .archive-news__list > li > a > .title{display: -webkit-box;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.8px;
    color: #1D1D1D;
    font-family: var(--yumincho);
    margin-top: 15px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

}
@media screen and (min-width:0px){.gc-legacy .theme-single{display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    font-family: var(--yumincho);}
.gc-legacy .theme-single p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    text-align: justify;
    word-break: break-all;
    font-family: var(--yumincho);}
.gc-legacy .theme-single p + p{margin-top: 20px;}
.gc-legacy .theme-single h2,.gc-legacy .theme-single h3,.gc-legacy .theme-single h4,.gc-legacy .theme-single h5,.gc-legacy .theme-single h6{display: block;
    width: 100%;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    font-weight: 600;}
.gc-legacy .theme-single > h2:not(:first-child),.gc-legacy .theme-single > h3:not(:first-child),.gc-legacy .theme-single > h4:not(:first-child),.gc-legacy .theme-single > h5:not(:first-child),.gc-legacy .theme-single > h6:not(:first-child),.gc-legacy .theme-single .wp-block-image:not(:first-child){margin-top: 50px;}
.gc-legacy .theme-single h2{font-size: 22px;    
    line-height: 28.6px;
    padding-bottom: 8px;
    color: var(--font-color);
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .theme-single h3{font-size: 20px;
    color: #4C6278;}
.gc-legacy .theme-single h4{font-size: 18px;}
.gc-legacy .theme-single h5{width: auto;
    color: var(--white);
    background: #626E79;
    font-size: 16px;
    padding: 5px 20px;}
.gc-legacy .theme-single h6{font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 1px solid #626E79;}
.gc-legacy .theme-single ul{display: block;
    width: 100%;
    padding-left:15px;
    list-style-type:none;}
.gc-legacy .theme-single ul li{position: relative;
    display: block;
    font-size: 100%;
    text-align: justify;
    word-break: break-all;
    padding-left: 30px;}
.gc-legacy .theme-single ul li:nth-child(n+2){margin-top: 18px;}
.gc-legacy .theme-single ul li::before{content: "";
    position: absolute;
    top: 11px;
    left: 8px;
    font-size: 15px;
    line-height:19.5px;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: var(--gold);}
.gc-legacy .theme-single ol{display: block;
    width: 100%;
    padding-left:15px;
    counter-reset: my-counter;}
.gc-legacy .theme-single ol > li{position: relative;
    display: block;
    width: 100%;
    font-size: 100%;
    padding-left: 30px;
    font-size: 15px;
    line-height: 19.5px;
    text-align: justify;
    word-break: break-all;
    counter-increment: my-counter;}
.gc-legacy .theme-single ol > li:nth-child(n+2){margin-top: 18px;}
.gc-legacy .theme-single ol > li::before{content: counters(my-counter, "", decimal-leading-zero);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 100%;
    font-weight: 600;
    color: #626E79;}
.gc-legacy .theme-single a{text-decoration: underline;
    font-weight: 600;
    color: var(--font-color);}
.gc-legacy .theme-single a:hover{transition: opacity 0.3s ease;
    opacity: 0.7;}
.gc-legacy .theme-single .wp-block-table{padding:0 10px 0 10px;}
.gc-legacy .theme-single .wp-block-table table tr td{border: none;
    border-bottom: 1px solid #DDDDDD;
    font-size: 100%;
    line-height: 1.7;
    text-align: justify;
    word-break: break-all;
    vertical-align: top;}
.gc-legacy .theme-single .wp-block-table table tr td:nth-child(1){color: #626E79;
    font-weight: 600;
    padding-right: 20px;}
  
  
}
@media screen and (max-width:767px){.gc-legacy .single-news__wrap{display: block;
    width: 100%;
    margin:0  auto 0 auto;
    padding: 40px 20px 40px 20px;
    border: 10px solid #F4F4F4;}
.gc-legacy .single-news__header{display: block;
    width: 100%;
    font-size: 25px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 36.4px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .single-news__date{display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 19.5px;
    color: #777777;
    margin-top: 20px;}
.gc-legacy .single-news__content{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 40px;}

}
@media screen and (min-width:768px){.gc-legacy .single-news__wrap{display: block;
    max-width: 840px;
    width: 100%;
    margin:0  auto 0 auto;
    padding: 40px 30px 40px 30px;
    border: 10px solid #F4F4F4;}
.gc-legacy .single-news__header{display: block;
    width: 100%;
    font-size: 28px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 36.4px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .single-news__date{display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 19.5px;
    color: #777777;
    margin-top: 20px;}
.gc-legacy .single-news__content{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 40px;}

}
@media screen and (max-width:767px){.gc-legacy .single-navigation{display: flex;
    flex-direction: column;
    width: 100%;
    margin: 80px auto 0 auto;}
.gc-legacy .single-navigation > li{display: flex;
    align-items: center;
    width: 100%;
    height: 46px;}
.gc-legacy .single-navigation > li:nth-child(1){justify-content: flex-start;}
.gc-legacy .single-navigation > li:nth-child(2){justify-content: flex-end;}
.gc-legacy .single-navigation > li:first-child{margin-bottom: 20px;}
.gc-legacy .single-navigation > li > a{position: relative;
    display: -webkit-box;
    align-items: center;
    width: calc(100% - 20px);   
    font-size: 14px;
    line-height: 23.8px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--font-color);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.gc-legacy .single-navigation > li > a.single-prev{padding-left: 26px;}
.gc-legacy .single-navigation > li > a.single-next{padding-right: 26px;
    text-align: right;}
.gc-legacy .single-navigation > li > a.single-prev::before,.gc-legacy .single-navigation > li > a.single-next::after{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 5.8px;
    height: 12.83px;}
.gc-legacy .single-navigation > li > a.single-prev::before{left: 0;
    background: url(../../gardenconnect/./assets/images/icon-prev.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .single-navigation > li > a.single-next::after{right: 0;
    background: url(../../gardenconnect/./assets/images/icon-next.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .single-navigation > li > a:hover{transition: text-decoration 0.3s ease;
    text-decoration:underline;}

}
@media screen and (min-width:768px){.gc-legacy .single-navigation{display: flex;
    justify-content: space-between;
    max-width: 720px;
    width: 100%;
    margin: 80px auto 0 auto;}
.gc-legacy .single-navigation > li{display: flex;
    align-items: center;
    width: 50%;
    height: 46px;}
.gc-legacy .single-navigation > li:nth-child(1){justify-content: flex-start;}
.gc-legacy .single-navigation > li:nth-child(2){justify-content: flex-end;}
.gc-legacy .single-navigation > li:first-child{border-right: 1px solid var(--font-color);}
.gc-legacy .single-navigation > li > a{position: relative;
    display: -webkit-box;
    align-items: center;
    width: calc(326/360 * 100%);   
    font-size: 14px;
    line-height: 23.8px;
    font-family: var(--yumincho);
    font-weight: 500;
    color: var(--font-color);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.gc-legacy .single-navigation > li > a.single-prev{padding-left: 26px;}
.gc-legacy .single-navigation > li > a.single-next{padding-right: 26px;
    text-align: right;}
.gc-legacy .single-navigation > li > a.single-prev::before,.gc-legacy .single-navigation > li > a.single-next::after{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 5.8px;
    height: 12.83px;}
.gc-legacy .single-navigation > li > a.single-prev::before{left: 0;
    background: url(../../gardenconnect/./assets/images/icon-prev.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .single-navigation > li > a.single-next::after{right: 0;
    background: url(../../gardenconnect/./assets/images/icon-next.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .single-navigation > li > a:hover{transition: text-decoration 0.3s ease;
    text-decoration:underline;}

}
@media screen and (max-width:767px){.gc-legacy .single-news__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;}
.gc-legacy .single-news__btn > a{width: 198px;}

}
@media screen and (min-width:768px){.gc-legacy .single-news__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;}
.gc-legacy .single-news__btn > a{width: 261px;}

}
@media screen and (max-width:767px){.gc-legacy .column__container{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;}
.gc-legacy .column__sidebar{display: flex;
    flex-direction: column;
    align-self: center;
    width: 100%;
    margin-top: 110px;}
.gc-legacy .column__main{display: flex;
    justify-content: flex-end;
    width: 100%;}

}
@media screen and (min-width:768px) and (max-width:1024px){.gc-legacy .column__container{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;}
.gc-legacy .column__sidebar{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .column__main{display: flex;
    justify-content: flex-end;
    width: 100%;}

}
@media screen and (min-width:1025px){.gc-legacy .column__container{display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;}
.gc-legacy .column__sidebar{display: block;
    width: 366px;
    padding-right: 16px;}
.gc-legacy .column__main{display: flex;
    justify-content: flex-end;
    width: calc(100% - 366px - 50px);}

}
@media screen and (max-width:767px){.gc-legacy .column__main__inner{display: block;
    width: 100%;}
.gc-legacy .column__item-wrap{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;}
.gc-legacy .column__item{display: block;
    width:calc(50% - 8px);}
.gc-legacy .column__item:nth-child(n+3){margin-top: 50px;}
.gc-legacy .column__item-link{display: block;
    width: 100%;
    transition: opacity 0.3s ease;}
.gc-legacy .column__item-link:hover{opacity: 0.7;}
.gc-legacy .column__item-link > picture{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 21/14;
    overflow: hidden;}
.gc-legacy .column__item-link > picture > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.gc-legacy .column__item-link > .title{display: -webkit-box;
    width: 100%;
    margin-top: 15px;
    font-size: 15px;
    line-height: 19.5px;
    font-family: var(--yumincho);
    color: var(--font-color);
    font-weight: 500;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;}
.gc-legacy .column__item-terms{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 10px;}
.gc-legacy .column__item-tax{display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 20px;
    margin: 3px 0;
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
    padding: 0 5px;
    color: var(--white);
    background: #626E79;
    transition: opacity 0.3s ease;
    word-break: keep-all;
    overflow: hidden;}
.gc-legacy .column__item-tax:hover{opacity: 0.7;}
.gc-legacy .column__item-date{display: block;
    width: auto;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: #808080;}

}
@media screen and (min-width:768px){.gc-legacy .column__main__inner{display: block;
    max-width: 720px;
    width: 100%;}
.gc-legacy .column__item-wrap{display: flex;
    flex-wrap: wrap;
    width: 100%;}
.gc-legacy .column__item{display: block;
    width:calc(210/720 * 100%);
    margin-right: calc(45/720 * 100%);}
.gc-legacy .column__item:nth-child(n+4){margin-top: 40px;}
.gc-legacy .column__item:nth-child(3n){margin-right: 0;}
.gc-legacy .column__item-link{display: block;
    width: 100%;
    transition: opacity 0.3s ease;}
.gc-legacy .column__item-link:hover{opacity: 0.7;}
.gc-legacy .column__item-link > picture{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    aspect-ratio: 21/14;
    overflow: hidden;}
.gc-legacy .column__item-link > picture > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.gc-legacy .column__item-link > .title{display: -webkit-box;
    width: 100%;
    margin-top: 15px;
    font-size: 15px;
    line-height: 19.5px;
    font-family: var(--yumincho);
    color: var(--font-color);
    font-weight: 500;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.gc-legacy .column__item-terms{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 10px;}
.gc-legacy .column__item-tax{display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 20px;
    margin: 5px 0;
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
    padding: 0 5px;
    color: var(--white);
    background: #626E79;
    transition: opacity 0.3s ease;}
.gc-legacy .column__item-tax:hover{opacity: 0.7;}
.gc-legacy .column__item-date{display: block;
    width: auto;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: #808080;}

}
@media screen and (min-width:0px){.gc-legacy .column__search{display: block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 1.7;}
.gc-legacy .column__search-btns{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .column__search-btns > a{width: 270px;}

}
@media screen and (max-width:767px){.gc-legacy .searchform{display: flex;
    justify-content: space-between;
    max-width: 270px;
    width: 100%;
    border: 1px solid #CCCCCC;
    margin: 0 auto 0 auto;
    border-radius: 3px;}
.gc-legacy .searchform > button{display: block;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    border: none;
    background: url(../../gardenconnect/./assets/images/icon-search.svg) no-repeat center;
    background-size: 20px 20px;
    cursor: pointer;}
.gc-legacy .searchform > input[type="text"]{width: calc(100% - 40px - 5px);
    border: none;
    padding: 0 10px;
    background: transparent;
    font-family: var(--yumincho);}
.gc-legacy .searchform > input[type="text"]::placeholder{color: #CCCCCC;
    font-weight: 500;}

}
@media screen and (min-width:768px){.gc-legacy .searchform{display: flex;
    justify-content: space-between;
    max-width: 270px;
    width: 100%;
    border: 1px solid #CCCCCC;
    margin: 30px auto 0 auto;
    border-radius: 3px;}
.gc-legacy .searchform > button{display: block;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    border: none;
    background: url(../../gardenconnect/./assets/images/icon-search.svg) no-repeat center;
    background-size: 20px 20px;
    cursor: pointer;}
.gc-legacy .searchform > input[type="text"]{width: calc(100% - 40px - 5px);
    border: none;
    padding: 0 10px;
    background: transparent;
    font-family: var(--yumincho);}
.gc-legacy .searchform > input[type="text"]::placeholder{color: #CCCCCC;
    font-weight: 500;}

}
@media screen and (max-width:767px){.gc-legacy .column__ranking{display: block;
    width: 100%;
    padding: 40px 10px 40px 10px;
    background: #F4F4F4;
    margin-top: 50px;}
.gc-legacy .column__ranking-header{display: block;
    width: 100%;
    padding: 0 10px 0 10px;
    font-size: 25px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 32.5px;}
.gc-legacy .column__ranking__wrap{display: block;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .column__ranking-item{position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    color: var(--font-color);}
.gc-legacy .column__ranking-item:nth-child(n+2){margin-top: 20px;}
.gc-legacy .column__ranking-item > picture{position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 148px;
    aspect-ratio: 3/2;
    overflow: hidden;}
.gc-legacy .column__ranking-item > picture > span{position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 15px;
    line-height: 1;
    color: var(--white);
    font-family: var(--yumincho);
    font-weight: 800;}
.gc-legacy .column__ranking-item:nth-child(n+4) > picture > span{display: none;}
.gc-legacy .column__ranking-item:nth-child(1) > picture > span{background: #9F9750;}
.gc-legacy .column__ranking-item:nth-child(2) > picture > span{background: #808080;}
.gc-legacy .column__ranking-item:nth-child(3) > picture > span{background: #9F7450;}
.gc-legacy .column__ranking-item > picture > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.gc-legacy .column__ranking-item > .content{display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% - 148px - 10px);}
.gc-legacy .column__ranking-item > .content > .title{display: -webkit-box;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--font-color);
    line-height: 20.8px;
    text-align: justify;
    word-break: break-all;
    overflow: hidden;    
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 10px;
    padding: 0 10px;}

}
@media screen and (min-width:768px) and (max-width:1024px){.gc-legacy .column__ranking{display: block;
    width: 100%;
    padding: 30px 15px 30px 15px;
    background: #F4F4F4;
    margin-top: 50px;}
.gc-legacy .column__ranking-header{display: block;
    width: 100%;
    padding: 0 15px 0 15px;
    font-size: 25px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 32.5px;}
.gc-legacy .column__ranking__wrap{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .column__ranking-item{position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(50% - 10px);
    color: var(--font-color);
    transition: opacity 0.3s ease;}
.gc-legacy .column__ranking-item:hover{opacity: 0.7;}
.gc-legacy .column__ranking-item:nth-child(n+3){margin-top: 20px;}
.gc-legacy .column__ranking-item > picture{position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 148px;
    aspect-ratio: 3/2;
    overflow: hidden;}
.gc-legacy .column__ranking-item > picture > span{position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 15px;
    line-height: 1;
    color: var(--white);
    font-family: var(--yumincho);
    font-weight: 800;}
.gc-legacy .column__ranking-item:nth-child(n+4) > picture > span{display: none;}
.gc-legacy .column__ranking-item:nth-child(1) > picture > span{background: #9F9750;}
.gc-legacy .column__ranking-item:nth-child(2) > picture > span{background: #808080;}
.gc-legacy .column__ranking-item:nth-child(3) > picture > span{background: #9F7450;}
.gc-legacy .column__ranking-item > picture > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.gc-legacy .column__ranking-item > .content{display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% - 148px - 10px);}
.gc-legacy .column__ranking-item > .content > .title{display: -webkit-box;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--font-color);
    line-height: 20.8px;
    text-align: justify;
    word-break: break-all;
    overflow: hidden;    
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 10px;
    padding: 0 10px;}

}
@media screen and (min-width:1025px){.gc-legacy .column__ranking{display: block;
    width: 100%;
    padding: 50px 15px 50px 15px;
    background: #F4F4F4;
    margin-top: 50px;}
.gc-legacy .column__ranking-header{display: block;
    width: 100%;
    padding: 0 15px 0 15px;
    font-size: 25px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 32.5px;}
.gc-legacy .column__ranking__wrap{display: block;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .column__ranking-item{position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    color: var(--font-color);
    transition: opacity 0.3s ease;}
.gc-legacy .column__ranking-item:hover{opacity: 0.7;}
.gc-legacy .column__ranking-item:nth-child(n+2){margin-top: 20px;}
.gc-legacy .column__ranking-item > picture{position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 148px;
    aspect-ratio: 3/2;
    overflow: hidden;}
.gc-legacy .column__ranking-item > picture > span{position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 15px;
    line-height: 1;
    color: var(--white);
    font-family: var(--yumincho);
    font-weight: 800;}
.gc-legacy .column__ranking-item:nth-child(n+4) > picture > span{display: none;}
.gc-legacy .column__ranking-item:nth-child(1) > picture > span{background: #9F9750;}
.gc-legacy .column__ranking-item:nth-child(2) > picture > span{background: #808080;}
.gc-legacy .column__ranking-item:nth-child(3) > picture > span{background: #9F7450;}
.gc-legacy .column__ranking-item > picture > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.gc-legacy .column__ranking-item > .content{display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% - 148px - 10px);}
.gc-legacy .column__ranking-item > .content > .title{display: -webkit-box;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--yumincho);
    color: var(--font-color);
    line-height: 20.8px;
    text-align: justify;
    word-break: break-all;
    overflow: hidden;    
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 10px;}

}
@media screen and (max-width:767px){.gc-legacy .column__category{display: block;
    max-width: 270px;
    width: 100%;
    margin: 50px auto 0 auto;}
.gc-legacy .column__category-header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 32.5px;}
.gc-legacy .column__category-wrap{display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-top: 15px;
    padding-left: 7.5px;}
.gc-legacy .column__category-item{display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 20px;
    line-height: 1;    
    padding: 0 9px 0 9px;
    font-size: 10px;
    color: var(--white);
    font-weight: 700;
    margin:2.5px;
    background: #626E79;
    font-family: var(--gothic);}
.gc-legacy .column__category-item:hover{transition: opacity 0.3s ease;
    opacity: 0.7;}

}
@media screen and (min-width:768px) and (max-width:1024px){.gc-legacy .column__category{display: block;
    width: 40%;
    margin-top: 50px;}
.gc-legacy .column__category-header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 32.5px;}
.gc-legacy .column__category-wrap{display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-top: 15px;
    padding-left: 7.5px;}
.gc-legacy .column__category-item{display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 20px;
    line-height: 1;    
    padding: 0 9px 0 9px;
    font-size: 10px;
    color: var(--white);
    font-weight: 700;
    margin:2.5px;
    background: #626E79;
    font-family: var(--gothic);}
.gc-legacy .column__category-item:hover{transition: opacity 0.3s ease;
    opacity: 0.7;}

}
@media screen and (min-width:1025px){.gc-legacy .column__category{display: block;
    max-width: 270px;
    width: 100%;
    margin: 50px auto 0 auto;}
.gc-legacy .column__category-header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 32.5px;}
.gc-legacy .column__category-wrap{display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-top: 15px;
    padding-left: 7.5px;}
.gc-legacy .column__category-item{display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 20px;
    line-height: 1;    
    padding: 0 9px 0 9px;
    font-size: 10px;
    color: var(--white);
    font-weight: 700;
    margin:2.5px;
    background: #626E79;
    font-family: var(--gothic);}
.gc-legacy .column__category-item:hover{transition: opacity 0.3s ease;
    opacity: 0.7;}

}
@media screen and (max-width:767px){.gc-legacy .column__tag{display: block;
    max-width: 270px;
    width: 100%;
    margin: 50px auto 0 auto;}
.gc-legacy .column__tag-header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 32.5px;}
.gc-legacy .column__tag-wrap{display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-top: 15px;
    padding-left: 7.5px;}
.gc-legacy .column__tag-item{display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 20px;
    line-height: 1;    
    padding: 0 9px 0 9px;
    font-size: 10px;
    color: #626E79;
    font-weight: 700;
    margin:2.5px;
    border:1px solid #626E79;
    font-family: var(--gothic);}
.gc-legacy .column__tag-item:hover{transition: opacity 0.3s ease;
    opacity: 0.7;}

}
@media screen and (min-width:768px) and (max-width:1024px){.gc-legacy .column__tag{display: block;
    width: 40%;
    margin-top: 50px;}
.gc-legacy .column__tag-header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 32.5px;}
.gc-legacy .column__tag-wrap{display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-top: 15px;
    padding-left: 7.5px;}
.gc-legacy .column__tag-item{display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 20px;
    line-height: 1;    
    padding: 0 9px 0 9px;
    font-size: 10px;
    color: #626E79;
    font-weight: 700;
    margin:2.5px;
    border:1px solid #626E79;
    font-family: var(--gothic);}
.gc-legacy .column__tag-item:hover{transition: opacity 0.3s ease;
    opacity: 0.7;}

}
@media screen and (min-width:1025px){.gc-legacy .column__tag{display: block;
    max-width: 270px;
    width: 100%;
    margin: 50px auto 0 auto;}
.gc-legacy .column__tag-header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 32.5px;}
.gc-legacy .column__tag-wrap{display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-top: 15px;
    padding-left: 7.5px;}
.gc-legacy .column__tag-item{display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 20px;
    line-height: 1;    
    padding: 0 9px 0 9px;
    font-size: 10px;
    color: #626E79;
    font-weight: 700;
    margin:2.5px;
    border:1px solid #626E79;
    font-family: var(--gothic);}
.gc-legacy .column__tag-item:hover{transition: opacity 0.3s ease;
    opacity: 0.7;}

}
@media screen and (max-width:767px){.gc-legacy .column__date{display: block;
    max-width: 270px;
    width: 100%;
    margin: 50px auto 0 auto;}
.gc-legacy .column__date-header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 32.5px;}
.gc-legacy .archive-month{display: block;
    width: 100%;
    margin-top: 15px;
    padding-left: 10px;}
.gc-legacy .archive-month > li{display: flex;
    width: 100%;
    padding: 0;}
.gc-legacy .archive-month > li:nth-child(n+2){margin-top: 5px;}
.gc-legacy .archive-month > li > a{width: auto;
    color: #999999;
    font-weight: bold;
    font-size: 10px;}
.gc-legacy .archive-nested{display: block;
    width: 100%;
    margin-top: 15px;
    padding-left: 10px;}
.gc-legacy .archive-nested > li{display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 0;}
.gc-legacy .archive-nested > li:nth-child(n+2){margin-top: 5px;}
.gc-legacy .archive-nested > li.has_child{position: relative;
    padding-right: 15px;}
.gc-legacy .archive-nested > li.has_child > span{position: absolute;
    top: 2px;
    left: 80px;
    width: 13px;
    height: 13px;
    background: url(../../gardenconnect/./assets/images/icon-chev.svg) no-repeat center;
    background-size: 8px 8px;
    cursor: pointer;
    transition: transform 0.3s ease-in;}
.gc-legacy .archive-nested > li.has_child > span.active{transform: rotate(-180deg);}
.gc-legacy .archive-nested  > li > a{width: auto;
    color: #999999;
    font-weight: bold;
    font-size: 10px;}
.gc-legacy .archive-nested > li > .sub-archive-nested{display: none;
    width: 100%;
    padding-left: 10px;
    margin-top: 5px;}
.gc-legacy .archive-nested > li > .sub-archive-nested > li{display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;}
.gc-legacy .archive-nested > li > .sub-archive-nested > li:nth-child(n+2){margin-top: 5px;}
.gc-legacy .archive-nested > li > .sub-archive-nested > li > a{width: auto;
    color: #999999;
    font-weight: bold;
    font-size: 10px;}

}
@media screen and (min-width:768px) and (max-width:1024px){.gc-legacy .column__date{display: block;
    width: 40%;
    margin-top: 50px;}
.gc-legacy .column__date-header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 32.5px;}
.gc-legacy .archive-month{display: block;
    width: 100%;
    margin-top: 25px;
    padding-left: 10px;}
.gc-legacy .archive-month > li{display: flex;
    width: 100%;}
.gc-legacy .archive-month > li:nth-child(n+2){margin-top: 5px;}
.gc-legacy .archive-month > li > a{width: auto;
    color: #999999;
    font-weight: bold;
    font-size: 10px;}
.gc-legacy .archive-nested{display: block;
    width: 100%;
    margin-top: 15px;
    padding-left: 10px;}
.gc-legacy .archive-nested > li{display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 0;}
.gc-legacy .archive-nested > li:nth-child(n+2){margin-top: 5px;}
.gc-legacy .archive-nested > li.has_child{position: relative;
    padding-right: 15px;}
.gc-legacy .archive-nested > li.has_child > span{position: absolute;
    top: 2px;
    left: 80px;
    width: 13px;
    height: 13px;
    background: url(../../gardenconnect/./assets/images/icon-chev.svg) no-repeat center;
    background-size: 8px 8px;
    cursor: pointer;
    transition: transform 0.3s ease-in;}
.gc-legacy .archive-nested > li.has_child > span.active{transform: rotate(-180deg);}
.gc-legacy .archive-nested  > li > a{width: auto;
    color: #999999;
    font-weight: bold;
    font-size: 10px;}
.gc-legacy .archive-nested > li > .sub-archive-nested{display: none;
    width: 100%;
    padding-left: 10px;
    margin-top: 5px;}
.gc-legacy .archive-nested > li > .sub-archive-nested > li{display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;}
.gc-legacy .archive-nested > li > .sub-archive-nested > li:nth-child(n+2){margin-top: 5px;}
.gc-legacy .archive-nested > li > .sub-archive-nested > li > a{width: auto;
    color: #999999;
    font-weight: bold;
    font-size: 10px;}

}
@media screen and (min-width:1025px){.gc-legacy .column__date{display: block;
    max-width: 270px;
    width: 100%;
    margin: 50px auto 0 auto;}
.gc-legacy .column__date-header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 32.5px;}
.gc-legacy .archive-month{display: block;
    width: 100%;
    margin-top: 25px;
    padding-left: 10px;}
.gc-legacy .archive-month > li{display: flex;
    width: 100%;}
.gc-legacy .archive-month > li:nth-child(n+2){margin-top: 5px;}
.gc-legacy .archive-month > li > a{width: auto;
    color: #999999;
    font-weight: bold;
    font-size: 10px;}
.gc-legacy .archive-nested{display: block;
    width: 100%;
    margin-top: 15px;
    padding-left: 10px;}
.gc-legacy .archive-nested > li{display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 0;}
.gc-legacy .archive-nested > li:nth-child(n+2){margin-top: 5px;}
.gc-legacy .archive-nested > li.has_child{position: relative;
    padding-right: 15px;}
.gc-legacy .archive-nested > li.has_child > span{position: absolute;
    top: 2px;
    left: 80px;
    width: 13px;
    height: 13px;
    background: url(../../gardenconnect/./assets/images/icon-chev.svg) no-repeat center;
    background-size: 8px 8px;
    cursor: pointer;
    transition: transform 0.3s ease-in;}
.gc-legacy .archive-nested > li.has_child > span.active{transform: rotate(-180deg);}
.gc-legacy .archive-nested  > li > a{width: auto;
    color: #999999;
    font-weight: bold;
    font-size: 10px;}
.gc-legacy .archive-nested > li > .sub-archive-nested{display: none;
    width: 100%;
    padding-left: 10px;
    margin-top: 5px;}
.gc-legacy .archive-nested > li > .sub-archive-nested > li{display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;}
.gc-legacy .archive-nested > li > .sub-archive-nested > li:nth-child(n+2){margin-top: 5px;}
.gc-legacy .archive-nested > li > .sub-archive-nested > li > a{width: auto;
    color: #999999;
    font-weight: bold;
    font-size: 10px;}

}
@media screen and (max-width:767px){.gc-legacy .single-column__header{display: block;
    width: 100%;
    font-size: 25px;
    line-height: 36.4px;
    font-family: var(--yumincho);
    font-weight: 600;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .single-column__category{display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 15px;}
.gc-legacy .single-column__category > a{display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 20px;
    line-height: 1;    
    padding: 0 9px 0 9px;
    font-size: 10px;
    color: var(--white);
    font-weight: 700;
    background: #626E79;
    font-family: var(--gothic);}
.gc-legacy .single-column__category > a:nth-child(n+2){margin-left: 6px;}
.gc-legacy .single-column__category > a:hover{transition: opacity 0.3s ease;
    opacity: 0.7;}
.gc-legacy .single-column__taxonomy{display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 5px;}
.gc-legacy .single-column__date{display: block;
    width: 110px;
    font-size: 15px;
    font-weight: 500;
    line-height: 19.5px;
    color: #808080;}
.gc-legacy .single-column__tag{display: flex;
    justify-content: flex-end;
    width: calc(100% - 120px);}
.gc-legacy .single-column__tag > a{display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 20px;
    line-height: 1;    
    padding: 0 9px 0 9px;
    font-size: 10px;
    color: #626E79;
    font-weight: 700;
    border:1px solid #626E79;
    font-family: var(--gothic);}
.gc-legacy .single-column__tag > a:nth-child(n+2){margin-left: 6px;}
.gc-legacy .single-column__tag > a:hover{transition: opacity 0.3s ease;
    opacity: 0.7;}
.gc-legacy .column-single,.gc-legacy .column-single .wp-block-columns,.gc-legacy .column-single > ul,.gc-legacy .column-single > ol,.gc-legacy .column-single > .wp-block-table{margin-top: 50px;}
.gc-legacy .column-single > p,.gc-legacy .column-single > .wp-block-image,.gc-legacy .column-single > .wp-block-columns,.gc-legacy .column-single > ul,.gc-legacy .column-single > ol,.gc-legacy .column-single > .wp-block-table{padding: 0 20px;}
.gc-legacy .column-single h2 + .wp-block-columns,.gc-legacy .column-single h3 + .wp-block-columns,.gc-legacy .column-single h4 + .wp-block-columns
  .column-single h5 + .wp-block-columns,.gc-legacy .column-single h6 + .wp-block-columns{margin-top: 40px;}
 
}
@media screen and (min-width:768px){.gc-legacy .single-column__header{display: block;
    width: 100%;
    font-size: 28px;
    line-height: 36.4px;
    font-family: var(--yumincho);
    font-weight: 600;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .single-column__category{display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 15px;
    padding:0 30px;}
.gc-legacy .single-column__category > a{display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 20px;
    line-height: 1;    
    padding: 0 9px 0 9px;
    font-size: 10px;
    color: var(--white);
    font-weight: 700;
    background: #626E79;
    font-family: var(--gothic);}
.gc-legacy .single-column__category > a:nth-child(n+2){margin-left: 6px;}
.gc-legacy .single-column__category > a:hover{transition: opacity 0.3s ease;
    opacity: 0.7;}
.gc-legacy .single-column__taxonomy{display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 5px;
    padding:0 30px;}
.gc-legacy .single-column__date{display: block;
    width: 110px;
    font-size: 15px;
    font-weight: 500;
    line-height: 19.5px;
    color: #808080;}
.gc-legacy .single-column__tag{display: flex;
    justify-content: flex-end;
    width: calc(100% - 120px);}
.gc-legacy .single-column__tag > a{display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 20px;
    line-height: 1;    
    padding: 0 9px 0 9px;
    font-size: 10px;
    color: #626E79;
    font-weight: 700;
    border:1px solid #626E79;
    font-family: var(--gothic);}
.gc-legacy .single-column__tag > a:nth-child(n+2){margin-left: 6px;}
.gc-legacy .single-column__tag > a:hover{transition: opacity 0.3s ease;
    opacity: 0.7;}
.gc-legacy .column-single,.gc-legacy .column-single .wp-block-columns,.gc-legacy .column-single > ul,.gc-legacy .column-single > ol,.gc-legacy .column-single > .wp-block-table{margin-top: 50px;}
.gc-legacy .column-single > p,.gc-legacy .column-single > .wp-block-image,.gc-legacy .column-single > .wp-block-columns,.gc-legacy .column-single > ul,.gc-legacy .column-single > ol,.gc-legacy .column-single > .wp-block-table{padding: 0 30px;}
.gc-legacy .column-single h2 + .wp-block-columns,.gc-legacy .column-single h3 + .wp-block-columns,.gc-legacy .column-single h4 + .wp-block-columns
  .column-single h5 + .wp-block-columns,.gc-legacy .column-single h6 + .wp-block-columns{margin-top: 40px;}
.gc-legacy .wp-block-columns{flex-wrap: initial !important;}

 
}
@media screen and (min-width:0px){.gc-legacy .page-contact__inner{display: block;
    max-width: 746px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .page-contact__text{display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 20px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .page-contact__form{display: block;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .page-contact__form form{display: block;
    width: 100%;}
.gc-legacy .page-contact__information,.gc-legacy .page-contact__inquiry{display: block;
    width: 100%;}
.gc-legacy .page-contact__inquiry{margin-top: 80px;}
.gc-legacy .page-contact__block-header{display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 28.6px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .page-contact__fields{display: block;
    width: 100%;
    margin-top: 40px;}
.gc-legacy .page-contact__fields > li{display: block;
    width: 100%;}
.gc-legacy .page-contact__fields > li:nth-child(n+2){margin-top: 30px;}
.gc-legacy .page-contact__fields input[type="text"]{width: 100%;
    height: 50px;
    border: 1px solid #808080;
    border-radius: 6px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    padding: 15px 30px 15px 30px;}
.gc-legacy .page-contact__fields input[type="text"]::placeholder{color: #ADADAD;}
.gc-legacy .page-contact__fields .input-row{display: block;
    width: 100%;}
.gc-legacy .page-contact__fields .input-label{display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 26px;}
.gc-legacy .page-contact__fields .input-label > .mandatory{display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 21px;
    background: var(--gold);
    color: var(--white);
    font-family: var(--yumincho);
    margin-left: 15px;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;}
.gc-legacy .page-contact__fields .input-label > .memo{font-size: 12px;
    line-height: 26px;
    font-weight: 500;
    font-family: var(--yumincho);
    margin-left: 15px;}
.gc-legacy .page-contact__fields .input-field{position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 13px;}
.gc-legacy .page-contact__fields .input-field .zipcode{width: 160px;}
.gc-legacy .page-contact__fields .input-field .fill-address{position: absolute;
    top: 6px;
    left: calc(160px + 25px);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 38px;
    border-radius: 6px;
    font-size: 13px;
    color: var(--white);
    line-height: 1;
    font-weight: 700;
    background: #626E79;
    transition: opacity 0.3s ease;}
.gc-legacy .page-contact__fields .input-field .fill-address:hover{opacity: 0.7;}
.gc-legacy .page-contact__fields .type-field span,.gc-legacy .page-contact__fields .year-field span{width: auto;}
.gc-legacy .page-contact__fields .request-field span{width: 33.333333%;}
.gc-legacy .page-contact__fields .type-field > span:nth-child(n+2),.gc-legacy .page-contact__fields .year-field > span:nth-child(n+2){margin-left: 30px;}
.gc-legacy .page-contact__fields .request-field > span{display: flex;
    align-items: flex-start;
    margin-left: 0 !important;}
.gc-legacy .page-contact__fields .request-field > span:nth-child(n+4){margin-top: 15px;}
.gc-legacy .page-contact__fields .type-field .type,.gc-legacy .page-contact__fields .year-field .year,.gc-legacy .page-contact__fields .request-field .request{display: none;}
.gc-legacy .page-contact__fields .type-field .type + span,.gc-legacy .page-contact__fields .year-field .year + span,.gc-legacy .page-contact__fields .request-field .request + span{position: relative;
    display: flex;
    align-items: center;
    width: auto;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    padding-left: 20px;}
.gc-legacy .page-contact__fields .type-field .type + span::before,.gc-legacy .page-contact__fields .year-field .year + span::before,.gc-legacy .page-contact__fields .request-field .request + span::before{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    border: 1px solid var(--font-color);
    z-index: 1;}
.gc-legacy .page-contact__fields .type-field .type:checked + span::after,.gc-legacy .page-contact__fields .year-field .year:checked + span::after,.gc-legacy .page-contact__fields .request-field .request:checked + span::after{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 6px;
    background: var(--font-color);
    z-index: 2;}
.gc-legacy .page-contact__fields .title-wrap{position: relative;
    display: block;
    width: 402px;
    height: 50px;
    border: 1px solid #808080;
    border-radius: 6px;}
.gc-legacy .page-contact__fields .title-wrap::after{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 48.6px;
    display: block;
    width: 15.41px;
    height: 9.08px;
    background: url(../../gardenconnect/./assets/images/icon-select.svg) no-repeat center;
    background-size: contain;
    pointer-events: none;}
.gc-legacy .page-contact__fields .title-wrap select{width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0 60px 0 10px;
    font-size: 15px;
    font-weight: 500;}
.gc-legacy .page-contact__fields .input-field + .input-field{margin-top: 22px;}
.gc-legacy .page-contact__fields textarea{width: 100%;
    height: 230px;
    padding: 18px 30px;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    border: 1px solid #808080;
    border-radius: 6px;}
.gc-legacy .page-contact__fields textarea::placeholder{color: #ADADAD;}
.gc-legacy .page-contact__privacy-text{display: block;
    width: 100%;
    margin-top: 40px;
    padding: 0 10px;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .page-contact__privacy-text > a{color: var(--gold);
    transition: opacity 0.3s ease;}
.gc-legacy .page-contact__privacy-text > a:hover{opacity: 0.7;}
.gc-legacy .page-contact__agree-wrap{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 10px;
    margin-top: 30px;}
.gc-legacy .page-contact__agree-wrap > span{display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;}
.gc-legacy .page-contact__agree-wrap .agree{display: none;}
.gc-legacy .page-contact__agree-wrap label{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;}
.gc-legacy .page-contact__agree-wrap .agree + span{position: relative;
    display: block;
    font-size: 15px;
    line-height: 32px;
    font-weight: 500;
    width: auto;
    padding-left: 42px;}
.gc-legacy .page-contact__agree-wrap .agree + span::before{content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 7px;
    border: 1px solid #1D1D1D;
    z-index: 1;}
.gc-legacy .page-contact__agree-wrap .agree:checked + span::after{content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 32px;
    background: url(../../gardenconnect/./assets/images/icon-check.svg) no-repeat center;
    background-size: contain;
    z-index: 2;}
.gc-legacy .page-contact__btns{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .confirm-btn,.gc-legacy .submit-btn{display: flex;
    justify-content: center;
    align-items: center;
    width: 270px;
    height: 40px;
    background: var(--font-color);
    color: var(--white);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    border: 1px solid var(--font-color);
    transition: background 0.3s ease,color 0.3s ease,border 0.3s ease;
    cursor: pointer;}
.gc-legacy .confirm-btn:hover,.gc-legacy .submit-btn:hover{border: 1px solid var(--font-color);
    background: var(--white);
    color: var(--font-color);}
.gc-legacy .back-btn{display: flex;
    justify-content: center;
    align-items: center;
    width: 270px;
    height: 40px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    border: 1px solid var(--font-color);
    background: var(--white);
    color: var(--font-color);
    transition: background 0.3s ease,color 0.3s ease,border 0.3s ease;
    cursor: pointer;
    margin-top: 20px;}
.gc-legacy .back-btn:hover{border: 1px solid var(--font-color);
    background: var(--font-color);
    color: var(--white);}
.gc-legacy .page-contact__form .error{display: block !important;
    width: 100% !important;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 19.5px;
    margin-left: 0 !important;}
.gc-legacy .page-contact__agree-wrap .error{display: block;
    max-width: 267px;
    width: 100% !important;
    text-align: left;}

}
@media screen and (max-width:767px){.gc-legacy .page-contact__fields .input-label{flex-wrap: wrap;}
.gc-legacy .page-contact__fields .type-field span,.gc-legacy .page-contact__fields .year-field span{width: 100%;}
.gc-legacy .page-contact__fields .request-field span{width: 100%;}
.gc-legacy .page-contact__fields .type-field > span:nth-child(n+2),.gc-legacy .page-contact__fields .year-field > span:nth-child(n+2){margin-top: 15px;
    margin-left: 0;}
.gc-legacy .page-contact__fields .request-field > span:nth-child(n+2){margin-top: 15px;}
.gc-legacy .page-contact__fields input[type="text"]{padding: 15px 15px 15px 15px;}

}
@media screen and (max-width:359px){.gc-legacy .page-contact__fields .input-field .zipcode{width: 140px;}
.gc-legacy .page-contact__fields .input-field .fill-address{left: calc(130px + 25px);}

}
@media screen and (max-width:767px){.gc-legacy .page-contact__form-confirm{display: block;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .page-contact__form-confirm .input-row{display: flex;
    flex-direction: column;
    width: 100%;}
.gc-legacy .page-contact__form-confirm .input-row .input-label{line-height: 26px;}
.gc-legacy .page-contact__form-confirm .input-row .input-field{font-size: 15px;
    line-height: 26px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .page-contact__form-confirm .page-contact__privacy-text,.gc-legacy .page-contact__form-confirm .page-contact__agree-wrap,.gc-legacy .page-contact__form-confirm .memo,.gc-legacy .page-contact__form-confirm .fill-address{display: none !important;}
.gc-legacy .page-contact__form-confirm  .title-wrap{display: block;
    width: 100%;
    border: none;}
.gc-legacy .page-contact__form-confirm  .title-wrap::after{display: none;}
.gc-legacy .page-contact__form-confirm .page-contact__fields > li:nth-child(n+2){margin-top: 40px;}

}
@media screen and (min-width:768px){.gc-legacy .page-contact__form-confirm{display: block;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .page-contact__form-confirm .input-row{display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;}
.gc-legacy .page-contact__form-confirm .input-row .input-label{width: 50%;
    line-height: 26px;}
.gc-legacy .page-contact__form-confirm .input-row .input-field{width: 50%;
    margin-top: 0;
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;}
.gc-legacy .page-contact__form-confirm .page-contact__privacy-text,.gc-legacy .page-contact__form-confirm .page-contact__agree-wrap,.gc-legacy .page-contact__form-confirm .memo,.gc-legacy .page-contact__form-confirm .fill-address{display: none !important;}
.gc-legacy .page-contact__form-confirm  .title-wrap{display: block;
    width: 100%;
    border: none;}
.gc-legacy .page-contact__form-confirm  .title-wrap::after{display: none;}
.gc-legacy .page-contact__form-confirm .page-contact__fields > li:nth-child(n+2){margin-top: 40px;}

}
@media screen and (max-width:767px){.gc-legacy .contact-thanks__header{display: block;
    width: 100%;
    font-size: 25px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 36.4px;}
.gc-legacy .contact-thanks__text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;}
.gc-legacy .contact-thanks__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .contact-thanks__btn > a{width: 270px;}

}
@media screen and (min-width:768px){.gc-legacy .contact-thanks__header{display: block;
    width: 100%;
    font-size: 28px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 36.4px;}
.gc-legacy .contact-thanks__text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;}
.gc-legacy .contact-thanks__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .contact-thanks__btn > a{width: 270px;}

}
@media screen and (max-width:767px){.gc-legacy .page-publication__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .page-publication__about,.gc-legacy .page-publication__about > article{display: block;
    width: 100%;}
.gc-legacy .page-publication__about > article:nth-child(n+2){margin-top: 40px;}
.gc-legacy .page-publication__about-header{display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 28.6px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .page-publication__about-text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    margin-top: 24px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .page-publication__form{display: block;
    width: 100%;
    margin-top: 60px;}

}
@media screen and (min-width:768px){.gc-legacy .page-publication__inner{display: block;
    max-width: 746px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .page-publication__about,.gc-legacy .page-publication__about > article{display: block;
    width: 100%;}
.gc-legacy .page-publication__about > article:nth-child(n+2){margin-top: 40px;}
.gc-legacy .page-publication__about-header{display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 28.6px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .page-publication__about-text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    margin-top: 24px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .page-publication__form{display: block;
    width: 100%;
    margin-top: 60px;}

}
@media screen and (min-width:0px){.gc-legacy .page-publication__form form{display: block;
    width: 100%;}
.gc-legacy .page-publication__form{display: block;
    width: 100%;}
.gc-legacy .page-publication__field-title{display: block;
    width: 100%;
    font-size: 22px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 28.6px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .page-publication__fields{display: block;
    width: 100%;
    margin-top: 40px;}
.gc-legacy .page-publication__fields > li{display: block;
    width: 100%;}
.gc-legacy .page-publication__fields > li:nth-child(n+2){margin-top: 30px;}
.gc-legacy .page-publication__fields input[type="text"]{width: 100%;
    height: 50px;
    border: 1px solid #808080;
    border-radius: 6px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    padding: 15px 30px 15px 30px;}
.gc-legacy .page-publication__fields input[type="text"]::placeholder{color: #ADADAD;}
.gc-legacy .page-publication__fields .input-row{display: block;
    width: 100%;}
.gc-legacy .page-publication__fields .input-label{display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 26px;}
.gc-legacy .page-publication__fields .input-label > .mandatory{display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 21px;
    background: var(--gold);
    color: var(--white);
    font-family: var(--yumincho);
    margin-left: 15px;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;}
.gc-legacy .page-publication__fields .input-field{position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 13px;}
.gc-legacy .page-publication__fields .input-field .zipcode{width: 160px;}
.gc-legacy .page-publication__fields .input-field .fill-address{position: absolute;
    top: 6px;
    left: calc(160px + 25px);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 38px;
    border-radius: 6px;
    font-size: 13px;
    color: var(--white);
    line-height: 1;
    font-weight: 700;
    background: #626E79;
    cursor: pointer;
    transition: opacity 0.3s ease;}
.gc-legacy .page-publication__fields .input-field .fill-address:hover{opacity: 0.7;}
.gc-legacy .page-publication__fields  span{width: auto;}
.gc-legacy .page-publication__fields .title-field > span:nth-child(n+2){margin-left: 30px;}
.gc-legacy .page-publication__fields .title{display: none;}
.gc-legacy .page-publication__fields .title + span{position: relative;
    display: flex;
    align-items: center;
    width: auto;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    padding-left: 20px;}
.gc-legacy .page-publication__fields .title + span::before{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    border: 1px solid var(--font-color);
    z-index: 1;}
.gc-legacy .page-publication__fields .title:checked + span::after{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 6px;
    background: var(--font-color);
    z-index: 2;}
.gc-legacy .page-publication__fields .field-textarea{margin-top: 30px;}
.gc-legacy .page-publication__fields textarea{width: 100%;
    height: 230px;
    padding: 18px 30px;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    border: 1px solid #808080;
    border-radius: 6px;}
.gc-legacy .page-publication__fields textarea::placeholder{color: #ADADAD;}
.gc-legacy .page-publication__privacy-text{display: block;
    width: 100%;
    margin-top: 40px;
    padding: 0 10px;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .page-publication__privacy-text > a{color: var(--gold);
    transition: opacity 0.3s ease;}
.gc-legacy .page-publication__privacy-text > a:hover{opacity: 0.7;}
.gc-legacy .page-publication__agree-wrap{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 10px;
    margin-top: 30px;}
.gc-legacy .page-publication__agree-wrap > span{display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;}
.gc-legacy .page-publication__agree-wrap .agree{display: none;}
.gc-legacy .page-publication__agree-wrap label{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;}
.gc-legacy .page-publication__agree-wrap .agree + span{position: relative;
    display: block;
    font-size: 15px;
    line-height: 32px;
    font-weight: 500;
    width: auto;
    padding-left: 42px;}
.gc-legacy .page-publication__agree-wrap .agree + span::before{content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 7px;
    border: 1px solid #1D1D1D;
    z-index: 1;}
.gc-legacy .page-publication__agree-wrap .agree:checked + span::after{content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 32px;
    background: url(../../gardenconnect/./assets/images/icon-check.svg) no-repeat center;
    background-size: contain;
    z-index: 2;}
.gc-legacy .page-publication__btns{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .confirm-btn,.gc-legacy .submit-btn{display: flex;
    justify-content: center;
    align-items: center;
    width: 270px;
    height: 40px;
    background: var(--font-color);
    color: var(--white);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    border: 1px solid var(--font-color);
    transition: background 0.3s ease,color 0.3s ease,border 0.3s ease;
    cursor: pointer;}
.gc-legacy .confirm-btn:hover,.gc-legacy .submit-btn:hover{border: 1px solid var(--font-color);
    background: var(--white);
    color: var(--font-color);}
.gc-legacy .back-btn{display: flex;
    justify-content: center;
    align-items: center;
    width: 270px;
    height: 40px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    border: 1px solid var(--font-color);
    background: var(--white);
    color: var(--font-color);
    transition: background 0.3s ease,color 0.3s ease,border 0.3s ease;
    cursor: pointer;
    margin-top: 20px;}
.gc-legacy .back-btn:hover{border: 1px solid var(--font-color);
    background: var(--font-color);
    color: var(--white);}
.gc-legacy .page-publication__form .error{display: block !important;
    width: 100% !important;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 19.5px;
    margin-left: 0 !important;}
.gc-legacy .page-publication__agree-wrap .error{display: block;
    max-width: 267px;
    width: 100% !important;
    text-align: left;}

}
@media screen and (max-width:359px){.gc-legacy .page-publication__fields .input-field .zipcode{width: 140px;}
.gc-legacy .page-publication__fields .input-field .fill-address{left: calc(130px + 25px);}

}
@media screen and (max-width:767px){.gc-legacy .page-publication__confirm-text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    margin-top: 24px;
    text-align: justify;}
.gc-legacy .page-publication__form-confirm{display: block;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .page-publication__form-confirm .input-row{display: flex;
    flex-direction: column;
    width: 100%;}
.gc-legacy .page-publication__form-confirm .input-row .input-label{line-height: 26px;}
.gc-legacy .page-publication__form-confirm .input-row .input-field{font-size: 15px;
    line-height: 26px;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .page-publication__form-confirm .page-publication__privacy-text,.gc-legacy .page-publication__form-confirm .page-publication__agree-wrap,.gc-legacy .page-publication__form-confirm .fill-address{display: none !important;}
.gc-legacy .page-publication__form-confirm .page-publication__fields .field-textarea{margin-top: 20px;}
.gc-legacy .page-publication__form-confirm .page-contact__fields > li:nth-child(n+2){margin-top: 40px;}
.gc-legacy .page-publication__fields input[type="text"]{padding: 15px 15px 15px 15px;}

}
@media screen and (min-width:768px){.gc-legacy .page-publication__confirm-text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    margin-top: 24px;
    text-align: justify;}
.gc-legacy .page-publication__form-confirm{display: block;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .page-publication__form-confirm .input-row{display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;}
.gc-legacy .page-publication__form-confirm .input-row .input-label{width: 50%;
    line-height: 26px;}
.gc-legacy .page-publication__form-confirm .input-row .input-field{width: 50%;
    margin-top: 0;
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;}
.gc-legacy .page-publication__form-confirm .page-publication__privacy-text,.gc-legacy .page-publication__form-confirm .page-publication__agree-wrap,.gc-legacy .page-publication__form-confirm .fill-address{display: none !important;}
.gc-legacy .page-publication__form-confirm .page-publication__fields .field-textarea{margin-top: 20px;}
.gc-legacy .page-publication__form-confirm .page-publication__fields > li:nth-child(n+2){margin-top: 40px;}

}
@media screen and (max-width:767px){.gc-legacy .publication-thanks__header{display: block;
    width: 100%;
    font-size: 25px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 36.4px;}
.gc-legacy .publication-thanks__text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;}
.gc-legacy .publication-thanks__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .publication-thanks__btn > a{width: 270px;}

}
@media screen and (min-width:768px){.gc-legacy .publication-thanks__header{display: block;
    width: 100%;
    font-size: 28px;
    font-family: var(--yumincho);
    font-weight: 600;
    line-height: 36.4px;}
.gc-legacy .publication-thanks__text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;}
.gc-legacy .publication-thanks__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .publication-thanks__btn > a{width: 270px;}

}
@media screen and (max-width:767px){.gc-legacy .about-intro{display: block;
    width: 100%;
    padding-bottom: 80px;}
.gc-legacy .about-intro__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .about-intro__header{display: block;
    width: 100%;
    font-size: 25px;
    font-family: var(--yumincho);
    line-height: 36.4px;
    font-weight: 600;}
.gc-legacy .about-intro__wrap{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    padding: 0 20px 0 20px;}
.gc-legacy .about-intro__img{float: right;
    display: block;
    order: 2;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .about-intro__img > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .about-intro__text{order: 1;
    display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .about-intro__block{order: 3;
    display: block;
    width: 100%;
    margin-top: 40px;}
.gc-legacy .about-intro__block-title{display: block;
    width: 100%;
    font-size: 20px;
    font-family: var(--yumincho);
    font-weight: 800;
    color: #4C6278;
    line-height: 26px;}
.gc-legacy .about-intro__list{display: block;
    width: 100%;
    margin-top: 20px;}
.gc-legacy .about-intro__list > li{position: relative;
    display: block;
    width: 100%;
    padding-left: 30px;
    font-size: 15px;
    font-weight: 600;
    line-height: 19.5px;
    font-family: var(--yumincho);}
.gc-legacy .about-intro__list > li:nth-child(n+2){margin-top: 10px;}
.gc-legacy .about-intro__list > li::before{content: "";
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: var(--gold);}
.gc-legacy .about-intro__block > p{display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;}
.gc-legacy .about-intro__text-btm{order: 4;
    display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;}

}
@media screen and (min-width:768px){.gc-legacy .about-intro{display: block;
    width: 100%;
    padding-bottom: 80px;}
.gc-legacy .about-intro__inner{display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .about-intro__header{display: block;
    width: 100%;
    font-size: 28px;
    font-family: var(--yumincho);
    line-height: 36.4px;
    font-weight: 600;}
.gc-legacy .about-intro__wrap{display: block;
    width: 100%;
    margin-top: 40px;
    padding: 0 30px 0 30px;}
.gc-legacy .about-intro__img{float: right;
    display: block;
    width: calc(516/940 * 100%);
    padding-left: calc(57/940 * 100%);}
.gc-legacy .about-intro__img > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .about-intro__text{display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .about-intro__block{display: block;
    width: 100%;
    margin-top: 40px;}
.gc-legacy .about-intro__block-title{display: block;
    width: 100%;
    font-size: 20px;
    font-family: var(--yumincho);
    font-weight: 800;
    color: #4C6278;
    line-height: 26px;}
.gc-legacy .about-intro__list{display: block;
    width: 100%;
    margin-top: 20px;}
.gc-legacy .about-intro__list > li{position: relative;
    display: block;
    width: 100%;
    padding-left: 30px;
    font-size: 15px;
    font-weight: 600;
    line-height: 19.5px;
    font-family: var(--yumincho);}
.gc-legacy .about-intro__list > li:nth-child(n+2){margin-top: 10px;}
.gc-legacy .about-intro__list > li::before{content: "";
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: var(--gold);}
.gc-legacy .about-intro__block > p{display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;}
.gc-legacy .about-intro__text-btm{display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;}

}
@media screen and (max-width:767px){.gc-legacy .about-exterior{display: block;
    width: 100%;
    padding: 80px 0 80px 0;
    background: #F4F4F4;}
.gc-legacy .about-exterior__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .about-exterior__header{display: block;
    width: 100%;
    font-size: 25px;
    font-family: var(--yumincho);
    line-height: 36.4px;
    font-weight: 600;}
.gc-legacy .about-exterior__wrap{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    padding: 0 20px 0 20px;}
.gc-legacy .about-exterior__img{display: block;
    width: 100%;}
.gc-legacy .about-exterior__img > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .about-exterior__text{display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;}

}
@media screen and (min-width:768px){.gc-legacy .about-exterior{display: block;
    width: 100%;
    padding: 80px 0 80px 0;
    background: #F4F4F4;}
.gc-legacy .about-exterior__inner{display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .about-exterior__header{display: block;
    width: 100%;
    font-size: 28px;
    font-family: var(--yumincho);
    line-height: 36.4px;
    font-weight: 600;}
.gc-legacy .about-exterior__wrap{display: flex;
    justify-content: space-between;
    align-items: flex-start ;
    width: 100%;
    margin-top: 40px;
    padding: 0 30px 0 30px;}
.gc-legacy .about-exterior__img{display: block;
    width: calc(516/940 * 100%);
    padding-right: calc(57/940 * 100%);}
.gc-legacy .about-exterior__img > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .about-exterior__text{display: block;
    width: calc(424/940 * 100%);
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}

}
@media screen and  (max-width:767px){.gc-legacy .about-worries{display: block;
    width: 100%;
    padding: 80px 0 80px 0;}
.gc-legacy .about-worries__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .about-worries__header{display: block;
    width: 100%;
    font-size: 25px;
    font-family: var(--yumincho);
    line-height: 36.4px;
    font-weight: 600;}
.gc-legacy .about-worries__header + p{margin-top: 40px;
    padding: 0 20px;}
.gc-legacy .about-worries__text{display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .about-worries__wrap{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 40px;}
.gc-legacy .about-worries__img{display: block;
    width: 100%;}
.gc-legacy .about-worries__list{position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    margin-top: 40px;}
.gc-legacy .about-worries__list > li{position: relative;
    display: block;
    width: 100%;
    background: #F4F4F4;
    padding: 15px 20px 15px 50px;
    font-size: 14px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 19.5px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .about-worries__list > li:nth-child(n+2){margin-top: 10px;}
.gc-legacy .about-worries__list > li::before{content: "";
    position: absolute;
    top: 15px;
    left: 20px;
    display: block;
    width: 20px;
    height: 19.5px;
    background: url(../../gardenconnect/./assets/images/about/icon-checkbox.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .about-worries__list + p{margin-top: 40px;
    padding: 0 20px;}

}
@media screen and  (min-width:768px){.gc-legacy .about-worries{display: block;
    width: 100%;
    padding: 80px 0 80px 0;}
.gc-legacy .about-worries__inner{display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .about-worries__header{display: block;
    width: 100%;
    font-size: 28px;
    font-family: var(--yumincho);
    line-height: 36.4px;
    font-weight: 600;}
.gc-legacy .about-worries__header > .sp-only{display: none;}
.gc-legacy .about-worries__header + p{margin-top: 40px;
    padding: 0 30px;}
.gc-legacy .about-worries__text{display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .about-worries__wrap{position: relative;
    display: block;
    width: 100%;
    margin-top: 40px;
    padding: 0 30px 0 30px;}
.gc-legacy .about-worries__img{position: absolute;
    top: 0;
    right: 30px;
    display: block;
    width: calc(648/940 * 100%);
    z-index: 1;}
.gc-legacy .about-worries__list{position: relative;
    z-index: 2;
    display: block;
    width: calc(436.7/940 * 100%);
    padding-top: 20px;}
.gc-legacy .about-worries__list > li{position: relative;
    display: block;
    width: 100%;
    background: #F4F4F4;
    padding: 15px 10px 15px 85px;
    font-size: 15px;
    font-family: var(--yumincho);
    font-weight: 500;
    line-height: 19.5px;}
.gc-legacy .about-worries__list > li:nth-child(n+2){margin-top: 10px;}
.gc-legacy .about-worries__list > li::before{content: "";
    position: absolute;
    top: 15px;
    left: 50px;
    display: block;
    width: 20px;
    height: 19.5px;
    background: url(../../gardenconnect/./assets/images/about/icon-checkbox.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .about-worries__list + p{margin-top: 40px;}

}
@media screen and (min-width:768px) and (max-width:1024px){.gc-legacy .about-worries__list{min-width: 420px;}

}
@media screen and  (max-width:767px){.gc-legacy .about-order{display: block;
    width: 100%;
    padding: 0 0 80px 0;}
.gc-legacy .about-order__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .about-order__header{display: block;
    width: 100%;
    font-size: 25px;
    font-family: var(--yumincho);
    line-height: 36.4px;
    font-weight: 600;}
.gc-legacy .about-order__header + p{margin-top: 40px;
    padding: 0 20px;}
.gc-legacy .about-order__text{display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .about-order__wrap{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    padding: 0 20px 0 20px;}
.gc-legacy .about-order__img{display: block;
    width: 100%;}
.gc-legacy .about-order__img > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .about-order__wrap > p{display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;
    margin-top: 40px;}
.gc-legacy .about-order__wrap + p{margin-top: 40px;
    padding: 0 20px;}
.gc-legacy .about-order__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .about-order__btn > a{max-width: 100%;
    width: 324px;
    height: 40px;}

}
@media screen and  (min-width:768px){.gc-legacy .about-order{display: block;
    width: 100%;
    padding: 0 0 80px 0;}
.gc-legacy .about-order__inner{display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .about-order__header{display: block;
    width: 100%;
    font-size: 28px;
    font-family: var(--yumincho);
    line-height: 36.4px;
    font-weight: 600;}
.gc-legacy .about-order__header > .sp-only{display: none;}
.gc-legacy .about-order__header + p{margin-top: 40px;
    padding: 0 30px;}
.gc-legacy .about-order__text{display: block;
    width: 100%;
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .about-order__wrap{display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
    padding: 0 30px 0 30px;}
.gc-legacy .about-order__img{display: block;
    width: calc(246/940 * 100%);}
.gc-legacy .about-order__img > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .about-order__wrap > p{display: block;
    width: calc(621/940 * 100%);
    font-size: 15px;
    font-family: var(--yumincho);
    line-height: 1.7;
    font-weight: 500;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .about-order__wrap + p{margin-top: 40px;
    padding: 0 30px;}
.gc-legacy .about-order__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .about-order__btn > a{width: 324px;
    height: 40px;}

}
@media screen and (max-width:767px){.gc-legacy .kind-localnav{display: block;
    width: 100%;
    padding: 0 0 80px 0;}
.gc-legacy .kind-localnav__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .kind-localnav__text{display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1.7;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .kind-localnav__list{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;}
.gc-legacy .kind-localnav__list > li{display: block;
    width: calc(50% - 5.3px);}
.gc-legacy .kind-localnav__list > li:nth-child(n+3){margin-top: 15.3px;}
.gc-legacy .kind-localnav__list > li > a{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 46.9px;
    background: #4C6278;
    border-radius: 4px;
    font-size: 12px;
    color: var(--white);
    font-weight: 800;
    font-family: var(--yumincho);
    line-height: 1.3;
    text-align: center;
    transition: background 0.3s ease;}
.gc-legacy .kind-localnav__list > li > a:hover{background: rgba(76,98,120,0.8);}
.gc-legacy .kind-localnav__caution{display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 23.8px;
    color: #4C6278;
    margin-top: 15px;}
.gc-legacy .kind-card__outer{display: block;
    width: 100%;
    padding: 80px 0 80px 0;
    background: #F4F4F4;}
.gc-legacy .kind-card__inner{display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .kind-card{display: block;
    width: 100%;
    background: var(--white);
    padding: 20px;}
.gc-legacy .kind-card:nth-child(n+2){margin-top: 40px;}
.gc-legacy .kind-card__img{display: block;
    width: 100%;}
.gc-legacy .kind-card__img > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .kind-card__header{display: block;
    width: 100%;
    font-size: 19px;
    font-weight: 600;
    line-height: 20px;
    font-family: var(--yumincho);
    margin-top: 30px;}
.gc-legacy .kind-card > p{display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    margin-top: 16px;
    text-align: justify;
    word-break: break-all;}

}
@media screen and (min-width:768px){.gc-legacy .kind-localnav{display: block;
    width: 100%;
    padding: 0 0 40px 0;}
.gc-legacy .kind-localnav__inner{display: block;
    max-width: 946px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .kind-localnav__text{display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1.7;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .kind-localnav__list{display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 40px;}
.gc-legacy .kind-localnav__list > li{display: block;
    width: calc(179.2/946 * 100%);
    margin-right: calc(11.8/946 * 100%);}
.gc-legacy .kind-localnav__list > li > a{display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 52px;
    background: #4C6278;
    border-radius: 4px;
    font-size: 14px;
    color: var(--white);
    font-weight: 800;
    font-family: var(--yumincho);
    line-height: 1.3;
    text-align: center;
    transition: background 0.3s ease;}
.gc-legacy .kind-localnav__list > li > a:hover{background: rgba(76,98,120,0.8);}
.gc-legacy .kind-localnav__caution{display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 23.8px;
    color: #4C6278;
    margin-top: 10px;}
.gc-legacy .kind-card__outer{display: block;
    width: 100%;
    padding: 80px 0 80px 0;
    background: #F4F4F4;}
.gc-legacy .kind-card__inner{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 946px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .kind-card{display: block;
    width: calc(460/946 * 100%);
    background: var(--white);
    padding: 30px;}
.gc-legacy .kind-card:nth-child(n+3){margin-top: 50px;}
.gc-legacy .kind-card__img{display: block;
    width: 100%;}
.gc-legacy .kind-card__img > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .kind-card__header{display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 600;
    line-height: 29px;
    font-family: var(--yumincho);
    margin-top: 30px;}
.gc-legacy .kind-card > p{display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    margin-top: 20px;
    text-align: justify;
    word-break: break-all;}

}
@media screen and (min-width:768px) and (max-width:1024px){.gc-legacy .kind-localnav__list > li{width: calc(173.15/728 * 100%);
    margin-right: calc(11.8/728 * 100%);}
.gc-legacy .kind-localnav__list > li:nth-child(4n){margin-right: 0;}
.gc-legacy .kind-localnav__list > li:nth-child(n+5){margin-top: 17px;}

}
@media screen and (min-width:1025px){.gc-legacy .kind-localnav__list > li:nth-child(5n){margin-right: 0;}
.gc-legacy .kind-localnav__list > li:nth-child(n+6){margin-top: 17px;}

}
@media screen and (max-width:767px){.gc-legacy .page__cost .container{padding: 0;}
.gc-legacy .cost__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;
    padding-bottom: 80px;}
.gc-legacy .cost__text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    padding: 0 20px;}
.gc-legacy .cost__card-wrap{display: block;
    width: 100%;
    margin-top: 80px;}
.gc-legacy .cost__card{position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 0 30px 0;}
.gc-legacy .cost__card::after{content: "";
    position: absolute;
    top: 115px;
    right: 0;
    display: block;
    width: 100%;
    height: calc(100% - 115px);
    background: #F4F4F4;
    z-index: 1;}
.gc-legacy .cost__card:nth-child(n+2){margin-top: 80px;}
.gc-legacy .cost__card-img{position: relative;
    z-index: 2;
    display: block;
    width: 230px;}
.gc-legacy .cost__card-img > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .cost__card-content{position: relative;
    z-index: 2;
    display: block;
    width:100%;
    padding: 0 40px 0 20px;
    margin-top: 30px;}
.gc-legacy .cost__card-header{display: flex;
    align-items: center;
    width: 100%;}
.gc-legacy .cost__card-header > span:nth-child(1){font-size: 25px;
    line-height: 31.2px;
    font-family: var(--yumincho);
    font-weight: 500;
    margin-right: 10px;}
.gc-legacy .cost__card-header > span:nth-child(2){position: relative;
    font-size: 20px;
    line-height: 2;
    font-family: var(--yumincho);
    font-weight: 800;
    padding-left: 20px;
    color: var(--gold);}
.gc-legacy .cost__card-header > span:nth-child(2)::before{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 8.5px;
    height: 24px;
    background: url(../../gardenconnect/./assets/images/cost/icon-bslash.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .cost__card-list{display: block;
    width: calc(100% - 20px);
    padding: 10px;
    background: var(--white);
    margin: 20px 0 0 20px;}
.gc-legacy .cost__card-list > li{position: relative;
    display: block;
    width: 100%;
    padding-left: 15px;
    color: var(--gold);
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;}
.gc-legacy .cost__card-list > li > span{position: absolute;
    left: 0;}
.gc-legacy .cost__card-text{display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
    padding-left: 20px;}
.gc-legacy .cost__card-wrap + p{margin-top: 50px;}

}
@media screen and (max-width:364px){.gc-legacy .cost__card-header > span:nth-child(1){font-size: 23px;}
.gc-legacy .cost__card-header > span:nth-child(2){font-size: 18px;}

}
@media screen and (max-width:359px){.gc-legacy .cost__card-header > span:nth-child(1){font-size: 20px;}
.gc-legacy .cost__card-header > span:nth-child(2){font-size: 17px;}

}
@media screen and (min-width:768px){.gc-legacy .cost__inner{display: block;
    max-width: 946px;
    width: 100%;
    margin: 0 auto 0 auto;
    padding-bottom: 50px;}
.gc-legacy .cost__text{display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;}
.gc-legacy .cost__card-wrap{display: block;
    width: 100%;
    margin-top: 80px;
    padding: 0 30px;}
.gc-legacy .cost__card{position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 30px 0 30px 0;}
.gc-legacy .cost__card::after{content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: calc(806/886 * 100%);
    height: 100%;
    background: #F4F4F4;
    z-index: 1;}
.gc-legacy .cost__card:nth-child(n+2){margin-top: 50px;}
.gc-legacy .cost__card-img{position: relative;
    z-index: 2;
    display: block;
    width: 230px;}
.gc-legacy .cost__card-img > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .cost__card-content{position: relative;
    z-index: 2;
    display: block;
    width:calc(100% - 230px - calc(53/886 * 100%));
    padding-right: 20px;}
.gc-legacy .cost__card-header{display: flex;
    align-items: center;
    width: 100%;}
.gc-legacy .cost__card-header > span:nth-child(1){font-size: 28px;
    line-height: 31.2px;
    font-family: var(--yumincho);
    font-weight: 500;
    margin-right: 10px;}
.gc-legacy .cost__card-header > span:nth-child(2){position: relative;
    font-size: 20px;
    line-height: 2;
    font-family: var(--yumincho);
    font-weight: 800;
    padding-left: 20px;
    color: var(--gold);}
.gc-legacy .cost__card-header > span:nth-child(2)::before{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    width: 8.5px;
    height: 24px;
    background: url(../../gardenconnect/./assets/images/cost/icon-bslash.svg) no-repeat center;
    background-size: contain;}
.gc-legacy .cost__card-list{display: block;
    width: calc(100% - 20px);
    padding: 10px;
    background: var(--white);
    margin: 20px 0 0 20px;}
.gc-legacy .cost__card-list > li{position: relative;
    display: block;
    width: 100%;
    padding-left: 15px;
    color: var(--gold);
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    font-family: var(--yumincho);}
.gc-legacy .cost__card-list > li > span{position: absolute;
    left: 0;}
.gc-legacy .cost__card-text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;
    margin-top: 20px;
    padding-left: 20px;}
.gc-legacy .cost__card.reverse{flex-direction: row-reverse;}
.gc-legacy .cost__card.reverse::after{right: initial;
    left: 0;}
.gc-legacy .cost__card.reverse > .cost__card-content{padding: 0 0 0 20px;}
.gc-legacy .cost__card-wrap + p{margin-top: 50px;}

}
@media screen and (max-width:767px){.gc-legacy .flow-step{display: block;
    width: 100%;
    padding:50px 0 50px 0;}
.gc-legacy .flow-step:nth-child(odd){background: #F5F7F8;}
.gc-legacy .flow-step:nth-child(even){background:var(--white)}
.gc-legacy .flow-step__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .flow-step__header{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;}
.gc-legacy .flow-step__header > span{color: #4C6278;
    font-family: var(--yumincho);}
.gc-legacy .flow-step__header > span:nth-child(1){font-size: 20px;
    font-weight: 600;
    line-height: 1;}
.gc-legacy .flow-step__header > span:nth-child(2){font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin-top: 10px;}
.gc-legacy .flow-step__text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.77;
    font-family: var(--yumincho);
    
    margin-top: 30px;
    justify-content: center;
    word-break: break-all;}
.gc-legacy .flow-step:nth-child(odd) .flow-step__text{text-align: left;}

}
@media screen and (min-width:768px){.gc-legacy .flow-step{display: block;
    width: 100%;
    padding:50px 0 50px 0;}
.gc-legacy .flow-step:nth-child(odd){background: #F5F7F8;}
.gc-legacy .flow-step:nth-child(even){background:var(--white)}
.gc-legacy .flow-step__inner{display: block;
    max-width: 700px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .flow-step__header{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;}
.gc-legacy .flow-step__header > span{color: #4C6278;
    font-family: var(--yumincho);}
.gc-legacy .flow-step__header > span:nth-child(1){font-size: 20px;
    font-weight: 600;
    line-height: 1;}
.gc-legacy .flow-step__header > span:nth-child(2){font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin-top: 10px;}
.gc-legacy .flow-step__text{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.77;
    font-family: var(--yumincho);
    text-align: center;
    margin-top: 30px;}

}
@media screen and (max-width:767px){.gc-legacy .guide-intro{display: block;
    width: 100%;
    padding: 0 0 90px 0;}
.gc-legacy .guide-intro__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .guide-intro__header{display: block;
    width: 100%;
    font-size: 25px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 36.4px;
    text-align: center;}
.gc-legacy .guide-intro__texttop{display: block;
    width: 100%;
    font-size: 18px;
    line-height: 25.5px;
    font-weight: 500;
    font-family: var(--yumincho);
    margin-top: 30px;
    text-align: justify;
    word-break: break-all;}
.gc-legacy .guide-intro__wrap{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 38px;}
.gc-legacy .guide-intro__img{display: block;
    width: 100%;}
.gc-legacy .guide-intro__img > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .guide-intro__wrap > .guide-intro__text{display: block;
    width: 100%;
    font-size: 15px;
    line-height:1.7;
    text-align: justify;
    word-break: break-all;
    font-family: var(--yumincho);}
.gc-legacy .guide-intro__wrap > .guide-intro__text > .pc-only{display: none;}
.gc-legacy .guide-intro__img + p{margin-top: 38px;}
.gc-legacy .guide-intro__wrap > ul{display: block;
    width: 100%;
    margin-top: 25px;
    padding-top: 0px !important;}
.gc-legacy .guide-intro__wrap > ul > li{position: relative;
    display: block;
    width: 100%;
    padding-left: 30px;
    font-size: 15px;
    line-height: 19.5px;
    font-family: var(--yumincho);
    font-weight: 500;}
.gc-legacy .guide-intro__wrap > ul > li::before{content: "";
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: var(--gold);}
.gc-legacy .guide-intro__wrap > ul > li:nth-child(n+2){margin-top: 18px;}
.gc-legacy .guide-intro__wrap > ul + p{margin-top: 25px;}
.gc-legacy .guide-intro__htext{display: block;
    margin-top: 30px;
    font-family: var(--yumincho);}
.gc-legacy .guide-intro__htext > span{background: linear-gradient(transparent calc(100% - 7px), #E2E0CB 7px);
    font-size: 18px;
    font-weight: 500;
    line-height: 25.5px;
    text-align: justify;}
.gc-legacy .guide-intro__banner{display: block;
    max-width: 706px;
    width: 100%;
    margin: 40px auto 0 auto;}
.gc-legacy .guide-intro__banner > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .guide-intro__banner + p{display: block;
    width: 100%;
    font-size: 15px;
    line-height:1.7;
    text-align: justify;
    word-break: break-all;
    font-family: var(--yumincho);
    margin-top: 40px;}

}
@media screen and (min-width:768px){.gc-legacy .guide-intro{display: block;
    width: 100%;
    padding: 0 0 80px 0;}
.gc-legacy .guide-intro__inner{display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 30px 0 30px;}
.gc-legacy .guide-intro__header{display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 36.4px;
    text-align: center;}
.gc-legacy .guide-intro__texttop{display: block;
    width: 100%;
    font-size: 18px;
    line-height: 25.5px;
    font-weight: 500;
    font-family: var(--yumincho);
    margin-top: 30px;
    text-align: center;}
.gc-legacy .guide-intro__wrap{display: block;
    width: 100%;
    margin-top: 79px;}
.gc-legacy .guide-intro__img{float: right;
    display: block;
    width: 50%;
    padding-left: 20px;
    margin-top: -15px;}
.gc-legacy .guide-intro__img > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .guide-intro__wrap > .guide-intro__text{display: block;
    width: 100%;
    font-size: 15px;
    line-height:1.7;
    text-align: justify;
    word-break: break-all;
    font-family: var(--yumincho);}
.gc-legacy .guide-intro__img + p{margin-top: 15px;
    padding-top: 0px !important;}
.gc-legacy .guide-intro__wrap > ul{display: block;
    width: 100%;
    margin-top: 25px;
    padding-top: 0px !important;}
.gc-legacy .guide-intro__wrap > ul > li{position: relative;
    display: block;
    width: 100%;
    padding-left: 30px;
    font-size: 15px;
    line-height: 19.5px;
    font-family: var(--yumincho);
    font-weight: 500;}
.gc-legacy .guide-intro__wrap > ul > li::before{content: "";
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: var(--gold);}
.gc-legacy .guide-intro__wrap > ul > li:nth-child(n+2){margin-top: 18px;}
.gc-legacy .guide-intro__wrap > ul + p{margin-top: 25px;}
.gc-legacy .guide-intro__htext{display: block;    
    margin-top: 30px;
    font-family: var(--yumincho);}
.gc-legacy .guide-intro__htext > span{background: linear-gradient(transparent calc(100% - 7px), #E2E0CB 7px);    
    font-size: 18px;
    font-weight: 500;
    line-height: 25.5px;}
.gc-legacy .guide-intro__banner{display: block;
    max-width: 706px;
    width: 100%;
    margin: 60px auto 0 auto;}
.gc-legacy .guide-intro__banner > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .guide-intro__banner + p{display: block;
    width: 100%;
    font-size: 15px;
    line-height:1.7;
    text-align: justify;
    word-break: break-all;
    font-family: var(--yumincho);
    margin-top: 60px;}

}
@media screen and (max-width:767px){.gc-legacy .guide-reason{display: block;
    width: 100%;}
.gc-legacy .guide-reason__card{display: block;
    width: 100%;
    padding: 40px 0 85px 0;}
.gc-legacy .guide-reason__card:nth-child(odd){background: #F5F7F8;}
.gc-legacy .guide-reason__card-inner{position: relative;
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .guide-reason__card-header{display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 28.6px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .guide-reason__card-badge{position: absolute;
    bottom: -85px;
    font-size: 63px;
    font-family: var(--yumincho);
    font-weight: 800;
    line-height: 35px;}
.gc-legacy .guide-reason__card:nth-child(odd) .guide-reason__card-badge{right: 0;
    color: var(--white);}
.gc-legacy .guide-reason__card:nth-child(even) .guide-reason__card-badge{left: 0;
    color: #F5F7F8;}
.gc-legacy .guide-reason__card-wrap{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .guide-reason__card:nth-child(n+2) .guide-reason__card-wrap{margin-top: 0;}
.gc-legacy .guide-reason__img{display: block;
    width: 100%;}
.gc-legacy .guide-reason__img > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .guide-reason__content{position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .guide-reason__content > h4{display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 800;
    font-family: var(--yumincho);
    line-height: 26px;
    color: #4C6278;}
.gc-legacy .guide-reason__content > p{display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1.7;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;}

}
@media screen and (min-width:768px){.gc-legacy .guide-reason{display: block;
    width: 100%;}
.gc-legacy .guide-reason__card{display: block;
    width: 100%;
    padding: 40px 0 40px 0;}
.gc-legacy .guide-reason__card:nth-child(odd){background: #F5F7F8;}
.gc-legacy .guide-reason__card-inner{position: relative;
    display: block;
    max-width: 946px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .guide-reason__card-header{display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 28.6px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .guide-reason__card-badge{position: absolute;
    bottom: -40px;
    font-size: 80px;
    font-family: var(--yumincho);
    font-weight: 800;
    line-height: 45px;}
.gc-legacy .guide-reason__card:nth-child(odd) .guide-reason__card-badge{right: 0;
    color: var(--white);}
.gc-legacy .guide-reason__card:nth-child(even) .guide-reason__card-badge{left: 0;
    color: #F5F7F8;}
.gc-legacy .guide-reason__card-wrap{display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .guide-reason__card:nth-child(n+2) .guide-reason__card-wrap{margin-top: 0;}
.gc-legacy .guide-reason__card:nth-child(even) .guide-reason__card-wrap{flex-direction: row-reverse !important;}
.gc-legacy .guide-reason__img{display: block;
    width: calc(356/946 * 100%);}
.gc-legacy .guide-reason__img > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .guide-reason__content{position: relative;
    z-index: 2;
    display: block;
    width: calc(532/946 * 100%);}
.gc-legacy .guide-reason__content > h4{display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 800;
    font-family: var(--yumincho);
    line-height: 26px;
    color: #4C6278;}
.gc-legacy .guide-reason__content > p{display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1.7;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;}

}
@media screen and (max-width:767px){.gc-legacy .guide-using{display: block;
    width: 100%;
    padding: 80px 0 0 0;}
.gc-legacy .guide-using__inner{display: block;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .guide-using__header{display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 28.6px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .guide-using__wrap{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 20px;
    margin: 50px auto 0 auto;}
.gc-legacy .guide-using__card{display: block;
    width: 100%;}
.gc-legacy .guide-using__card:nth-child(n+2){margin-top: 50px;}
.gc-legacy .guide-using__img{position: relative;
    display: block;
    width: 100%;}
.gc-legacy .guide-using__img > .point{position: absolute;
    top: 0;
    left: 0;
    font-size: 45px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1;
    color: #ADADAD;}
.gc-legacy .guide-using__img > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .guide-using__card > h4{display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 800;
    font-family: var(--yumincho);
    line-height: 26px;
    color: #4C6278;
    text-align: center;
    margin-top: 20px;
    padding-right: 10px;}
.gc-legacy .guide-using__card > p{display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1.7;
    text-align: justify;
    word-break: break-all;
    margin-top: 15px;
    padding-right: 10px;}
.gc-legacy .guide-using__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .guide-using__btn > a{width: 324px;
    height: 40px;}

}
@media screen and (min-width:768px){.gc-legacy .guide-using{display: block;
    width: 100%;
    padding: 80px 0 0 0;}
.gc-legacy .guide-using__inner{display: block;
    max-width: 946px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .guide-using__header{display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--yumincho);
    line-height: 28.6px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .guide-using__wrap{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 730px;
    width: 100%;
    margin: 50px auto 0 auto;}
.gc-legacy .guide-using__card{display: block;
    width: calc(337.5/730 * 100%);}
.gc-legacy .guide-using__card:nth-child(n+3){margin-top: 90px;}
.gc-legacy .guide-using__img{position: relative;
    display: block;
    width: 100%;
    padding-right: 17px;}
.gc-legacy .guide-using__img > .point{position: absolute;
    top: 0;
    left: 0;
    font-size: 50px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1;
    color: #ADADAD;}
.gc-legacy .guide-using__img > img{display: block;
    width: 100%;
    object-fit: cover;}
.gc-legacy .guide-using__card:not(:last-child) .guide-using__img::after{content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24.5px 0 24.5px 17px;
    border-color: transparent transparent transparent #F4F4F4;}
.gc-legacy .guide-using__card > h4{display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 800;
    font-family: var(--yumincho);
    line-height: 26px;
    color: #4C6278;
    text-align: center;
    margin-top: 20px;
    padding-right: 17px;}
.gc-legacy .guide-using__card > h4 > .sp-only{display: none;}
.gc-legacy .guide-using__card > p{display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--yumincho);
    line-height: 1.7;
    text-align: justify;
    word-break: break-all;
    margin-top: 15px;
    padding-right: 17px;}
.gc-legacy .guide-using__btn{display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .guide-using__btn > a{max-width: 100%;
    width: 324px;
    height: 40px;}

}
@media screen and (max-width:767px){.gc-legacy .banner-link__outer{display: block;
    width: 100%;}
.gc-legacy .banner-link__outer .container{padding: 0;}
.gc-legacy .banner-link__inner{display: block;
    width: 100%;
    padding: 60px 20px 60px 20px;
    background: #F4F4F4;
    margin: 0 auto 0 auto;}
.gc-legacy .banner-link__header{display: block;
    width: 100%;
    font-size: 28px;
    line-height: 28.6px;
    font-weight: 600;
    font-family: var(--yumincho);
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .banner-link__wrap{display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
    padding: 0 20px 0 10px;}
.gc-legacy .banner-link{display: block;
    width: 100%;}
.gc-legacy .banner-link:nth-child(n+2){margin-top: 20px;}
.gc-legacy .banner-link > picture,.gc-legacy .banner-link > picture > img{display: block;
    width: 100%;}
.gc-legacy .banner-link > picture > img{object-fit: cover;}
.gc-legacy .banner-link > p{display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 0 15px 0 15px;
    font-size: 20px;
    color: var(--white);
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 600;
    background: #4C6278;}

}
@media screen and (min-width:768px){.gc-legacy .banner-link__outer{display: block;
    width: 100%;}
.gc-legacy .banner-link__inner{display: block;
    max-width: 1000px;
    width: 100%;
    padding: 60px 30px 60px 30px;
    background: #F4F4F4;
    margin: 0 auto 0 auto;}
.gc-legacy .banner-link__header{display: block;
    width: 100%;
    font-size: 28px;
    line-height: 28.6px;
    font-weight: 600;
    font-family: var(--yumincho);
    padding-bottom: 8px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .banner-link__wrap{display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;}
.gc-legacy .banner-link{display: block;
    width: calc(302/940 * 100%);
    transition: opacity 0.3s ease;}
.gc-legacy .banner-link:hover{opacity: 0.7;}
.gc-legacy .banner-link > picture,.gc-legacy .banner-link > picture > img{display: block;
    width: 100%;}
.gc-legacy .banner-link > picture > img{object-fit: cover;}
.gc-legacy .banner-link > p{display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
    padding: 0 15px 0 15px;
    font-size: 20px;
    color: var(--white);
    line-height: 1;
    font-family: var(--yumincho);
    font-weight: 600;
    background: #4C6278;}

}
@media screen and (max-width:767px){.gc-legacy .luxury-intro,.gc-legacy .natural-intro,.gc-legacy .modern-intro,.gc-legacy .casual-intro{display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;}
.gc-legacy .luxury-intro__content,.gc-legacy .natural-intro__content,.gc-legacy .modern-intro__content,.gc-legacy .casual-intro__content{display: block;
    width: 100%;
    margin-top: 50px;}
.gc-legacy .luxury-intro__header,.gc-legacy .natural-intro__header,.gc-legacy .modern-intro__header,.gc-legacy .casual-intro__header{display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 275px;
    width: 100%;
    margin: 0 auto;}
.gc-legacy .luxury-intro__header > span,.gc-legacy .natural-intro__header > span,.gc-legacy .modern-intro__header > span,.gc-legacy .casual-intro__header > span{display: block;
    width: 100%;
    text-align: center;
    font-family: var(--yumincho);
    font-weight: 500;}
.gc-legacy .luxury-intro__header > span:nth-child(1),.gc-legacy .natural-intro__header > span:nth-child(1),.gc-legacy .modern-intro__header > span:nth-child(1),.gc-legacy .casual-intro__header > span:nth-child(1){font-size: 28px;
    line-height: 36.4px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .luxury-intro__header > span:nth-child(2),.gc-legacy .natural-intro__header > span:nth-child(2),.gc-legacy .modern-intro__header > span:nth-child(2),.gc-legacy .casual-intro__header > span:nth-child(2){font-size: 30px;
    line-height: 31.2px;
    margin-top: 15px;}
.gc-legacy .luxury-intro > picture,.gc-legacy .natural-intro > picture,.gc-legacy .modern-intro > picture,.gc-legacy .casual-intro > picture{display: block;
    width: 100%;}
.gc-legacy .luxury-intro > picture > img,.gc-legacy .natural-intro > picture > img,.gc-legacy .modern-intro > picture > img,.gc-legacy .casual-intro > picture > img{display: block;
    width: 100%;;
    object-fit: cover;
    object-position: center;}
.gc-legacy .luxury-intro__text,.gc-legacy .natural-intro__text,.gc-legacy .modern-intro__text,.gc-legacy .casual-intro__text{display: block;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .luxury-intro__text-inner,.gc-legacy .natural-intro__text-inner,.gc-legacy .modern-intro__text-inner,.gc-legacy .casual-intro__text-inner{display: block;
    max-width: 880px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .luxury-intro__text-inner > p,.gc-legacy .natural-intro__text-inner > p,.gc-legacy .modern-intro__text-inner > p,.gc-legacy .casual-intro__text-inner > p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;}

}
@media screen and (min-width:768px){.gc-legacy .luxury-intro,.gc-legacy .natural-intro,.gc-legacy .modern-intro,.gc-legacy .casual-intro{position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%;}
.gc-legacy .luxury-intro__content,.gc-legacy .natural-intro__content,.gc-legacy .modern-intro__content,.gc-legacy .casual-intro__content{position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 980px;
    height: 392px;}
.gc-legacy .luxury-intro__header,.gc-legacy .natural-intro__header,.gc-legacy .modern-intro__header,.gc-legacy .casual-intro__header{display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(405/940 * 100%);
    height: 392px;}
.gc-legacy .luxury-intro__header > span,.gc-legacy .natural-intro__header > span,.gc-legacy .modern-intro__header > span,.gc-legacy .casual-intro__header > span{display: block;
    width: 100%;
    text-align: center;
    font-family: var(--yumincho);
    font-weight: 500;}
.gc-legacy .luxury-intro__header > span:nth-child(1),.gc-legacy .natural-intro__header > span:nth-child(1),.gc-legacy .modern-intro__header > span:nth-child(1),.gc-legacy .casual-intro__header > span:nth-child(1){font-size: 28px;
    line-height: 36.4px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--font-color);}
.gc-legacy .luxury-intro__header > span:nth-child(2),.gc-legacy .natural-intro__header > span:nth-child(2),.gc-legacy .modern-intro__header > span:nth-child(2),.gc-legacy .casual-intro__header > span:nth-child(2){font-size: 30px;
    line-height: 31.2px;
    margin-top: 15px;}
.gc-legacy .luxury-intro > picture,.gc-legacy .natural-intro > picture,.gc-legacy .modern-intro > picture,.gc-legacy .casual-intro > picture{display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50% + 50px);
    height: 392px;
    overflow: hidden;}
.gc-legacy .luxury-intro > picture > img,.gc-legacy .natural-intro > picture > img,.gc-legacy .modern-intro > picture > img,.gc-legacy .casual-intro > picture > img{display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;}
.gc-legacy .luxury-intro__text,.gc-legacy .natural-intro__text,.gc-legacy .modern-intro__text,.gc-legacy .casual-intro__text{display: block;
    width: 100%;
    margin-top: 60px;}
.gc-legacy .luxury-intro__text-inner,.gc-legacy .natural-intro__text-inner,.gc-legacy .modern-intro__text-inner,.gc-legacy .casual-intro__text-inner{display: block;
    max-width: 880px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .luxury-intro__text-inner > p,.gc-legacy .natural-intro__text-inner > p,.gc-legacy .modern-intro__text-inner > p,.gc-legacy .casual-intro__text-inner > p{display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    font-family: var(--yumincho);
    text-align: justify;
    word-break: break-all;}

}
@media screen and (min-width:768px) and (max-width:1024px){.gc-legacy .luxury-intro__content,.gc-legacy .natural-intro__content,.gc-legacy .modern-intro__content,.gc-legacy .casual-intro__content{width: 728px;}
.gc-legacy .luxury-intro__header,.gc-legacy .natural-intro__header,.gc-legacy .modern-intro__header,.gc-legacy .casual-intro__header{width: 290px;}

}
@media screen and (max-width:767px){.gc-legacy .luxury-gallery,.gc-legacy .natural-gallery,.gc-legacy .modern-gallery,.gc-legacy .casual-gallery{display: block;
    width: 100%;
    padding: 50px 0 80px 0;}
.gc-legacy .luxury-gallery__inner,.gc-legacy .natural-gallery__inner,.gc-legacy .modern-gallery__inner,.gc-legacy .casual-gallery__inner{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .luxury-gallery__inner > picture,.gc-legacy .natural-gallery__inner > picture,.gc-legacy .modern-gallery__inner > picture,.gc-legacy .casual-gallery__inner > picture{display: block;
    width: calc(50% - 5px);}
.gc-legacy .luxury-gallery__inner > picture:nth-child(n+3),.gc-legacy .natural-gallery__inner > picture:nth-child(n+3),.gc-legacy .modern-gallery__inner > picture:nth-child(n+3),.gc-legacy .casual-gallery__inner > picture:nth-child(n+3){margin-top: 10px;}
.gc-legacy .luxury-gallery__inner > picture > img,.gc-legacy .natural-gallery__inner > picture > img,.gc-legacy .modern-gallery__inner > picture > img,.gc-legacy .casual-gallery__inner > picture > img{display: block;
    width: 100%;
    object-fit: cover;}

}
@media screen and (min-width:768px){.gc-legacy .luxury-gallery,.gc-legacy .natural-gallery,.gc-legacy .modern-gallery,.gc-legacy .casual-gallery{display: block;
    width: 100%;
    padding: 100px 0 80px 0;}
.gc-legacy .luxury-gallery__inner,.gc-legacy .natural-gallery__inner,.gc-legacy .modern-gallery__inner,.gc-legacy .casual-gallery__inner{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 940px;
    width: 100%;
    margin: 0 auto 0 auto;}
.gc-legacy .luxury-gallery__inner > picture,.gc-legacy .natural-gallery__inner > picture,.gc-legacy .modern-gallery__inner > picture,.gc-legacy .casual-gallery__inner > picture{display: block;
    width: calc(306.6666/940 * 100%);}
.gc-legacy .luxury-gallery__inner > picture:nth-child(n+4),.gc-legacy .natural-gallery__inner > picture:nth-child(n+4),.gc-legacy .modern-gallery__inner > picture:nth-child(n+4),.gc-legacy .casual-gallery__inner > picture:nth-child(n+4){margin-top: 10px;}
.gc-legacy .luxury-gallery__inner > picture > img,.gc-legacy .natural-gallery__inner > picture > img,.gc-legacy .modern-gallery__inner > picture > img,.gc-legacy .casual-gallery__inner > picture > img{display: block;
    width: 100%;
    object-fit: cover;}

}