* {
  box-sizing: border-box;
  outline: none; 
font-weight: bold;}

html {
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%; 
}

body {
  position: relative;
  max-width: 100%;
  line-height: 2.0;
  font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  color: #333;
  font-feature-settings: "palt";
  letter-spacing: 0.8pt;
  overflow-x: hidden; }
  @media screen and (min-width: 940px) {
    body {
      background: url(../img/bg00.jpg) no-repeat;
      background-attachment: fixed;
      background-position: center top;
      background-size: cover;
      padding: 5rem 0; } }
  body li {
    list-style: none; }
  body a {
    display: inline-block; }
    body a:link, body a:visited, body a:hover, body a:active {
      color: #333;
      text-decoration: none; }
  body span, body em {
    font-style: normal; }
  body img {
    width: 100%;
    height: auto; }

@media screen and (min-width: 940px) {
  .pc {
    display: block; } }
@media (min-width: 1px) and (max-width: 939px) {
  .pc {
    display: none; } }

/*-----PC表示の左側-----*/
@media screen and (min-width: 940px) {
  .left_box {
    position: fixed;
    top: 13vh;
    width: 55vw; }
    .left_box .inner {
      width: 35vw;
      max-width: 500px;
      margin: auto; }
	.left_box .inner div {
		padding: 1.5rem;
		border-radius: 10px;
		background: #fff; 
		box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
	}
	.left_box .inner div.pc_info {
		margin-top: 10px;
		text-align: center;
	}
	.left_box .inner div.pc_info p:nth-of-type(1) {
		color:#DB534B; 
		line-height: 1.8em;
		font-weight: bold;
		font-size: 1.8rem;
	}
	.left_box .inner div.pc_info p:nth-of-type(2) {
		margin: 1rem auto 3rem;
		line-height: 1.8em;
		font-weight: bold;
		display: inline-block;
	}
      .left_box .inner .logo {
        width: 80%;
        margin: auto; }
      .left_box .inner .logo_box {
        margin-top: 2rem; }
      .left_box .inner .flexBox {
        display: flex;
        justify-content: center;
        margin-top: 1.5rem;
        line-height: 1.6; }
      .left_box .inner .flexBox .logo {
		  width: inherit;}
}

@media screen and (min-width: 940px) {
  .contents {
    position: relative;
    max-width: 30%;
    min-width: 420px;
    width: 100%;
    margin-left: 50vw;
    border: solid 20px #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35); } }

.scrolldown {
  position: fixed;
  right: 5vw;
  bottom: 10px;
  height: 50px; }
  .scrolldown span {
    position: absolute;
    left: -15px;
    top: -20px;
    color: #494949;
    font-size: 1.2rem;
    letter-spacing: 0.05em; }
  .scrolldown::after {
    content: "";
    position: absolute;
    top: 0;
    width: 1px;
    height: 40px;
    background: #494949;
    animation: pathmove 1.4s ease-in-out infinite;
    opacity: 0; }

@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0; }
  30% {
    height: 40px;
    opacity: 1; }
  100% {
    height: 0;
    top: 50px;
    opacity: 0; } }


main {
  display: block;
  overflow: hidden; }
  main .btn {
    width: 70%;
    margin: 5rem auto; }
    main .btn a {
      position: relative;
      display: block;
      padding: 1rem 3rem;
      background: #fff;
      border: solid 2px #DB534B;
      border-radius: 10px;
      text-align: center;
      color: #DB534B;
      font-weight: bold;
      transition: .2s; }
      main .btn a:hover {
        background: #DB534B;
        color: #fff; }
section h2 {
	background: #fff;
}
#summary,#detail  {
	padding-bottom: 6rem;
	background: #EEFBFC;
}
#hotel {
	background: #FCF3EB; 
}
.underL {
		text-decoration: underline 1.5px #DB534B;
		text-underline-offset: 0.5rem; 
}
.underW {
		text-decoration: underline wavy 0.5px #DB534B;
		text-underline-offset: 0.5rem; 
}
 .caution {
	 margin-top: 1rem;
	text-align: center;
	font-size: 1.3rem;
	 font-weight: bold;
}

.btnBox .btn span {
	font-size: 1.3rem;
}
span.blue{
	padding: 0.3rem 3rem;
	background: #23ACB0;
	border-radius: 50px;
	color: #fff;
}
span.red{
	padding: 0.3rem 3rem;
	background: #DB534B;
	border-radius: 50px;
	color: #fff;
}

/*-----#about-----*/

#about .intro #campaign {
	margin-bottom: 8rem;
}
#about .intro #campaign p {
	text-align: center;
	font-size: 1.8rem;
}
#about .intro #campaign .underline_before {
	background: linear-gradient(#DB534B, #DB534B) 0 100%/0 2px no-repeat; /*左から、カラー（始点と終点それぞれ同じものを指定）、position / サイズ横縦 繰り返しの有無 */
	transition: background 3s;
	text-decoration: none;
}
#about .intro #campaign .underline_after {
	background-size: 100% 2px; /* 変化後のスタイル。横サイズを0から100%に変えることで指定の文字列に下線を引く */
}
#about .intro .top_img {
	display: flex;
}
#about .intro .top_img:nth-of-type(1) {
	justify-content: space-between;
}
#about .intro .top_img .img1 {
	width: 100%;
	margin-right: 1.5rem;
}
#about .intro .top_img .img2{
	width: 80%;
	margin-top: 8rem;
}
#about .intro .top_img.center {
	justify-content: center;
}
#about .intro .top_img .img3 {
	width: 50%;
	margin-top: 1.5rem;
}

.intro {
  padding: 10rem 0 8rem;
  background: url(../img/bg01.jpg);
  background-size: cover; }
  .intro .anchor {
    display: flex;
    justify-content: space-around;
    margin: 9rem .5rem 0;
    padding: 1rem 0;
    background: #FFFFFF;
    border-radius: 10px;
	  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
     }
    .intro .anchor li {
      display: grid;
      place-items: end;
      margin: 0 2.5%;
      font-weight: bold; }
      .intro .anchor li a {
        text-align: center;
        font-size: 1.2rem; }
        .intro .anchor li a img {
          width: 30px; }
        .intro .anchor li a::after {
          content: "";
          display: block;
          width: 10px;
          height: 10px;
          border-right: solid 1px #DB534B;
          border-bottom: solid 1px #DB534B;
          transform: rotate(45deg);
          margin: auto; }
      .intro .anchor li:nth-of-type(2) a img {
        width: 40px; }
  .intro .lead .txt {
    padding: 3rem 1rem;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold; }
#summary p:nth-of-type(1) span,
    .intro .lead .txt span {
      padding: .5rem 1rem;
      background: #fff;
      line-height: 2.5em; 
		color: #DB534B;
		font-size: 2rem;
		letter-spacing: -0.03em;
}
/*-----#summary-----*/
 #summary {
	text-align: center;
}
 #summary p:nth-of-type(1) {
	margin-top: 5rem;
}
 #summary p:nth-of-type(1) span {
	letter-spacing: 0.1em;
}
 #summary p:nth-of-type(2) {
	margin: 3rem auto;
	 font-size: 1.8rem;
}
 #summary p:nth-of-type(3) {
	margin-bottom: 1.5rem;
}
 #summary div p.sam_txt {
	 margin-top: 0;
	 padding: 1rem 0;
	 background: #23ACB0;
	 border-radius: 10px;
	 line-height: 1.6em !important;
	 color: #fff;
}
 #summary div:last-child p {
	 margin-bottom: 2.5rem;
	 line-height: 1.8em;
	font-size: 1.5rem;
}
 #summary div:last-child p:nth-of-type(3) {
	 margin-top: -1.5rem;
	font-size: 1.3rem;
}
 #summary div:last-child p:nth-of-type(3) span {
	color: #DB534B;
}
 #summary div:last-child p:last-child {
	margin-bottom: 0;
}



  #hotel .hotel_list {
    display: flex;
    /*justify-content: center;  リーガ追加時*/
	justify-content: space-evenly;
    flex-wrap: wrap;
    padding: 5rem 0 2rem; }
    #hotel .hotel_list li {
      /*width: 33%;  リーガ追加時*/
	width: 35%;
      margin-bottom: 3rem;
      text-align: center;
      font-size: 1.3rem;
      line-height: 1.5; }
      #hotel .hotel_list li a {
        transition: 0.2s; }
        #hotel .hotel_list li a::after {
          content: "";
          display: block;
          width: 10px;
          height: 10px;
          border-right: solid 1px #DB534B;
          border-bottom: solid 1px #DB534B;
          transform: rotate(45deg);
          margin: auto; }
        #hotel .hotel_list li a:hover {
          opacity: 0.6; }
        #hotel .hotel_list li a img {
          width: 87%; }
	#hotel .bg02,
  #hotel .hotel_wrap li:nth-of-type(2n) {
	  padding-top: 5rem;
    background: url(../img/bg02.jpg); }
  #hotel .hotel_wrap li:last-child {
    padding-bottom: 10rem; }

.hotel_wrap li {
  padding: 7rem 0 8rem;
  border-top: 1px solid #C5B278; 
}
#restaurant .bg02 p.res_title,
.hotel_wrap li h3 {
	width: 95%;
	margin: 0 auto;
	padding: 2.5px;
	text-align: center;
	background-color: #DB534B;
	color: #fff;
	border-radius: 50px;
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: bold; 
}
#restaurant .bg02 .caution {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 3rem;
}
.hotel_wrap li p.res_title {
	text-align: center;
	margin: 1rem auto;
	font-size: 2.2rem;
	font-weight: bold;
}
.hotel_wrap li p.res_title span {
	margin-right: 1rem;
	font-size: 1.6rem;
	font-weight: bold;
}

  .hotel_wrap li .hotel_img {
    margin: 0 1rem; 
}
  .hotel_wrap li .txt_box {
    width: 90%;
margin: 2rem auto 5rem;
line-height: 1.8em;
}
  .hotel_wrap li .txt_box p span{
    font-size: 1.2rem;
}
  .hotel_wrap li .txt_box div{
    margin-top: 1.5rem;
	  padding-left:1rem;
	  text-indent: -1rem;
}
  .hotel_wrap li .txt_box div p{
	  margin-bottom: 0.8rem;
    line-height: 1.6em;
}
#detail .inner div.example ul li p:first-child:before,
.hotel_wrap li .txt_box div p:before{
    content: '●';
	  color: #DB534B;
}
#detail .inner div.example p.catch{
	margin-top: -1rem;
    line-height: 1.6em;
	font-size:1.5rem;
}
#detail .inner div.example ul li p span{
    
	  color: #DB534B;
}
    .hotel_wrap li .txt_box .lead {
      margin-bottom: 1.5rem;
      font-size: 2.0rem;
      font-weight: bold;
      line-height: 1.5; }
  .hotel_wrap li .swiper img {
    height: auto;
    width: 100%; }
  .hotel_wrap li .swiper p {
    font-size: 1.2rem; }
  .hotel_wrap li .btn {
    margin: 3rem auto 0; }
#reservation ul li .btnBox p.btn a,
    .hotel_wrap li .btn.rsv a {
      background: #DB534B;
      color: #fff; }
#reservation ul li .btnBox p.btn a:hover,
      .hotel_wrap li .btn.rsv a:hover {
        background: #fff;
		border: solid 2px #DB534B;
		color: #DB534B; }


/*+-----#detail-----*/
#summary div:last-child,
#detail .inner div {
	width: 90%;
	margin: 5rem auto 1.8rem;
	padding: 2.5rem 1.5rem;
	background: #fff;
	border-radius: 10px;
		font-size: 1.8rem;
}
/*#detail .inner div:nth-of-type(1) ul li {
	text-align: center;
}*/
#detail .inner div:nth-of-type(2) ul li {
	margin-bottom: 2rem;
	line-height: 2.5rem;
	padding-left: 1em;
  text-indent: -1em;
	font-size: 1.6rem;
}
#detail .inner div ul li.dot-b:before {
	content: '●';
	color: #23ACB0;
}
#detail .inner div p {
	margin-bottom: 2rem;
	text-align: center;
}
#detail .inner div ul {
	/*width: 85%;*/
	margin: 0 auto;
}
#detail .inner div.example ul li {
	margin: 4rem auto 7rem;
}
#detail .inner div.example ul li:last-child {
	margin-bottom: 2rem;
}
#detail .inner div.example ul li p {
	line-height: 1.8em;
	letter-spacing: normal;
	text-align: inherit;
	font-size: 1.4rem;
	color: #333;
}
#detail .inner div.example ul li p:nth-of-type(1) {
	padding-left: 1em;
  text-indent: -1em;
}

#detail .accordion_one {
	max-width: 1024px;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
}
#detail .accordion_one .accordion_header {
	width: 75%;
  background-color: #DB534B;
  color: #fff;
  font-weight: bold;
  padding: 7px 0;
  text-align: center;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
	font-size: 1.6rem;
}
#detail .accordion_one .accordion_header:hover {
  opacity: .8;
}
#detail .accordion_one .accordion_header .i_box {
	margin: -2rem auto 0;
	padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 35px;
  height: 40px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
	background: inherit;
}
#detail .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
#detail .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
#detail .accordion_one .accordion_header .i_box .one_i:before, #detail .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
#detail .accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
#detail .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
#detail .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#detail .accordion_one .accordion_inner {
  display: none;
	width: 100%;
  padding: 0;
/*  border-left: 2px solid #db0f2f;
  border-right: 2px solid #db0f2f;
  border-bottom: 2px solid #db0f2f;
  box-sizing: border-box;
*/}
#detail .accordion_one .accordion_inner .box_one {
  width: 100%;
	padding: 0;
}
#detail .accordion_one .accordion_inner .box_one ul li p:nth-of-type(2) {
  text-align: center;
}
#detail .accordion_one .accordion_inner p.txt_a_ac {
  margin: 0;
}
#detail .accordion_one .accordion_inner .closeArea {
  /*width: 180px;*/
  margin: 0 auto;
	padding: 2rem 0 0;
}
#detail .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
	width: 70%;
	margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #DB534B;
  padding: 15px 0 12px 20px;
  text-decoration: none;
  line-height: 1.3;
  color: #fff;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  transition-duration: 0.2s;
	border-radius: 10px;
	font-size: 1.6rem;
}
#detail .accordion_one .accordion_inner .closeArea .close_box {
  margin: 0 auto;
}
#detail .accordion_one .accordion_inner .closeArea .close_box a.close_btn:hover {
  opacity: .8;
}
#detail .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box {
  margin:  -1.5rem auto 0;
	padding: 0;
	display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 10%;
  width: 30px;
  height: 30px;
	background: inherit;
}
#detail .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 18px;
  height: 18px;
}
#detail .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:before, #detail .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:after {
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(45deg);
  transform-origin: center center;
}
#detail .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
@media screen and (max-width: 1024px) {
  #detail .accordion_one .accordion_header {
    font-size: 18px;
  }
  #detail .accordion_one .accordion_header .i_box {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
  #detail .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  #detail .accordion_one .accordion_header {
    font-size: 16px;
    text-align: left;
    padding: 10px 0 10px 35px;
  }
}






/*+-----#reservation-----*/

#reservation .bg03 {
	padding-bottom: 2rem;
	background: url(../img/bg03.jpg);
	background-size:cover;
}
#reservation ul {
	margin-top: 5rem;
}
#reservation ul li {
	width: 80%;
	margin: 2rem auto;
	padding: 3rem 2rem;
	background: #fff;
	border-radius: 10px;
	text-align: center;
}
#reservation ul .arrow {
	width: 45px;
	margin: 0 auto;
}
#reservation ul li .dec {
	position: relative;
}
#reservation ul li figure.dec01 {
	width: 25%;
	position: absolute;
	right: -1.5rem;
	bottom: -4.3rem;
}
#reservation ul li figure.dec02 {
	width: 28%;
	position: absolute;
	left: -3rem;
	bottom: -5rem;
}
#reservation ul li p img {
	width: 30%;
}
#reservation ul li p:nth-of-type(2) {
	margin: 3rem auto;
	font-size: 2rem;
}
#reservation ul li .btnBox p.btn {
	width: 82%;
	margin: 4rem auto 2rem;
}


/*+-----footer-----*/
footer {
  padding: 7rem 0 3rem;
  background: #DB534B;
  background-size: cover;
  color: #fff;
  text-align: center; }
  footer #note {
	  width: 90%;
	  margin: 0 auto;
    padding: 4rem 2rem 5rem;
    background: #fff;
    border-radius: 10px;
    color: #494949; }
    footer #note h2 {
      margin-bottom: 2rem;
      font-size: 1.8rem;
      font-weight: bold; }
    footer #note p:nth-of-type(1) {
		margin-bottom: 2.5rem;
      line-height: 1.7em;
		font-size: 1.8rem;
		color: #DB534B;
}
    footer #note .txt {
      margin-top: 1rem;
      text-align: left;
		line-height: 1.8em;
		padding-left: 1em;
  text-indent: -1em;
font-size: 1.4rem;}
      footer #note .txt em {
        background: linear-gradient(transparent 50%, #EEFE5B 56%);
        font-weight: bold; }
  footer .foot {
    padding: 3rem 0 0; }
    footer .foot .link {
      display: flex;
      justify-content: center;
      margin-top: 4rem; }
      footer .foot .link li {
        margin: 0 2rem; }
        footer .foot .link li a {
          color: #fff;
          text-decoration: underline;
          transition: .2s; }
          footer .foot .link li a:hover {
            text-decoration: none; }
    footer .foot .copy {
      margin-top: 6rem;
      font-size: 1.3rem; }


/*-----#coupon-----*/

#coupon .intro h1 {
	width: 80%;
	margin: 0 auto 2rem;
}
#coupon div.wrap {
	width: 90%;
	margin: 1rem auto 0;
	padding: 2rem;
	background: #fff;
	border-radius: 10px;
	box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
#coupon div.wrap p {
	margin: 1.5rem auto;
	line-height: 1.8em;
	text-align: center;
	font-size: 2rem;
	color: #333;
}
#coupon div.wrap p.cou_txt {
	margin: 0 auto 3.5rem;
	padding: 1rem 0;
	background: #23ACB0;
	border-radius: 50px;
	line-height: 2rem;
	color: #fff;
}
#coupon div.wrap p.cou_txt span {
	font-size: 1.4rem;
}
#coupon div.wrap p.jp {
	background: url(../img/bg_coupon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-size: 2.2rem;
}
#coupon div.wrap div{
    content: "";
    display: block;
    width: 6rem;
	margin: 2.5rem auto;
    border-bottom: 3.5px solid #23ACB0;
}
#coupon div.wrap p.en {
	margin: 0.8rem auto;
	line-height: 1.4em;
	font-size: 1.5rem;
	/*color: #DB534B;*/
}
#coupon div.wrap p.en span {
	font-weight: normal;
	font-size: 1.4rem;
}


/*-----#loading-----*/
#loading {
  background: #DB534B;
  position: fixed;
  inset: 0;
  z-index: 888;
  display: grid;
  place-items: center; }
  #loading p img {
    width: 200px; }

.loader {
  color: #ffffff;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  z-index: 999;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease; }

@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%,
95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%,
59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%,
95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%,
59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }



.fin {
	background: #EEFBFC !important;
    width: 90%;
    margin: 2rem auto 3rem;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 3rem;
    border-radius: 30px !important;
    padding: 1.8rem !important;
    border: solid 6px #23ACB0;
}