@charset "UTF-8";

@import url(https://cdn.jsdelivr.net/gh/jgthms/minireset.css@master/minireset.min.css);
.grecaptcha-badge { visibility: hidden; }
.container {width: 998px;margin: 0 auto;padding: 0 36px;}
@media (max-width: 997px) {.container {width: 100%;padding: 0 8px;}
}
.text--accent {color: #FA9F9F;}
.footer {text-align: center;padding-bottom: 100px;background-color: #FFF5F5;}
.footer small {font-size: 10px;color: #CCA578;}
@media (max-width: 997px) {.footer {padding-bottom: 12px;}
}
.header__content {display: flex;align-items: center;justify-content: space-between;height: 77px;}
.header__logo {flex: 0 0 298px;}
.header__logo > img {width: 100%;}
.header__message {color: #CCA578;font-weight: bold;}
.header__message span {white-space: nowrap;}
.header__main-phrase {color: #FA9F9F;}
@media (max-width: 997px) {.header__logo {flex: 0 0 180px;}
.header__message {margin-left: 16px;font-size: 0.813rem;}
}
.top-cta {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 178px;}
.top-cta__message {margin-bottom: 0.3em;font-size: 0.944rem;font-weight: bold;color: #CCA578;}
.top-cta__message::before, .top-cta__message::after {content: "";display: inline-block;width: 20px;margin: 0 0.4em -4px;border-top: 1px solid #CCA578;}
.top-cta__message::before {transform: rotate(66deg);transform-origin: right bottom;}
.top-cta__message::after {transform: rotate(-66deg);transform-origin: left bottom;}
.top-cta__strong {font-size: 135.3%;color: #FA9F9F;}
.top-cta__button {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 358px;height: 82px;border-radius: 82px;font-weight: bold;color: #FFFFFF;background: linear-gradient(#FFE0C1, #F27372);box-shadow: 3px 3px 6px rgba(241, 75, 75, 0.5);}
.top-cta__button::after {content: "";display: block;position: absolute;top: 0;bottom: 0;right: 0;width: 38px;background-image: url(//gracebank.jp/wp-content/themes/GraceBank2022/img/seminar-lp/caret-right.png);background-repeat: no-repeat;background-size: auto 18px;background-position: left center;}
.top-cta__button:hover {opacity: 0.7;}
.top-cta__button__note {margin-bottom: 0.333em;padding-bottom: 0.333em;border-bottom: 1px solid #FFFFFF;font-size: 0.944rem;line-height: 1;}
.top-cta__button__body {font-size: 1.389rem;line-height: 1;}
.top-cta__button__label {position: absolute;left: -24px;top: 10px;display: flex;align-items: center;justify-content: center;width: 80px;height: 32px;background-color: #FF6868;transform: rotate(-30deg);}
@media (max-width: 997px) {.top-cta {height: 136px;}
.top-cta__message {font-size: 0.813rem;}
.top-cta__button {width: 274px;height: 62px;}
.top-cta__button::after {width: 30px;background-size: auto 13px;}
.top-cta__button__note {font-size: 0.813rem;}
.top-cta__button__body {font-size: 1.188rem;}
.top-cta__button__label {left: -18px;top: 8px;width: 60px;height: 25px;font-size: 0.938rem;}
}
.top-firstview {position: relative;height: 688px;}
.top-firstview__background {height: 100%;display: flex;}
.top-firstview__background__left {flex: 1;display: flex;flex-direction: column;}
.top-firstview__background__left-top {flex: 1;}
.top-firstview__background__left-top > img {object-position: 45% center;}
.top-firstview__background__left-bottom {flex: 1;}
.top-firstview__background__left-bottom > img {object-position: 25% center;}
.top-firstview__background__right {flex: 1;}
.top-firstview__background figure > img {width: 100%;height: 100%;object-fit: cover;}
.top-firstview__cover {position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;align-items: center;justify-content: center;}
.top-firstview__main-image {width: 595px;}
@media (max-width: 997px) {.top-firstview {height: 452px;}
.top-firstview__background__left-bottom {flex: 1.539;}
.top-firstview__main-image {width: 273px;}
}
.top-fixed-bottom {position: sticky;bottom: 0;left: 0;right: 0;background-color: #FFFFFF;transition: opacity 0.6s;}
.top-fixed-bottom.hidden {opacity: 0;}
@media (max-width: 997px) {.top-fixed-bottom .top-cta {height: 106px;}
}
.top-points .top-section__content h2 {font-size: 1.667rem;margin-bottom: 110px;}
.top-points__gracebank {width: 225px;}
.top-points__point {position: relative;display: flex;}
.top-points__point__title {position: absolute;top: -30px;left: 210px;display: flex;align-items: center;font-size: 1.389rem;font-weight: bold;color: #CCA578;}
.top-points__point__title img {width: 163px;margin-right: 18px;}
.top-points__point__image {flex: 0 0 290px;}
.top-points__point__body {padding: 128px 0 0 73px;font-size: 1.111rem;line-height: 2;}
.top-points__point + .top-points__point {margin-top: 60px;}
@media (max-width: 997px) {.top-points .top-section__content h2 {font-size: 1.24rem;margin-bottom: 60px;}
.top-points__gracebank {width: 143px;}
.top-points__list {padding: 0 30px;}
.top-points__point {flex-direction: column;}
.top-points__point__title {top: 30px;left: initial;right: 0;flex-direction: column;min-width: 140px;font-size: 1.25rem;text-align: center;}
.top-points__point__title img {width: 114px;margin-right: 0px;}
.top-points__point__image {flex: 0 0 180px;height: 180px;}
.top-points__point__image > img {height: 180px;}
.top-points__point__body {padding: 20px 0 0;font-size: 1rem;}
.top-points__point + .top-points__point {margin-top: 40px;}
.top-points__point:nth-child(even) .top-points__point__title {left: 0;right: initial;}
.top-points__point:nth-child(even) .top-points__point__image {align-self: flex-end;}
}
.top-section {padding: 100px 0;}
.top-section--has-bg {background-color: #FFF5F5;}
.top-section__content h2 {margin-bottom: 60px;padding: 0.3em 0;border-top: 4px double #CCA578;border-bottom: 4px double #CCA578;font-size: 1.765rem;font-weight: bold;text-align: center;color: #CCA578;}
.top-section__content h3 {margin-bottom: 2.7em;padding: 0 0 0.3em;border-bottom: 4px double #CCA578;font-size: 1.25rem;font-weight: bold;color: #CCA578;}
.top-section__content p {margin-bottom: 2.7em;line-height: 2;}
.top-section__content p:last-child {margin-bottom: 0;}
.top-section__content figure {margin-bottom: 2.7em;text-align: center;}
.top-section__content figure > img {width: 100%;max-width: 600px;}
.top-section__insert {width: 998px;margin: 2.7em auto;padding: 0 36px;}
.top-section__insert > img {object-fit: cover;}
@media (max-width: 997px) {.top-section {padding: 80px 0 48px;}
.top-section__content {padding: 0 30px;}
.top-section__content h2 {font-size: 1.563rem;}
.top-section__content .h2--smaller {font-size: 1.4rem;}
.top-section__insert {width: 100%;padding: 0;}
.top-section__insert > img {min-height: 150px;}
}
.top-steps .top-section__content h2 {font-size: 1.667rem;margin-bottom: 100px;}
.top-steps__list {width: 100%;max-width: 600px;margin: 0 auto;}
.top-steps__step {display: flex;flex-direction: column;align-items: center;}
.top-steps__step__image {position: relative;margin-bottom: 34px;}
.top-steps__step__image__main {width: 298px;border-radius: 298px;}
.top-steps__step__image__label {position: absolute;top: 20px;left: -138px;width: 156px;}
.top-steps__step__title {font-size: 1.389rem;font-weight: bold;color: #CCA578;margin-bottom: 50px;}
.top-steps__step__body p {font-size: 1.111rem;line-height: 2;}
.top-steps__step__body figure {max-width: 300px;margin: 50px auto 0;}
.top-steps__step + .top-steps__step {margin-top: 50px;}
@media (max-width: 997px) {.top-steps .top-section__content h2 {font-size: 1.438rem;margin-bottom: 60px;}
.top-steps__list {padding: 0 30px;}
.top-steps__step__image {margin-bottom: 20px;}
.top-steps__step__image__main {width: 200px;}
.top-steps__step__image__label {top: 14px;left: -48px;width: 105px;}
.top-steps__step__title {font-size: 1.25rem;margin-bottom: 20px;}
.top-steps__step__body p {font-size: 1rem;}
.top-steps__step__body figure {max-width: 100%;margin-top: 20px;}
}
.top-uservoice {padding: 100px 0;}
.top-uservoice .top-section__content h2 {margin-bottom: 74px;}
.top-uservoice__list {width: 100%;max-width: 998px;height: 1696px;margin: 0 auto;position: relative;}
.top-uservoice__voice1 {position: absolute;top: 0;left: 131px;width: 424px;}
.top-uservoice__voice2 {position: absolute;top: 104px;left: 464px;width: 472px;}
.top-uservoice__voice3 {position: absolute;top: 350px;left: 0;width: 460px;}
.top-uservoice__voice4 {position: absolute;top: 490px;left: 343px;width: 510px;}
.top-uservoice__voice5 {position: absolute;top: 893px;left: 127px;width: 450px;}
.top-uservoice__voice6 {position: absolute;top: 1006px;right: 0;width: 438px;}
.top-uservoice__voice7 {position: absolute;top: 1150px;left: 10px;width: 445px;}
.top-uservoice__voice8 {position: absolute;top: 1281px;left: 368px;width: 460px;}
@media (max-width: 997px) {.top-uservoice {padding: 52px 0 42px;}
.top-uservoice .top-section__content h2 {margin-bottom: 60px;font-size: 1.438rem;}
.top-uservoice__list {height: 2140px;overflow-x: hidden;}
.top-uservoice__voice1 {top: 0;left: 26px;width: 344px;}
.top-uservoice__voice2 {top: 188px;left: -6px;width: 383px;}
.top-uservoice__voice3 {top: 566px;right: -6px;width: 373px;}
.top-uservoice__voice4 {top: 745px;left: -26px;width: 414px;}
.top-uservoice__voice5 {top: 1142px;left: 8px;width: 365px;}
.top-uservoice__voice6 {top: 1313px;left: 9px;right: initial;width: 355px;}
.top-uservoice__voice7 {top: 1643px;right: -6px;width: 361px;}
.top-uservoice__voice8 {top: 1792px;left: initial;right: 6px;width: 374px;}
}
html {font-size: 18px;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;overflow-x: hidden;overflow-y: scroll;text-rendering: optimizeLegibility;text-size-adjust: 100%;scroll-behavior: smooth;}
body {color: #6B6A69;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;font-size: 1rem;}
a {text-decoration: none;}
@media (max-width: 997px) {html {font-size: 16px;}
}   .top-firstview__catch {position: absolute;bottom: 0;right: 0;display: flex;}
.top-firstview__catch figure {width: 180px;padding-right: 1rem;}
@media (max-width: 997px){.top-firstview__catch figure {width: 140px;}
}
@media (max-width: 600px){.top-firstview__catch figure {width: 100px;padding-right: .5rem;}
}
@media (min-width: 1200px){.top-firstview__catch {left: 50%;margin-left: 10%;}
}
.top-cta__message{text-align: center;}
.top-cta__message:last-of-type:before,.top-cta__message:last-of-type:after{content: none;}
.flex {display: flex;justify-content: center;align-items: center;}
@media (max-width: 600px){.flex {display: block;}
}
#top-cta, #top-cta2 {width: auto;padding: 0 1.4rem;}
#top-cta,#top-cta2 {width: auto;padding: 0 1rem;}
#top-cta2 .top-cta__strong {background: #FF6868;padding: 0.5rem 1rem;color: #fff;margin: .5rem 0;display: inline-block;}
#top-cta2 .top-cta__message {font-size: .8rem;line-height: 1.2;}
#catch-saison {background: #4DCDC3;}
#catch-saison .top-cta__message,#catch-saison .top-cta__strong {color: #fff;}
#catch-saison .top-cta__message::before,#catch-saison .top-cta__message::after {content: none;}
#catch-saison .link {padding-top: 1rem;}
#catch-saison .top-cta__strong {position: relative;padding: 0 2rem;}
#catch-saison .top-cta__strong:before {content: "";width: 50px;height: 2px;background: #fff;display: inline-block;position: absolute;left: -2rem;top: 50%;transform: translateY(-50%);}
#catch-saison .top-cta__strong:after {content: "";width: 50px;height: 2px;background: #fff;display: inline-block;position: absolute;right: -2rem;top: 50%;transform: translateY(-50%);}
#saison {background: #4DCDC3;color: #fff;}
#saison .box {background: #fff;color: #6B6A69;padding: 5rem 3rem 3rem 3rem;margin-top: -2rem;position: relative;}
#saison h2,#saison h3 {border: none;color: #fff;font-family: 'Noto Serif JP', serif;text-align: center;margin-bottom: 30px;}
#saison h3 {padding: 1rem;background: #CCA578;position: relative;z-index: 5;margin: 0 2rem;}
#saison dl {width: 76%;margin: 0 auto 2.7em auto;padding: 1rem;border-top: 1px solid #CCA578;border-bottom: 1px solid #CCA578;}
#saison dt {float: left;padding-right: 2rem;color: #CCA578;font-weight: 700;}
#saison .link,#catch-saison .link{text-align: center;}
#catch-privateseminar a,#saison a,#catch-saison a {display: inline-block;background: #CCA578;padding: .5rem 1.5rem;color: #fff;}
#catch-privateseminar a:hover,#saison a:hover,#catch-saison a:hover {background: #fff;color: #CCA578;border: 1px solid #CCA578;}
#saison ul {padding: 0 1rem;}
#saison li {position: relative;font-size: 0.9rem; margin-bottom: .5rem;}
#saison li::after {display: block;content: '';position: absolute;top: .5em;left: -1em;width: 6px;height: 6px;background-color: #CCA578;border-radius: 100%;}
@media (max-width: 750px){
#catch-saison .top-cta__strong:before{width: 20px;left: 0;}
#catch-saison .top-cta__strong:after{width: 20px;right: 0;}
#saison h2 br {display: none;}
#saison h3 {padding: .5rem;margin: 0 1rem;}
#saison .box {padding: 3rem 1rem;}
#saison dl {width: 100%;padding: 1rem 0;margin-bottom: 2rem;}
#saison dt {padding-right: 1rem;}
}
#catch-saison .top-cta__strong {position: relative;padding: 0 2rem;}
#catch-privateseminar {background: #FFFFFF;}
#catch-privateseminar .top-cta__message,#catch-privateseminar .top-cta__strong {color: #4DCDC3;}
#catch-privateseminar .top-cta__message::before,#catch-privateseminar .top-cta__message::after {content: none;}
#catch-privateseminar .top-cta__strong {position: relative;padding: 0 2rem;}
#catch-privateseminar .top-cta__strong:before {content: "";width: 50px;height: 2px;background: #4DCDC3;display: inline-block;position: absolute;left: -2rem;top: 50%;transform: translateY(-50%);}
#catch-privateseminar .top-cta__strong:after {content: "";width: 50px;height: 2px;background: #4DCDC3;display: inline-block;position: absolute;right: -2rem;top: 50%;transform: translateY(-50%);}
@media (max-width: 750px){#catch-privateseminar .top-cta__strong:before{width: 20px;left: 0;}
#catch-privateseminar .top-cta__strong:after{width: 20px;right: 0;}
}