@charset "UTF-8";
@media screen and (min-width: 1280px) {
:root {
  --fs_sss: 12px;
  --fs_ss: 14px;
  --fs_s: 16px;
  --fs_m: 20px;
  --fs_l: 24px;
  --fs_ll: 28px;
  --fs_xl: 32px;
  --fs_x: 40px;
  --fs_xx: 48px;
  --fs_y: 56px;
  --fs_z: 64px;
}
/* ＝＝＝＝＝ common ＝＝＝＝＝ */
.h1__section-title {
  font-size: var(--fs_xl);
  font-weight: 500;
  text-shadow: 4px 4px #bbb;
  border: 4px solid var(--c_green);
  border-image: linear-gradient(to right, var(--c_green) 0%, var(--c_blue) 100%);
  border-image-slice: 1;
  border-left: none;
  border-right: none;
}
.h1__section-title--ftft {
  font-size: var(--fs_xl);
  text-shadow: 4px 4px #bbb;
}
.h1__section-title--qa {
  font-size: var(--fs_xl);
  text-shadow: 4px 4px #bbb;
  border: 4px solid var(--c_green);
  border-image: linear-gradient(to right, var(--c_brown-d) 0%, var(--c_brown-p) 100%);
  border-image-slice: 1;
  border-left: none;
  border-right: none;
}

.h2-common {
  font-size: var(--fs_ll);
}

.underlayer-h1__wrapper {
  width: 560px;
}
.underlayer-h1 {
  font-size: var(--fs_x);
}
.underlayer-h1-b {
  font-size: var(--fs_x);
}
.underlayer-h1__p--lower {
  font-size: var(--fs_l);
  margin-top: 4px;
}
.underlayer-h1__p--lower-c {
  font-size: var(--fs_l);
  margin-top: -16px;
}

.cv-btn {
  max-width: 560px;
}
.cv-btn::before {
  top: -6px;
  left: -6px;
}
.excursion-btn {
  max-width: 560px;
  box-shadow: 6px 6px var(--c_green);
}
.qa-btn {
  max-width: 560px;
}
.qa-btn::before {
  top: -6px;
  left: -6px;
}
.btn-arrow {
  top: 26px;
  right: 24px;
}

.page-bottom__cv-tel img {
  width: 40px;
  vertical-align: -4px;
  margin-right: 0.5em;
}

.inner {
  max-width: 1024px;
}
/* ＝＝＝＝＝ header ＝＝＝＝＝ */
.header__wrapper {
  padding: 8px;
}
.header__logo {
  height: 64px;
}
.header__a,
.header__btn {
  display: none;
}
.header__PCcontact-btn--wrapper {
  display: block;
}
.header__PCcontact-btn--container {
  display: block;
  background-color: var(--c_green);
  padding: 8px;
  transition: all 0.3s;
}
.header__PCcontact-btn--container:hover {
  opacity: 0.7;
}
.header__PCcontact-btn {
  display: block;
  color: #fff;
  font-size: 20px;
  background-color: var(--c_green);
  border: 1px solid #fff;
  padding: 8px;
}
.header__tel--img-TBPC {
  width: 28px;
  margin-right: 12px;
}
.header__tel--tel-TBPC {
  font-size: var(--fs_ll);
}

.hamburger-menu {
  display: none;
}

.header__global-menu {
  display: block;
  background-color: #fff;
}
.header__global-menu--ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  font-size: var(--fs_ss);
  margin: 0 auto;
}
.header__global-menu--li {
  transition: all 0.3s;
}
.header__global-menu--li:hover {
  font-weight: 500;
  transform: translateY(-4px);
}
.header__global-menu--bar {
  width: 4px;
  height: 24px;
  background-color: var(--c_green);
}
/* ＝＝＝＝＝ footer ＝＝＝＝＝ */
.footer {
  margin-top: 80px;
}
.footer__img {
  width: 160px;
  height: 160px;
}
.footer__head--container address {
  margin-top: 1em;
}
/* ＝＝＝＝＝ modal ＝＝＝＝＝ */
.modal {
  display: none;
}
/* ＝＝＝＝＝ main-visual ＝＝＝＝＝ */
.main-visual {
  position: relative;
  width: 100%;
  height: 90vh;
}
.main-visual-1__h1 {
  font-size: var(--fs_xl);
  max-width: 800px;
  top: 35%;
}
.main-visual-2__h1--wrapper {
  max-width: 800px;
}
.main-visual-2__h1 {
  font-size: var(--fs_xx);
}
/* ＝＝＝＝＝ top-section-1 ティーニーが選ばれる3つの理由 ＝＝＝＝＝ */
.top__section-1 {
  margin-top: 80px;
}
.top__section-1--container-f {
  margin-top: 40px;
}
.top__section-1--container {
  margin-top: 200px;
}
.top__section-1--h2 {
  font-size: var(--fs_ll);
}
.h2__subtitle {
  font-size: var(--fs_m);
}

.top__section-1--img {
  width: 560px;
  margin: 0 0 0 auto;
}
.top__section-1--text {
  width: 640px;
  margin-left: 0;
}

.top__section-1--h2-L {
  font-size: var(--fs_ll);
}
.h2__subtitle-L {
  font-size: var(--fs_m);
}
.top__section-1--img-L {
  width: 560px;
  margin: 0;
}
.top__section-1--text-L {
  width: 640px;
  margin: 0 0 0 auto;
}
/* ＝＝＝＝＝ top-section-2 無料見学・無料体験とは ＝＝＝＝＝ */
.top__section-2 {
  margin-top: 300px;
}
.top__section-2--wrapper {
  background-image: url(../img/p-ft-ft-bg.jpg);
  padding: 64px 0;
}
.top__section-2--wrapper-2 {
  background-image: url(../img/polka-dots-green-PC.png);
  margin-top: 200px;
  padding: 80px 0;
}
.top__section-2--ex-btn {
  margin-top: 40px;
}
.top__section-2--img {
  margin: 200px auto 0;
}
/* ＝＝＝＝＝ top-section-3 料金のご案内 ＝＝＝＝＝ */
.top__section-3 {
  margin-top: 300px;
}
.top__section-3--container {
  max-width: 80%;
  margin: 80px auto 0;
}
.top__section-3--container-bg {
  height: 280px;
  top: 80px;
}
.top__section-3--img {
  width: 160px;
}
/* ＝＝＝＝＝ top-section-4 よくある質問 ＝＝＝＝＝ */
.top__section-4 {
  margin-top: 300px;
}
/* ＝＝＝＝＝ top-section-5 Salon情報 ＝＝＝＝＝ */
.top__section-5 {
  margin-top: 300px;
}
.top__section-5--dl {
  max-width: 880px;
  margin: 80px auto 0;
}
.google-map {
  max-height: 640px;
}
/* ＝＝＝＝＝ top-section-6 SNS ＝＝＝＝＝ */
.top__section-6 {
  margin-top: 300px;
}
.top__section-6--contents-wrapper {
  margin-top: 80px;
}
/* ＝＝＝＝＝ top-section-7 ＝＝＝＝＝ */
.top__section-7 {
  margin-top: 300px;
}
.top__section-7--slogan-wrapper {
  margin-top: 80px;
}
.top__section-7--slogan::before {
  width: 32px;
  height: 32px;
  vertical-align: 14px;
  margin-right: -6px;
  transform: rotate(-12deg);
}
.top__section-7--slogan::after {
  width: 32px;
  height: 32px;
  transform: rotate(60deg);
  vertical-align: 14px;
  margin-left: -6px;
  transform: rotate(72deg);
}
.top__section-7--img {
  width: 32px;
}
/* ＝＝＝＝＝ story ＝＝＝＝＝ */
.story::before {
  background-image: url(../img/p-story-bg-pc.jpg);
}
/* ＝＝＝＝＝ about ＝＝＝＝＝ */
.about::before {
  background-image: url(../img/p-about-bg-pc.jpg);
}
.about__contents {
  width: 90%;
}
.about__ol {
  margin-top: 120px;
}
.about__li {
  margin-top: 80px;
  padding: 1em 2em;
}
/* ＝＝＝＝＝ free-tour ＝＝＝＝＝ */
.ft__free-trial--container {
  margin-top: 80px;
}
.ft__free-trial--header-p {
  font-size: var(--fs_m);
}
.free-trial__contents--li {
  margin-top: 240px;
}
.free-trial__contents--h3 {
  font-size: var(--fs_l);
  border-bottom: 3px solid var(--c_blue);
}
.free-trial__contents--h3-title {
  font-size: var(--fs_xx);
  top: -32px;
}
.free-trial__contents--h3-title::before {
  vertical-align: 32px;
}

.free-tour__container {
  margin-top: 64px;
}
.free-tour__item--img {
  max-width: 560px;
}
.free-tour__item2 {
  margin-top: 240px;
}
/* ＝＝＝＝＝ join_price ご入会案内とご料金 ＝＝＝＝＝ */
.join__circle3--wrapper {
  width: 80%;
  margin: 80px auto 0;
}
.join__circle3 {
  max-width: 200px;
  max-height: 200px;
}
.join__circle3::before {
  top: -6px;
  left: -6px;
}
.join__circle3::after {
  width: 40px;
  height: 40px;
  margin-left: 176px;
  transform: rotate(12deg);
}
.join__circle3--text {
  font-size: var(--fs_ll);
  width: 200px;
}
.join__1time-price--wrapper {
  margin-top: 64px;
}
.join__1time-price--wrapper img {
  width: 50%;
}
.join__1time-price--p {
  font-size: var(--fs_ll);
}
.join__1time-price {
  font-size: var(--fs_x);
}

.join__section-2 {
  margin-top: 300px;
}
.join__li--first {
   margin-top: 80px;
}
.join__li {
   margin-top: 240px;
}
.join__li--h3 {
  font-size: var(--fs_l);
  border-bottom: 3px solid var(--c_green);
}
.join__li--h3-step {
  font-size: var(--fs_xx);
  top: -32px;
}
.join__li--h3-step::before {
  vertical-align: 32px;
}

.join__attention {
  margin-top: 240px;
}
.join__attention--ol {
  width: 65%;
}
/* ＝＝＝＝＝ curriculum ＝＝＝＝＝ */
.curriculum__section-1--h2 {
  font-size: var(--fs_m);
  margin-top: 40px;
}
.curriculum__contents-menu--btn {
  max-width: 256px;
}

.curriculum__contents-1,
.curriculum__contents-2,
.curriculum__contents-3,
.curriculum__contents-4,
.curriculum__contents-5,
.curriculum__contents-6 {
  margin-top: 160px;
}
.curriculum__contents--li-first {
  margin-top: 64px;
}
.curriculum__contents--li {
  margin-top: 240px;
}

.curriculum__contents--number-blue {
  font-size: var(--fs_xx);
}
.curriculum__contents--h3 {
  font-size: var(--fs_l);
}
.curriculum__contents--img {
  width: 560px;
}
.curriculum__contents--text-blue {
  width: 640px;
}
.curriculum__contents--number-R-blue {
  font-size: var(--fs_xx);
}
.curriculum__contents--h3-R {
  font-size: var(--fs_l);
}
.curriculum__contents--text-R-blue {
  width: 640px;
}

.curriculum__contents--number-green {
  font-size: var(--fs_xx);
}
.curriculum__contents--text-green {
  width: 640px;
}
.curriculum__contents--number-R-green {
  font-size: var(--fs_xx);
}
.curriculum__contents--text-R-green {
  width: 640px;
}

.curriculum__contents--number-brown {
  font-size: var(--fs_xx);
}
.curriculum__contents--text-brown {
  width: 640px;
}
.curriculum__contents--number-R-brown {
  font-size: var(--fs_xx);
}
.curriculum__contents--text-R-brown {
  width: 640px;
}

.curriculum__contents-6 {
  width: 35%;
  margin: 160px auto 0;
}
.curriculum__contents-6--h3 {
  font-size: var(--fs_l);
}
.curriculum__contents-6--ul-first {
  margin-top: 64px;
}
.curriculum__contents-6--ul {
  margin-top: 160px;
}

.curriculum__contents-7--nav {
  width: 80%;
  max-width: 800px;
}
.curriculum__contents-7--ul {
  padding: 1em 2em;
}
.curriculum__contents-7--li-wrapper {
  width: 200px;
}
/* ＝＝＝＝＝ FAQ ＝＝＝＝＝ */
.faq__item {
  width: 80%;
  margin: 40px auto 0;
}
.faq__btn--margin {
  margin-top: 80px;
}
/* ＝＝＝＝＝ contact ＝＝＝＝＝ */
.contact__p--wrapper {
  width: 70%;
  margin: 80px auto 0;
}
.contact__form--wrapper {
  width: 80%;
  max-width: 800px;
  margin: 120px auto 0;
}
.contact__form {
  margin-top: 64px;
}
.contact__form--submit {
  margin-top: 80px;
}
.contact__form--submit-btn {
  width: 300px;
}
.contact__form--submit-btn::after {
  top: -6px;
  left: -6px;
}
/* ＝＝＝＝＝ thanks ＝＝＝＝＝ */
.thanks__h1 {
  font-size: var(--fs_ll);
}
.thanks__return-btn {
  margin-top: 160px;
}
/* ＝＝＝＝＝ privacy-policy ＝＝＝＝＝ */
.privacy__p--top {
  width: 60%;
  margin: 80px auto 0;
}
.privacy__ol {
  margin: 160px auto 0;
}
.privacy__contact--wrapper {
  width: 72%;
}
/* ＝＝＝＝＝ 404 ＝＝＝＝＝ */
.error__return-btn {
  margin-top: 160px;
}






}