@charset "utf-8";

/********　commonCSS　********/

html {
  font-size: 62.5%;
}

@media screen and (min-width: 1101px){
	html {
		font-size: 62.5%;
	}
}

@media screen and (min-width: 769px) and ( max-width:1100px){
	html {
		font-size: 1vw;
	}
}

@media screen and (min-width: 560px) and ( max-width:768px){
	html {
		font-size: 1vw;
	}
}

@media screen and (max-width: 559px) {
	html {
		font-size: 2.2vw;
	}
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 1.6rem;
	overflow-wrap: break-word;
  line-height: 1.6;
  letter-spacing: 0.1rem;
  color: #1b1b1b;
}

@media screen and (max-width: 559px){
  .spNone {
    display: none !important;
  }
}

@media screen and (min-width: 560px) and ( max-width:959px){
  .tbNone {
    display: none !important;
  }
}

@media screen and (min-width: 960px){
  .pcNone {
    display: none !important;
  }
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

a :hover {
  opacity: 0.9;
}

.mt50 {
  margin: 50px 0 0 0;
}

.mb50 {
  margin: 0 0 50px 0;
}

/*—————————————————————————
大枠、ヘッダー、フッター
—————————————————————————*/

.all {
  width: 100%;
}

.container__Wrapper {
  background: #EDEAD8;
}

.container_Outer {
  max-width: 1120px;
  margin: 0 auto;
  padding: 20px 30px 40px 30px;
}

@media screen and (max-width: 559px) {
  .container_Outer {
    padding: 20px 2% 40px 2%;
  }
}

.header__Wrapper {
  border-bottom: 3px solid #000;
}

.header__Outer {
  position: relative;
  margin: 0 auto;
  padding: 0 0 20px 0;
  background: #81BF50;
}

@media screen and (max-width: 559px) {
  .header__Outer {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 2% 0;
  }
}

.header__Area__logo {
  text-align: center;
}

.header__img {
  margin: 0 auto;
}

.header__title {
  line-height: 1;
  margin: -20px auto 0 auto;
}

@media screen and (max-width: 559px) {
  .header__title {
    margin: -1.5vw auto 0 auto;
  }
}

.header__title1 {
  font-family: 'Dela Gothic One', cursive;
  font-size: 6rem;
  color: #551166;
  font-weight: 400;
}

.header__title2 {
  font-family: 'Dela Gothic One', cursive;
  font-size: 6rem;
  color: #000;
}

.header__title3 {
  font-family: 'Dela Gothic One', cursive;
  font-size: 6rem;
  color: #000;
}

@media screen and (max-width: 559px) {
  .header__title3 {
    display: block;
    margin: -6vw 0 0 0;
  }
}

.header__subtitle {
  font-size: 1.4rem;
  font-weight: 700;
}

.header__imgtitle {
  margin: 0 auto;
}

.header__Area__nav {
  display: flex;
  margin: 0 auto;
  /* position: absolute;
  top: 40%;
  right: 20px; */
  width: 18%;
  align-items: center;
}

@media screen and (max-width: 559px) {
  .header__Area__nav {
    /* position: unset; */
    margin: 0 auto;
    width: 30%;
  }
}

.logo_insta,.logo_x,.logo_youtube {
  position: relative;
}

.logo_insta {
  width: 25%;
  margin: 0 10% 0 0;
}

.logo_x {
  width: 22%;
  margin: 0 7% 0 0;
}

.logo_youtube {
  width: 36%;
}

@media screen and (max-width: 559px) {
  .logo_insta,.logo_x,.logo_youtube {
    position: relative;
  }
  
  .logo_insta {
    width: 30%;
    margin: 0 10px 0 0;
  }
  
  .logo_x {
    width: 30%;
    margin: 0 10px 0 0;
  }
  
  .logo_youtube {
    width: 40%;
  }
}

.header__Area__nav p a {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.map__annotation {
  padding: 0 20px 0 20px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
}

@media screen and (max-width: 559px) {
  .map__annotation {
    padding: 0 2% 0 2%;
  }
}

.todolist__Area {
  margin: 10px 0 10px 0;
  text-align: center;
}

@media screen and (max-width: 559px) {
  .todolist__Area {
    margin: 1% 0 1% 0;
  }
}

.todolist__btn {
  padding: 0 15px 0 15px;
  height: 70px;
  background: #551166;
  color: #fff;
  border: 1px solid #551166;
  border-radius: 30px;
  font-size: 4rem;
  font-family: 'Dela Gothic One', cursive;
  font-weight: 400;
  cursor: pointer;
}

@media screen and (max-width: 559px) {
  .todolist__btn {
    padding: 0 3% 0 3%;
    font-size: 2.5rem;
  }
}

.fa-instagram {
  margin: 0 0.5rem 0 0;
  font-size: 4rem;
  color: #663300;
}

@media screen and (max-width: 559px) {
  .fa-instagram {
    margin: 0 2.5rem 0 0;
  }
}

.fa-twitter-square {
  margin: 0 0.5rem 0 0;
  font-size: 4rem;
  color: #00acee;
}

@media screen and (max-width: 559px) {
  .fa-twitter-square {
    margin: 0 2.5rem 0 0;
  }
}

.fa-youtube {
  font-size: 4rem;
  color: #c4302b;
}

.fa-tree {
  font-size: 2rem;
  vertical-align: middle;
}

.fa-campground {
  font-size: 2rem;
  vertical-align: middle;
}

.fa-car-side {
  font-size: 2rem;
  vertical-align: middle;
}

.fa-plug {
  font-size: 2rem;
  vertical-align: middle;
}

.fa-yen-sign {
  font-size: 2rem;
  vertical-align: middle;
}

.fa-calendar-alt {
  font-size: 2rem;
  vertical-align: middle;
}

.campfield__name {
  font-size: 1.6rem;
  font-weight: 700;
}

.campfield__image {
  margin: 0 auto;
  object-fit: cover;
}

.campfield__content {
  margin: 0 auto;
}

.campfield__youtube {
  width: 130px;
  color: #000;
  text-align: center;
  border-bottom: 2px solid #c4302b;
}

.campfield__youtube::before {
  margin: 0 5px 0 0;
  content: '\f167';
  font-family: "Font Awesome 5 Brands";
  font-size: 1.8rem;
  color: #c4302b;
  font-weight: 900;
  vertical-align: middle;
}

/*—————————————————————————
下層ビューコンテンツ(カテゴリ)
—————————————————————————*/

.heading__txt1 {
  margin: 0 0 15px 0;
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
}

.Ucontent__Wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 40px 0;
}

@media screen and (max-width:559px) {
  .Ucontent__Wrap {
    padding: 0 1.5% 0 1.5%;
  }
}

.Ucontent__item {
  position: relative;
  width: 32%;
  margin: 0 2% 25px 0;
}

@media screen and (max-width:768px) {
  .Ucontent__item {
    width: 48%;
    margin: 0 2% 25px 0;
  }
}

.list__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.Ucontent__item:nth-of-type(3n) {
  margin: 0 0 0 0;
}

@media screen and (max-width: 559px) {
  .Ucontent__item:nth-of-type(3n) {
    width: 48%;
    margin: 0 2% 25px 0;
  }
}

@media screen and (max-width: 559px) {
  .Ucontent__item:nth-of-type(2n) {
    margin: 0 0 0 0;
  }
}

.Ucontent__item img {
  height: auto;
}

@media screen and (max-width:559px) {
  .Ucontent__item img {
  }
}

.Ucontent__Area__content {
  position: relative;
  padding: 10px;
  background: #fff;
  height: 90px;
}

.Ucontent__title {
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 12px 0;
  letter-spacing: -0.1px;
}

@media screen and (max-width:559px) {
  .Ucontent__title {
    font-size: 1.2rem;
  }
}

.Ucontent__cat {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 12px;
  background: #E5007F;
  padding: 2px 4px 2px 4px;
  border-radius: 3px;
}

@media screen and (max-width:559px) {
  .Ucontent__cat {
    background: #69ADB7;
  }
}

.Ucontent__cat a {
  color: #fff;
}

.Ucontent__date {
  font-size: 12px;
}

.Ucontent__date:before {
  font-family: "Font Awesome 5 Free";
  content: '\f017';
  margin: 0 5px 0 0;
  vertical-align: middle;
  font-weight: 400;
}

/*—————————————————————————
下層ビューコンテンツ(シングルページ)
—————————————————————————*/

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.single__eyecatch {
  height: 400px;
  object-fit: cover;
}

@media screen and (max-width:559px) {
  .single__eyecatch {
      height: 40vh;
  }
}

.single__Area__content {
  margin: 0 0 0 0;
}

@media screen and (max-width:559px) {
  .single__Area__content {
    margin: 0 0 0 0;
  }
}

.single__title {
  font-size: 23px;
  font-weight: 700;
  color: #1b1b1b;
}

@media screen and (max-width:559px) {
  .single__title {
      margin: 5px 0 0 0;
      font-size: 2.4rem;
  }
}

.single__adress {
  margin: 0 0 20px 0;
  font-size: 1.2rem;
}

.single__yomi {
  margin: 0 0 4px 0;
  font-size: 1.2rem;
}

.single__img__Wrap {
  display: flex;
}

.single__img__left {
  width: 50%;
}

.single__img__right {
  width: 50%;
}

.single__img__right {
  display: flex;
  flex-wrap: wrap;
}

.single__img__right img {
  width: 50%;
}

.institution__description {
  background: #fff;
  margin: 20px 0 0 0;
  padding: 10px 10px 10px 10px;
  border-radius: 10px;
  font-size: 1.8rem;
  font-weight: 700;
}

.institution__Wrap__title {
  margin: 40px 0 0 0;
  padding: 15px 0 0 10px;
  border-top: 1px solid rgba(0, 0, 0, .3);
  border-bottom: 1px solid rgba(0, 0, 0, .3);
  background-color: #edead8;
  text-align: center;
}

.institution__Wrap__title2 {
  margin: 40px 0 10px 0;
  padding: 15px 0 0 10px;
  border-bottom: 5px solid #551166;
  background-color: #edead8;
  text-align: center;
}

@media screen and (max-width: 559px) {
  .institution__Wrap__title2 {
    margin: 20px 0 10px 0;
  }
}

.institution__title {
  font-family: 'Dela Gothic One', cursive;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
  margin: 5px 0 10px 0;
}

.institution__facility {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
}

.institution__table {
  max-width: 800px;
  margin: 30px auto 0 auto;
}

.institution__table div {
  display: flex;
  margin: 0 0 10px 0;
  align-items: center;
}

@media screen and (max-width: 559px) {
  .institution__table div {
    display: block;
    margin: 0 0 10px 0;
  }
}

.institution__table div p:nth-child(1) {
  width: 30%;
  border-radius: 15px;
  background-color: #dcdbc5;
  padding: 5px 25px 5px 25px;
  text-align: center;
}

@media screen and (max-width: 559px) {
  .institution__table div p:nth-child(1) {
    width: 85%;
    margin: 0 auto 5px auto;
  }
}

.institution__table div p:nth-child(2) {
  padding: 0 0 0 20px;
}

@media screen and (max-width: 559px) {
  .institution__table div p:nth-child(2) {
    width: 85%;
    margin: 0 auto 5px auto;
  }
}

.single__pre__wrap {
  margin: 60px 0 50px 0;
  background: #fff;
}

.single__cat a {
  font-size: 12px;
  background: #E5007F;
  padding: 5px 7px 5px 7px;
  border-radius: 3px;
  color: #fff;
}

.single__Inner__cat {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.single__jimaku {
  font-size: 1.2rem;
  font-weight: 700;
}

.swiperModalButton {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-around;
}

/* シングルページの画像箇所 START */
/* モーダル */
.modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
padding: 30px;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.3s;
pointer-events: none;
opacity: 0;
z-index: 100;
background-color: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 559px) {
  .modal {
    padding: 0 0 0 0;
  }
}

/* モーダルがactiveの時 */
.modal.is-active {
opacity: 1;
pointer-events: auto;
}

/* モーダル背景のオーバーレイ部分 */
.modal__overlay {
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
}

/* モーダルのコンテンツ */
.modal__content {
  position: relative;
  width: 100%;
  max-width: 1000px;
  padding: 20px;
}

@media screen and (max-width: 559px) {
  .modal__content {
    padding: 0;
  }
}

.modal_inner {
  /* filter: drop-shadow(0px 0px 4px #ddd); */
  background: #551166;
  width: 90%;
  margin: 0 auto;
  border-radius: 2px;
  padding: 5px 5px 5px 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media screen and (max-width: 559px) {
  .modal_inner {
    width: 100%;
  }
}

/* 閉じるボタン */
.modal__close-btn {
  position: absolute;
  right: 40px;
  top: 40px;
  width: 40px;
  height: 40px;
  background: #551166;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  z-index: 20;
}

@media screen and (max-width: 559px) {
  .modal__close-btn {
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: #551166;
    border-radius: 50%;
    z-index: 20;
  }
}

.modal__close-btn:hover {
  opacity: 0.8;
}

/* 閉じるボタンのX */
.lineClose {
  display: inline-block;
  margin: 50% 0 0 2%;
  color: #fff;
  line-height: 1;
  width: 30px;
  height: 0.1rem;
  border: 1.5px solid #FFF;
  border: 1px solid #FFF;
  border-radius: 0.1rem;
  position: relative;
  transform: rotate(45deg);
}

@media screen and (max-width: 559px) {
  .lineClose {
    margin: 50% 0 0 0;
    width: 24px;
    height: 0.1rem;
    border: 1px solid #FFF;
  }
}

.lineClose::before {
content: '';
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 100%;
background: inherit;
border: 1.5px solid #FFF;
transform: rotate(90deg);
}

@media screen and (max-width: 559px) {
  .lineClose::before {
    top: -1px;
    left: -1px;
    width: 24px;
    height: 100%;
    border: 1px solid #FFF;
  }
}
/* シングルページの画像箇所 END */

/*—————————————————————————
アコーディオン
—————————————————————————*/

.heading__pre__title {
  text-align: center;
  font-family: 'Dela Gothic One', cursive;
  font-size: 6rem;
  color: #000;
  font-weight: 400;
}

@media screen and (max-width: 559px) {
  .heading__pre__title {
    padding: 2vw 0 0 0;
    font-size: 5rem;
    line-height: 1.2;
  }
}

.pre__Wrap {
  width: 66%;
  max-width: 1040px;
  position: relative;
  margin: 0 auto;
  padding: 0 20px 50px 20px;
}

@media screen and (max-width: 559px) {
  .pre__Wrap {
    width: 90%;
  }
}

.pre__parent {
	position: relative;
	margin: 20px 0 0 0;
	padding: 15px 15px 15px 15px;
	background-color: #EDEAD8;
	cursor: pointer;
	border-radius: 10px;
}

.pre__parent.open {
	margin: 20px 0 0 0;
	border-radius: 10px;
}

.pre__child {
	position: relative;
	display: none;
	margin: 0 0 20px 0;
}

.pre__child a {
  display: block;
  background-color: #f5f4e4;
  padding: 10px 10px 10px 30px;
  border-bottom: 1px solid #fff;
  color: #7b7b7b;
}

.pre__child a:nth-child(1) {
  border-radius: 10px 10px 0 0;
}

.pre__child a:nth-last-child(1) {
  border-radius: 0 0 10px 10px;
}

.pre__child__one a {
  border-radius: 10px 10px 10px 10px!important;
}

.pre__parent:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 25px;
	height: 3px;
	background: #CC2288;
	transform: translateY(-50%);
}

@media screen and (max-width: 559px){
	.pre__parent:before {
		top: 50%;
		right: 14px;
		width: 15px;
		height: 3px;
		background: #CC2288;
		transform: translateY(-50%);
	}
}

.pre__parent:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 36px;
	width: 3px;
	height: 24px;
	background: #CC2288;
	transform: translateY(-50%);
	transition: .3s;
}

@media screen and (max-width: 559px){
	.pre__parent:after {
		top: 50%;
		right: 20px;
		width: 3px;
		height: 15px;
	}
}

.pre__parent.open:after {
	top: 43%;
	opacity: 0;
	transform: rotate(90deg);
}

.pre__parent p{
	position: relative;
	padding: 0 30px 0 70px;
	font-size: 2.3rem;
	font-weight: 700;
	line-height: 1.2;
}

@media screen and (max-width: 559px){
	.pre__parent p {
		padding: 0 30px 0 50px;
		font-size: 1.8rem;
	}
}

.pre__parent p::before {
	content: "";
	display: inline-block;
	width: 70px;
	height: 70px;
	position: absolute;
	top: 50%;
	left: 0;
	background: url(../img/icon-q.png) no-repeat;
	vertical-align: middle;
	transform: translateY(-50%);
	background-position: center;
}

@media screen and (max-width: 559px){
	.pre__parent p::before {
		width: 40px;
		height: 40px;
		top: 50%;
		background-size: 70%;
		transform: translateY(-50%);
    	background-position: center;
	}
}

.pre__child p{
	position: relative;
	padding: 0 0 0 70px;
}


@media screen and (max-width: 559px){
	.pre__child p {
		padding: 0 0 0 50px;
	}
}

.pre__child p::before {
	content: "";
	display: block;
	width: 70px;
	height: 70px;
	position: absolute;
	top: 0;
	left: 25px;
	background: url(../img/icon-a.png) no-repeat;
	background-position: top left;
}

@media screen and (max-width: 559px){
	.pre__child p::before {
		left: 15px;
		background-size: 20%;
	}
}

/*—————————————————————————
下層ページ(プライバシーポリシーなど)
—————————————————————————*/

.Ulayer__title {
  margin: 0 0 20px 0;
  text-align: center;
}


@media screen and (max-width:559px) {
  .teams__wrap {
    padding: 20px 1.5% 0 1.5%;
  }
}

.teams__title {
  margin: 0 0 5px 0;
  font-size: 15px;
}

.teams__list {
  margin: 0 0 15px 0;
  font-size: 13px;
}

.teams__subtitle {
  margin: 0 0 15px 0;
  font-size: 13px;
}

.teams__footer {
  font-size: 15px;
}

/*—————————————————————————
フォーム
—————————————————————————*/

.form_Wrap {
  width: 700px;
  margin: 0 auto;
}

@media screen and (max-width:559px) {
  .form_Wrap {
    width: 98%;
    padding: 20px 1.5% 0 1.5%;
  }
}

.ttl__confilm {
  text-align: center;
  font-weight: 700;
}

.subttl__confilm {
  margin: 0 0 20px 0;
  font-weight: 700;
}

.mw_wp_form_confirm form .requied__messege {
  display: none;
}

.subttl__complete {
  margin: 0 0 20px 0;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #E5007F;
}

.subttl__complete2 {
  margin: 0 0 20px 0;
  font-weight: 700;
}

.subttl__complete3 {
  color: #E5007F;
}

.form_content input[type="text"], input[type="email"], textarea{
  width: 100%;
  padding: 5px 5px 5px 5px;
}

@media screen and (max-width:559px) {
  .form_content input[type="text"], input[type="email"], textarea{
    width: 94%;
    border: 1px solid #7B7B7B;
    font-size: 1.6rem;
  }
}

.form_content input[type="text"], input[type="email"]{
  height: 30px;
}

.form_content textarea{
  height: 100px;
}

.form_item {
  font-weight: 700;
}

.form_content {
  margin: 0 0 10px 0;
}

.form_item span{
  font-size: 15px;
}

.requied__messege {
  font-size: 14px;
}

.form_Wrap_btn {
  display: flex;
  margin: 25px 0 0 0;
  justify-content: center;
}

@media screen and (max-width:559px) {
  .form_Wrap_btn {
    justify-content: center;
    font-size: 1.6rem;
  }
}

.form_submit {
  width: 30%;
  height: 50px;
  background: #CC2288;
  color: #fff;
  border: 1px solid #CC2288;
  border-radius: 30px;
  cursor: pointer;
}

@media screen and (max-width:559px) {
  .form_submit {
    width: 45%;
  }
}

.form_confilm {
  width: 30%;
  height: 50px;
  background: #7B7B7B;
  color: #fff;
  border: 1px solid #EFEFEF;
  border-radius: 30px;
  margin: 0 20px 0 0;
  cursor: pointer;
}

@media screen and (max-width:559px) {
  .form_confilm {
    width: 45%;
    margin: 0 5% 0 0;

  }
}

.error {
  color: #CC2288;
}

/*—————————————————————————
パンくず
—————————————————————————*/

.bread_Wrap {
  padding: 5px 2% 5px 2%;
  background: #fff;
}

.bread {
  max-width: 1120px;
  margin: 0 auto;
  padding: 10px 0 10px 0;
  font-size: 10px;
}

.bread li{
  display: inline;
}

@media screen and (max-width:559px) {
  .bread {
    padding: 0 1.5% 0 1.5%;
  }
}

.bread li:after {
  content: '>';
  margin: 0 5px 0 5px;
}

.bread li:last-of-type:after {
  content: '';
}

/*—————————————————————————
ページネーション
—————————————————————————*/

.nav-links {
  margin: 0 0 50px 0;
  text-align: center;
}

.nav-links .current {
  background-color: #2f4f4f;
  border: 1px solid #2f4f4f;
  color: #fff;
}

.page-numbers {
 display: flex;
 justify-content: center;
}

.nav-links a , .nav-links span {
 display: block;
 width: 35px;
 height: 35px;
 margin: 0 0 0 10px;
 font-size: 12px;
 line-height: 35px;
 text-align: center;
 overflow-wrap: normal;
 background-color: #fff;
 border: 1px solid #ddd;
 border-radius: 50%;
  color: #2f4f4f;
  cursor: pointer;
}

/*—————————————————————————
フッター
—————————————————————————*/

.footer {
  background: #551166;
  padding: 40px 20px 20px 20px;
}

.footer__Area__list {
  display: flex;
  justify-content: center;
  font-size: 1.3rem;
}

.footer__item {
  margin: 0 2rem 0 0;
}

.footer__item a {
  color: #fff;
}

.copyrights {
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  margin: 10px 0 0 0;
}

.title-404 {
  margin: 0 0 30px 0;
  text-align: center;
  font-family: 'Dela Gothic One', cursive;
  font-size: 6rem;
  color: #000;
  font-weight: 400;
}

.topback__btn {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 30%;
  height: 70px;
  line-height: 70px;
  background: #CC2288;
  color: #fff;
  border: 1px solid #CC2288;
  border-radius: 30px;
  font-size: 4rem;
  font-family: 'Dela Gothic One', cursive;
  font-weight: 400;
  cursor: pointer;
}

@media screen and (max-width: 559px) {
  .topback__btn {
    width: 70%;
    height: 70px;
    line-height: 70px;
    font-size: 4rem;
  }
}

.topback__text::before {
  margin: 0 5px 0 0;
  content: '\f245';
  font-family: "Font Awesome 5 Free";
  font-size: 3.8rem;
  color: #fff;
  font-weight: 900;
  vertical-align: middle;
}