@charset "utf-8";
html,
body {
  margin: 0;
  padding: 0;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
* {
  box-sizing: border-box;
}


header,
header .subl.top {
	background-color:var(--gre1);
	color:var(--ylw2);
}
header:before {
	content:'';
	inset:0;
	position:absolute;
	display:block;
	background-image:linear-gradient(to right, #00000071 0%, #00000000 30%, #00000000 40%, #00000000 60%, #00000071);
}
header .td.logo {
	color:#fff;
}
header :where(.td.mainMenu) a {
	--arc:var(--ylw2);
}
header .logo svg * {
	fill:#ffffff;
}
header .cart svg * {
	fill:#ffffff;
}
header .td.tp,
header input + .swh li {
	background-color:var(--ylw1);
}
header .td.cart .cart {
	background-color:#ffffff88;
}
.floatTOP > div {
	background-color:var(--gre1);
	background-image:radial-gradient(circle at 50% 24%, #00000000, #00000088);
	text-shadow:0 .4em .6em #00000033;
	color:#ffffff;
}
@media screen and (min-width:840px) {
	:root {
		--half:linear-gradient(to right, #00000071, #00000000, #00000071);
	}
	header:before {
		background-image:linear-gradient(to right, #00000071, #00000000, #00000071);
	}
	header .subl.top {
		background-color:transparent;
	}
	header .subl.top .xi > label > .subl:before {
		background-color:var(--gre1);
		opacity:.96;
	}
}
header :where(.subl > .xi > label) > a[act] {
	color:#ffffff;
	--arc:#ffffff;
}

body {
	--ylw1:#fdd000;
	--ylw2:#fedc00;
	--gre1:#29ada0;
	--gre2:#168673;
}

.caches {
	overflow:hidden;
	height:0;
}

.flx0 .inner,
.flx0 .outer,
.flx .inner,
.flx .outer,
.flx1 .inner {
	padding:8vw calc(8vw - env(safe-area-inset-right)) 8vw calc(8vw - env(safe-area-inset-left));
}
@media screen and (min-width:840px) {
	.flx0 .inner,
	.flx0 .outer,
	.flx .inner,
	.flx .outer,
	.flx1 .inner {
		padding:48px calc(48px - env(safe-area-inset-right)) 48px calc(48px - env(safe-area-inset-left));
	}
}


.PurcFloat,
.PurcFloat:hover,
.PurcFloat:visited {
  inset: auto auto 2em;
}
.PurcFloat .statPic {
  inset: auto 0 0;
}

.PurcFloat,
.PurcFloat:hover,
.PurcFloat:visited {
  --ry: 30vw;
  pointer-events: none;
}
.PurcFloat > * {
  position: relative;
}
.PurcFloat > div > div {
  background-color: var(--gre1);
}
.PurcFloat .statPic {
  pointer-events: auto;
  inset: 0;
  margin: auto;
  width: fit-content;
  max-width: 70%;
}
.PurcFloat .statPic .slg {
  display: none;
}
.PurcFloat .statPic .pic {
  max-width: 100%;
}
@media screen and (min-width: 840px) {
  .PurcFloat,
  .PurcFloat:hover,
  .PurcFloat:visited {
    --ry: 250px;
  }
  .PurcFloat .statPic {
    max-width: 40%;
  }
}
@keyframes bfloatIZ {
  0% {
    transform: translateY(-6em);
  }
  100% {
    transform: translateY(-7em);
  }
}

.izumibk .title {
  background-color: #31CABF;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #102B8C;
}

.top_sec .slog1 {
  display: flex;
  justify-content: flex-start;
  font-weight: bold;
}

.top_sec .slog1 li {
  display: block;
}

.top_sec .bache {
  position: relative;
}
.top_sec .bache {
  font-size: 150%;
  position: relative;
  line-height: 1;
  font-family: serif, sans-serif;
  color: #40220f;
}
.top_sec .bache img {
  width: 3em;
}
.top_sec .bache div {
  position: absolute;
  inset: 2.3em 0;
}
.top_sec .bache .n0 {
  display: flex;
  flex-direction: column;
}
.top_sec .bache .n0 span {
  font-size: 80%;
  color: #000;
}

.top_sec .bache span {
  display: inline-block;
}
.top_sec .bache sup {
  font-size: 50%;
  position: absolute;
}

.top_sec .slog1 sup {
  font-size: 50%;
}
.top_sec .slog1 .ss2 {
    padding-top: 1em;
    padding-left: 1em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: start;
    justify-content: center;
    line-height: 1.2;
    text-align: left;
    z-index: 3;
}
@media screen and (max-width: 540px) {  
	.top_sec .slog1 .ss2 {
		font-weight: 500;
	}

}
.top_sec .slog1 .ss2 sup {
  font-size: 60%;
}
.top_sec .slog2 {
  display: flex;
  justify-content: space-between;
  margin-left: -8%;
  list-style-type: none;
}
.top_sec .slog2 .left {
  width:50%;
}
.top_sec .slog2 .left img {
  width: 100%;
  mask-image: radial-gradient(circle farthest-corner at 45% 50%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 70%);
}
.top_sec .slog2 .right {
  width:25%;
  margin-top:-3em;
  z-index: 1;
}
.top_sec .slog2 .right img {
  width:100%;
}
.top_sec .mark {
  position: absolute;
  inset: 40% 27% auto auto;
  width: 40%;
}
.top_sec .bookmark {
  position: absolute;
  width: 120%;
  transform: rotate(-9deg);
  inset: auto auto 18% auto;
  margin-left: -10%;
}
.top_sec .bookmark span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  background-image: -webkit-linear-gradient(left, #fccf29, #fff, #fccf29);
  box-shadow: 2px 1px 5px 5px rgb(0 0 0 / 30%)
}
.top_regist {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FDD000;
  background-position: center;
  background-size: cover;
}
.top_regist img {
  margin: -8%;
  width: 80%;
}
.top_regist .main {
  display:flex;
  flex-direction: column;
  margin: -8% auto;
  text-wrap: nowrap;
  background: #fff;
  box-shadow: 2px 1px 5px 5px rgb(0 0 0 / 30%);
}

.top_regist .main {
  color: #102B8C;
}
.top_regist .main .header::after {
  content: '';
  display: block;
  position: absolute;
  border: 2rem solid #ffffff00;
  border-top-color: #fff;
  left: calc(50% - 1.5rem);
  top: calc(100% - .5rem);
  transform-origin: center top;
  transform: rotate(30deg) scale(0.2, 0.8);
}
.top_regist .main .body {
  background: #31CABF;
}

.top_regist .main .body .label {
  background: #102B8C;
  border-radius: 50%;
}

.top_regist .main .body .point {
  text-shadow:
    2px 2px 0 #102B8C,
    -2px 2px 0 #102B8C,
    -2px -2px 0 #102B8C,
    2px -2px 0 #102B8C;
}

.evolution .capsule {
  inset: 5% 45% auto auto;
}
.evolution .capsule label {
  bottom: 6%;
  left: 8%;
}
.evolution .suscepter {
  inset: 32% 55% auto auto;
}
.evolution .suscepter label {
  bottom: 9%;
  left: 5%;
}
.evolution .frontcover {
  inset: auto 35% 3% auto;
}
.evolution .frontcover label {
    bottom: 3%;
    right: 0%;
}
.evolution .evo-1,
.evolution .evo-3 {
  top: 5%;
  left: 1.5%;
  color: #102B8C;
}
.evolution .evo-2,
.evolution .evo-4 {
  top: 5%;
  right: 2%;
  color: #102B8C;
}
.evolution .evo-5{
  color: #102B8C;
  top: 18%;
  left: 7%;
}
.evolution .evo-6{
  color: #102B8C;
  top: 40%;
  right: 10%;
}
.evolution .evo-7 {
  color: #102B8C;
  top: 39%;
  left: 7%;
}

.evolution .midline {
  background: #102B8C;
  height: 1px;
}

.evolution .title_evo {
  background-color: #31CABF;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #102B8C;
}

.evolution .title_evo1 {
  background-color: #31CABF;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-shadow: 1px 1px 2px #000, -1px 1px 2px #000, -1px -1px 2px #000, 1px -1px 2px #000;
  line-height: 1.5;
}
.howto-mark {
  top: 9%;
  left: 12%;
  color: #102B8C;
}
.howto-mark1 {
  top: 9%;
  left: 7%;
  color: red;
}
.howto-cap {
  line-height: 100%;
}
.howto-cap::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #000;
  margin: 2px;
  flex-shrink: 0;
}
.howto .mark {
  inset: 15% auto auto 13%;
}

.div-midline {
  background: #000;
  height: 1px;
}

.review {
  width: 86%;
  top: 5%;
  left: 7%;
}

.review1 {
  top: 72%;
  left: 7%;
}
.quality-mark {
  top: calc(-10%);
  right: calc(-13%);
}
.quality-mark1 {
  top: calc(-5%);
  right: calc(-13%);
}
@media screen and (min-width: 840px) {
  .top_sec .slog1 {
    font-size: 200%;
  }
  .top_sec .slog2 {
    margin-left: -15%;
	}
	.top_sec .mark {
	  inset: 42% 30% auto auto;
	  width: 40%;
	}
	.top_regist img {
	  margin: -10%;
	  width: 100%;
	}
}

@media screen and (min-width: 767px) {
	.evolution .title_evo1 {
	  text-shadow: 3px 3px 5px #000,-3px 3px 5px #000,-3px -3px 5px #000,3px -3px 5px #000;
	}
  .top_regist .main .header::after {
    border: 3rem solid #ffffff00;
    border-top-color: #fff;
  }
  .top_regist .main .body .point {
  text-shadow:
    4px 4px 0 #102B8C,
    -4px 4px 0 #102B8C,
    -4px -4px 0 #102B8C,
    4px -4px 0 #102B8C;
  }
  .evolution .evo-1,
  .evolution .evo-3 {
    top: 5%;
    left: 4%;
    color: #102B8C;
  }
  .evolution .evo-2,
  .evolution .evo-4 {
    top: 5%;
    right: 4%;
    color: #102B8C;
  }
  .evolution .evo-5{
    top: 18%;
    left: 7%;
  }
  .evolution .evo-6{
    top: 40%;
    right: 10%;
  }
  .evolution .evo-7 {
    top: 39%;
    left: 9%;
  }
  .howto-mark {
    top: 7%;
    left: 8%;
  }
  .howto-mark1 {
    top: 7%;
    left: 5%;
  }
  .howto-cap::before {
    width: 10px;
    height: 10px;
    margin: 5px;
  }
  .div-midline {
    height: 2px;
  }
  .evolution .midline {
    height: 2px;
  }
  .evolution .suscepter label {
    bottom: 8%;
    left: 5%;
  }
  .evolution .frontcover label {
	bottom: 3%;
	right: 0%;
  }
}


.faq {
  list-style: none;
}

.faq .title {
  background: #31CABF;
  border-top: 0.5rem solid #31CABF;
  border-left: 0.5rem solid #31CABF;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 0.4rem 1.5rem;
  margin-top: 2rem;
  line-height: 2rem;
  text-align: left;
}

.faq .title::before {
  content: "Question>>>";
  font-size: 1.5rem;
}
.faq .content {
  border: 0.5rem solid #31CABF;
  color: #000;
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 1.5rem;
  text-align: left;
}
.faq .content:before {
  content: ">>>Answer";
  font-size: 1.5rem;
}
.faq .content div {
  position: relative;
}
.faq .content .sep-1, .faq .content .sep-2 {
  width: 48%;
}
.faq .content ul {
  list-style: disc;
  padding-left: 2rem;
}

@media screen and (max-width: 540px) {
	.faq .title {
	  font-size: 0.9rem;
	  font-weight: 500;
	  line-height: 1.2rem;
	  border-top: 0.2rem solid #31CABF;
	  border-left: 0.2rem solid #31CABF;
	  padding: 0.2rem 0.6rem;
	  margin-top: 2rem;
	}

	.faq .title::before {
	  font-size: 0.8rem;
	}
	.faq .content {
	  font-size: 0.8rem;
	  font-weight: 500;
	  line-height: 1.1rem;
	  border: 0.2rem solid #31CABF;
	  padding: 0.4rem 0.6rem;
	}
	.faq .content:before {
	  font-size: 0.7rem;
	}
}
.fakeol > p:before {
  counter-increment: step;
  content: counter(step);
  display: inline-block;
  width: calc(1em / 0.8);
  height: calc(1em / 0.8);
/*  padding: 0.1em;*/
  text-indent: 0;
  font-size: 1em;
  border: unset;
  border-radius: unset;
  line-height: unset;
  text-align: center;
  vertical-align: bottom;
/*  margin: calc(1em / 0.8* 0.25);*/
}

.d-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: minmax(95px, auto);
  grid-gap: 1em;
}

@media screen and (max-width:500px) {
	.d-grid-3 {
	  grid-template-columns: repeat(2, 1fr);
	}
}

.addcartbtn {
  border-radius: 5px;
  cursor: pointer;
  border: none;
  text-align: center;
  width: 100%;
}

#purchase .addcartbtn input[type="submit"] {
  background-image: linear-gradient(#25a937 0%, #0a4e23 50%, #034e1e 51%);
  border: 2px solid #60880b;
  width: 100%;
  text-shadow: 0 0 5px #000000;
  color: #f7e500;
  font-size: 32px;
  font-weight: bolder;
  padding: 5px;
}
#purchase .addcartbtn input[type="submit"]:hover {
  transform: translate(-3px, -3px) scale(1.1);
  box-shadow: 6px 6px 6px #00000064;
}
/* ================================================== */
.metaslim {
  text-align: -webkit-center;
}

.metaslim .section1 {
  display: flex;
  /* max-width: 800px; */
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.metaslim .section1 .a1_img {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 57%;
  z-index: -1;
}
.metaslim .section1 .a2_img {
  width: 33%;
  margin-top: 30px;
  margin-left: 35px;
}
.metaslim .section1 .a21_img {
  margin-top: 5px;
  margin-left: 15px;
  width: 96%;
}
.metaslim .section1 .a23_img {
  width: 100%;
  padding: 0vw 58vw 0vw 7vw;
}
.metaslim .section1 .a22_img {
  margin-top: -30px;
  margin-left: 20px;
  width: 96%;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .a2_img {
    width: 100%;
    padding: 7vw 56vw 0vw 10vw;
  }
  .metaslim .section1 .a22_img {
    margin-top: -16px;
  }
}
.metaslim .section1 .div1 {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.metaslim .section1 .div1 .a3_img {
  margin-top: 70px;
  margin-left: 60px;
  width: 45%;
  height: 100%;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div1 .a3_img {
    margin-top: 25px;
    margin-left: 32px;
  }
}
.metaslim .section1 .div1 .a6_img {
  width: 25%;
  margin-top: 43px;
  margin-right: 70px;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div1 .a6_img {
    width: 25%;
    margin-top: 10px;
    margin-right: 34px;
  }
}
.metaslim .section1 .div1 .span1 {
  position: absolute;
  top: 83px;
  right: 102px;
  font-size: 45px;
  line-height: 60px;
  font-weight: bolder;
  color: #fff;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div1 .span1 {
    position: absolute;
    top: 28px;
    right: 46px;
    font-size: 24px;
    line-height: 30px;
    font-weight: bolder;
    color: #fff;
  }
}
.metaslim .section1 .div2 {
  position: relative;
  margin-top: -130px;
  display: flex;
  justify-content: flex-start;
}
.metaslim .section1 .div2 .a7_img {
  margin-top: -30px;
  width: 96%;
  z-index: -1;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div2 .a7_img {
    margin-top: 55px;
    width: 96%;
    z-index: -1;
  }
}
.metaslim .section1 .div2 .a4_img {
  position: absolute;
  left: 35px;
  top: 40px;
  width: 85%;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div2 .a4_img {
    position: absolute;
    left: 10px;
    top: 85px;
    width: 85%;
  }
}
.metaslim .section1 .div2 .a5_img {
  position: absolute;
  right: 25px;
  top: 110px;
  width: 30%;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div2 .a5_img {
    position: absolute;
    right: 15px;
    top: 113px;
    width: 30%;
  }
}
.metaslim .section1 .div2 .span1 {
  position: absolute;
  bottom: 39%;
  left: 33%;
  font-size: 12px;
  font-weight: bolder;
  color: #000;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div2 .span1 {
    position: absolute;
    bottom: 31%;
    left: 16%;
    font-size: 12px;
    font-weight: bolder;
    color: #000;
  }
}
.metaslim .section1 .div2 .span2 {
  position: absolute;
  bottom: 36%;
  left: 33%;
  font-size: 12px;
  font-weight: bolder;
  color: #000;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div2 .span2 {
    position: absolute;
    bottom: 27%;
    left: 6%;
    font-size: 12px;
    font-weight: bolder;
    color: #000;
  }
}
.metaslim .section1 .div2 .div1 {
  position: absolute;
  bottom: 24%;
  width: 100%;
  padding: 0px 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.metaslim .section1 .div2 .div1 .span3 {
  font-size: 50px;
  font-weight: bolder;
  color: #fff;
  background-color: #ed722c;
  padding: 0px 30px;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div2 .div1 .span3 {
    font-size: 20px;
    font-weight: bolder;
    color: #fff;
    background-color: #ed722c;
    padding: 10px 15px;
  }
}
.metaslim .section1 .div2 .div1 .span4 {
  padding: 8px;
  background-color: #000;
}
.metaslim .section1 .div2 .div1 .txt_p {
  display: flex;
  font-size: 19px;
  color: #fff;
  background-color: #000;
  border: solid 1px #fff;
  padding: 0px 20px;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div2 .div1 .span4 {
    padding: 5px;
    background-color: #000;
  }
  .metaslim .section1 .div2 .div1 .txt_p {
    display: flex;
    font-size: 12px;
    color: #fff;
    background-color: #000;
    border: solid 1px #fff;
    padding: 0px 15px;
  }
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div2 .div1 {
    position: absolute;
    bottom: 12%;
    width: 100%;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.metaslim .section1 .div3 {
  position: relative;
  margin-top: -140px;
  display: flex;
  flex-direction: column;
  height: 162px;
}
.metaslim .section1 .div3 .a8_img {
  margin-top: -30px;
  margin-left: 42px;
  width: 29%;
  z-index: 2;
}
.metaslim .section1 .div3 .a9_img {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 36px;
  padding: 0px 50px;
}
.metaslim .section1 .div3 .a10_img {
  position: absolute;
  width: 100%;
  top: 25px;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div3 {
    position: relative;
    margin-top: -30px;
    display: flex;
    flex-direction: column;
    height: 90px;
  }
  .metaslim .section1 .div3 .a8_img {
    margin-top: -5px;
    width: 100%;
    padding: 0vw 70vw 0vw 0vw;
    z-index: 2;
  }
  .metaslim .section1 .div3 .a9_img {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 36px;
    padding: 0px 30px;
  }
}
.metaslim .section1 .div4 {
  position: relative;
}
.metaslim .section1 .div4 .div1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.metaslim .section1 .div4 .div1 .a11_img {
  width: 28%;
  margin-top: 10px;
}
.metaslim .section1 .div4 .div1 .span5 {
  font-size: 54px;
  color: #000;
  line-height: 60px;
  text-align: left;
  font-weight: bolder;
  margin-right: 10px;
}

@media screen and (max-width: 540px) {
  .metaslim .section1 .div4 .div1 .span5 {
    font-size: 25px;
    color: #000;
    line-height: 32px;
    text-align: left;
    font-weight: bolder;
    margin-right: 10px;
  }
}
.metaslim .section1 .div4 .a12_img {
  position: absolute;
  width: 36%;
  top: 10px;
  right: 40px;
  z-index: -1;
}
.metaslim .section1 .div4 .map-div {
  display: flex;
  flex-direction: column;
  position: relative;
}
.metaslim .section1 .div4 .map-div .map-div-span {
  position: absolute;
  right: 30px;
  top: 20px;
  font-size: 36px;
  color: red;
  line-height: 40px;
  text-align: left;
  font-weight: bolder;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div4 .map-div .map-div-span {
    position: absolute;
    right: 20px;
    top: 8px;
    font-size: 18px;
    color: red;
    line-height: 22px;
    text-align: left;
    font-weight: bolder;
  }
}
.metaslim .section1 .div4 .map-div .a13_img {
  width: 46%;
  margin-top: -20px;
  margin-left: 55px;
}
.metaslim .section1 .div4 .map-div .a14_img {
  width: 65%;
  margin-top: -280px;
  margin-left: 300px;
  z-index: 2;
}
.metaslim .section1 .div4 .map-div .a15_img {
  width: 80%;
  margin-top: -250px;
  margin-left: 0px;
  z-index: 1;
}
.metaslim .section1 .div4 .map-div .span5 {
  font-size: 54px;
  color: #000;
  line-height: 60px;
  text-align: left;
  font-weight: bolder;
  margin-right: 10px;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div4 .map-div .a13_img {
    width: 100%;
    padding: 4vw 55vw 0vw 0vw;
  }
  .metaslim .section1 .div4 .map-div .a14_img {
    width: 65%;
    margin-top: -130px;
    margin-left: 145px;
    z-index: 2;
  }
  .metaslim .section1 .div4 .map-div .a15_img {
    width: 80%;
    margin-top: -120px;
    margin-left: 0px;
    z-index: 1;
  }
}
.metaslim .section1 .div5 {
  margin-top: -200px;
  position: relative;
}
.metaslim .section1 .div5 .a17_img {
  width: 100%;
  z-index: -1;
}
.metaslim .section1 .div5 .a18_img {
  width: 100%;
  margin-top: -346px;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div5 .a18_img {
    width: 100%;
    margin-top: -172px;
  }
}
.metaslim .section1 .div5 .temple-text {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 100%;
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div5 .temple-text {
    position: absolute;
    top: -45px;
    left: 0px;
    z-index: 1;
    width: 100%;
    margin-top: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.metaslim .section1 .div5 .a16_img {
  width: 90%;
}
.metaslim .section1 .div5 .temple-span {
  font-size: 30px;
  text-align: left;
  background-color: #fff9;
  padding: 25px;
  border-radius: 15px;
  line-height: 65px;
  font-weight: bolder;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.metaslim .section1 .div5 .temple-span .temple-p {
  width: 100%;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div5 .temple-span {
    font-size: 14px;
    text-align: left;
    background-color: #fff9;
    padding: 25px;
    border-radius: 15px;
    line-height: 29px;
    font-weight: bolder;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}
.metaslim .section1 .div5 .a19_img {
  position: absolute;
  bottom: 110px;
  left: 10%;
  width: 80%;
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div5 .temple-span {
    font-size: 14px;
    text-align: left;
    background-color: #fff9;
    padding: 25px;
    border-radius: 15px;
    line-height: 29px;
    font-weight: bolder;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .metaslim .section1 .div5 .a19_img {
    position: absolute;
    bottom: 55px;
    left: 10%;
    width: 80%;
  }
}
@media screen and (max-width: 540px) {
  .metaslim .section1 .div5 {
    margin-top: -90px;
    position: relative;
  }
}

.metaslim .section2 {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  position: relative;
  margin-top: -85px;
}
.metaslim .section2 .b6_img {
  width: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: -1;
}
@media screen and (max-width: 540px) {
  .metaslim .section2 {
    display: flex;
    max-width: 800px;
    flex-direction: column;
    position: relative;
    margin-top: -85px;
    text-align: center;
  }
  .section2.b6_img {
    width: 100%;
    position: absolute;
    top: 40px;
    right: 0px;
    z-index: -1;
  }
}
.metaslim .section2 .sec2-div1 {
  display: flex;
  position: relative;
  height: 180px;
}
.metaslim .section2 .sec2-div1 .b1_img {
  width: 25%;
  position: absolute;
  top: -25px;
  left: 15px;
}
.metaslim .section2 .sec2-div1 .b2_img {
  width: 71%;
  position: absolute;
  top: 85px;
  right: 40px;
}
.metaslim .section2 .sec2-div1 .sec2-div1-span {
  font-size: 45px;
  color: #000;
  width: 63%;
  position: absolute;
  top: 104px;
  right: 40px;
  text-align: left;
  line-height: 60px;
  font-weight: bolder;
}
@media screen and (max-width: 540px) {
  .metaslim .section2 .sec2-div1 .b1_img {
    width: 25%;
    position: absolute;
    top: 30px;
    left: 15px;
  }
  .metaslim .section2 .sec2-div1 .b2_img {
    width: 71%;
    position: absolute;
    top: 85px;
    right: 20px;
  }
  .metaslim .section2 .sec2-div1 .sec2-div1-span {
    font-size: 22px;
    color: #000;
    width: 63%;
    position: absolute;
    top: 100px;
    right: 20px;
    text-align: left;
    line-height: 26px;
    font-weight: bolder;
  }
}
.metaslim .section2 .sec2-div2 {
  display: flex;
  position: relative;
  height: 330px;
  margin-top: 120px;
}
.metaslim .section2 .sec2-div2 .b3_img {
  width: 90%;
  margin-left: 5%;
}
.metaslim .section2 .sec2-div2 .sec2-div2-span {
  font-size: 45px;
  color: #000;
  width: 80%;
  position: absolute;
  top: 36px;
  right: 13%;
  text-align: justify;
  line-height: 70px;
  font-weight: bolder;
}
@media screen and (max-width: 540px) {
  .metaslim .section2 .sec2-div2 .sec2-div2-span {
    font-size: 22px;
    color: #000;
    width: 80%;
    position: absolute;
    top: 20px;
    right: 13%;
    text-align: justify;
    line-height: 30px;
    font-weight: bolder;
  }
}
@media screen and (max-width: 540px) {
  .metaslim .section2 .sec2-div2 {
    display: flex;
    position: relative;
    height: 150px;
    margin-top: 10px;
  }
}
.metaslim .section2 .sec2-span1 {
  font-size: 55px;
  color: #000;
  width: 80%;
  margin-left: 10%;
  margin-top: 50px;
  text-align: center;
  line-height: 70px;
  font-weight: bolder;
  letter-spacing: -2px;
}
@media screen and (max-width: 540px) {
  .metaslim .section2 .sec2-span1 {
    margin-left: unset;
    font-size: 28px;
    color: #000;
    width: 80%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 25px;
    line-height: 34px;
    font-weight: bolder;
    letter-spacing: -2px;
  }
}
.metaslim .section2 .sec2-div3 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.metaslim .section2 .sec2-div3 .sec2-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.metaslim .section2 .sec2-div3 .item-name {
  font-size: 20px;
  letter-spacing: -2px;
  font-weight: bolder;
}
.metaslim .section2 .sec2-div3 .item-kal {
  color: red;
  font-weight: bolder;
  font-size: 40px;
  font-style: italic;
}
.metaslim .section2 .sec2-div3 .b7_img {
  width: 100%;
}
.metaslim .section2 .sec2-div3 .b8_img {
  width: 100%;
}
.metaslim .section2 .sec2-div3 .b9_img {
  width: 100%;
}
@media screen and (max-width: 540px) {
  .metaslim .section2 .sec2-div3 {
    margin: 0px !important;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
  .metaslim .section2 .sec2-div3 .item-name {
    font-size: 11px;
    letter-spacing: 0px;
    font-weight: bolder;
  }
  .metaslim .section2 .sec2-div3 .item-kal {
    color: red;
    font-weight: bolder;
    font-size: 18px;
    font-style: italic;
  }
}
.metaslim .section2 .sec2-div4 {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 30px;
  align-items: center;
}
.metaslim .section2 .sec2-div4 .b10_img {
  display: flex;
  position: absolute;
  width: 15%;
  left: 42.5%;
}
.metaslim .section2 .sec2-div4 .b11_img {
  display: flex;
  position: absolute;
  width: 34%;
  left: 7%;
  top: 40px;
}
.metaslim .section2 .sec2-div4 .sec2-div4-div1 {
  margin-top: 150px;
}
.metaslim .section2 .sec2-div4 .meta-slim {
  font-size: 90px;
  color: #000;
  font-weight: bolder;
}
.metaslim .section2 .sec2-div4 .b12_img {
  width: 68%;
}
.metaslim .section2 .sec2-div4 .b23_img {
  width: 80%;
}
.metaslim .section2 .sec2-div4 .b13_img {
  width: 100%;
}
.metaslim .section2 .sec2-div4 .b14_img {
  width: 80%;
  margin-top: 50px;
}
.metaslim .section2 .sec2-div4 .sec2-div4-span1 {
  font-size: 50px;
  font-weight: bolder;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  margin: 20px 0px;
  letter-spacing: -2px;
}
.metaslim .section2 .sec2-div4 .sec2-div4-span2 {
  font-size: 42px;
  color: #eb6112;
  font-weight: bolder;
}
@media screen and (max-width: 540px) {
  .metaslim .section2 .sec2-div4 .sec2-div4-div1 {
    margin-top: 90px;
  }
  .metaslim .section2 .sec2-div4 .meta-slim {
    font-size: 46px;
    color: #000;
    font-weight: bolder;
  }
  .metaslim .section2 .sec2-div4 .b14_img {
    width: 80%;
    margin-top: 20px;
  }
  .metaslim .section2 .sec2-div4 .sec2-div4-span1 {
    font-size: 26px;
    font-weight: bolder;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    margin: 20px 0px;
    letter-spacing: -2px;
  }
  .metaslim .section2 .sec2-div4 .sec2-div4-span2 {
    font-size: 20px;
    color: #eb6112;
    font-weight: bolder;
  }
}
@media screen and (max-width: 540px) {
  .metaslim .section2 .sec2-div4 {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 15px;
    align-items: center;
  }
}
.metaslim .section2 .sec2-div5 {
  display: flex;
  flex-direction: column;
}
.metaslim .section2 .sec2-div5 .sec2-div5-1 {
  display: flex;
  flex-direction: row;
}
.metaslim .section2 .sec2-div5 .sec2-div5-1-1 {
  display: flex;
  flex-direction: column;
  width: 50%;
  align-items: flex-start;
  padding-left: 80px;
  margin-top: 150px;
}
.metaslim .section2 .sec2-div5 .sec2-div5-1-2 {
  display: flex;
  flex-direction: column;
  width: 50%;
  align-items: center;
}
.metaslim .section2 .sec2-div5 .b15_img {
  width: 90%;
  z-index: 1;
}
.metaslim .section2 .sec2-div5 .sec2-div5-span1 {
  font-size: 18px;
  font-weight: bolder;
}
.metaslim .section2 .sec2-div5 .sec2-div5-span2 {
  font-size: 40px;
  font-weight: bolder;
}
.metaslim .section2 .sec2-div5 .sec2-div5-2 {
  display: flex;
  flex-direction: column;
  font-size: 20px;
  text-align: left;
  background-color: #ece8dd;
  padding: 10px 50px;
  margin-top: -107px;
}
.metaslim .section2 .sec2-div5 .sec2-div5-3 {
  display: flex;
  flex-direction: column;
  font-size: 20px;
  text-align: left;
  background-color: #ece8dd;
  padding: 10px 50px;
}
@media screen and (max-width: 540px) {
  .metaslim .section2 .sec2-div5 .sec2-div5-1-1 {
    display: flex;
    flex-direction: column;
    width: 50%;
    align-items: flex-start;
    padding-left: 20px;
    margin-top: 50px;
  }
  .metaslim .section2 .sec2-div5 .sec2-div5-span1 {
    font-size: 10px;
    font-weight: bolder;
  }
  .metaslim .section2 .sec2-div5 .sec2-div5-span2 {
    font-size: 20px;
    font-weight: bolder;
  }
  .metaslim .section2 .sec2-div5 .sec2-div5-2 {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    text-align: left;
    background-color: #ece8dd;
    padding: 10px 10px;
    margin-top: -70px;
  }
  .metaslim .section2 .sec2-div5 .sec2-div5-3 {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    text-align: left;
    background-color: #ece8dd;
    padding: 0px 10px;
  }
}
.metaslim .section2 .sec2-div6 {
  display: flex;
  flex-direction: column;
  margin-left: 5%;
  margin-top: 70px;
}
.metaslim .section2 .sec2-div6 .b16_img {
  width: 3%;
}
.metaslim .section2 .sec2-div6 .b24_img {
  width: 100%;
}
.metaslim .section2 .sec2-div6 .b17_img {
  width: 100%;
}
.metaslim .section2 .sec2-div6 .b25_img {
  width: 90%;
}
.metaslim .section2 .sec2-div6 .b26_img {
  width: 40%;
  margin-top: 50px;
}
.metaslim .section2 .sec2-div6 .b18_img {
  width: 40%;
  right: 5%;
  top: 15px;
  position: absolute;
}
.metaslim .section2 .sec2-div6 .b20_img {
  width: 90%;
}
.metaslim .section2 .sec2-div6 .sec2-div6-1 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.metaslim .section2 .sec2-div6 .sec2-div6-2 {
  display: flex;
  flex-direction: row;
  margin-top: 50px;
}
.metaslim .section2 .sec2-div6 .sec2-div6-2-1 {
  width: 70%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.metaslim .section2 .sec2-div6 .sec2-div6-2-2 {
  width: 30%;
}
.metaslim .section2 .sec2-div6 .sec2-div6-3 {
  display: flex;
  flex-direction: row;
}
.metaslim .section2 .sec2-div6 .sec2-div6-span1 {
  font-size: 36px;
  margin-left: 16px;
  font-weight: bolder;
  line-height: 40px;
  text-align: left;
}
.metaslim .section2 .sec2-div6 .sec2-div6-span2 {
  text-align: left;
  font-size: 16px;
}
.metaslim .section2 .sec2-div6 .sec2-div6-span3 {
  font-size: 26px;
  color: #eb6112;
  font-weight: bolder;
}
.metaslim .section2 .sec2-div6 .sec2-div6-span4 {
  font-size: 60px;
  color: #000;
  font-weight: bolder;
  text-align: left;
  line-height: 65px;
}
.metaslim .section2 .sec2-div6 .sec2-div6-span5 {
  font-size: 60px;
  color: #eb6112;
  font-weight: bolder;
  text-align: left;
}
@media screen and (max-width: 540px) {
  .metaslim .section2 .sec2-div6 .sec2-div6-span1 {
    font-size: 20px;
    margin-left: 16px;
    font-weight: bolder;
    line-height: 22px;
    text-align: left;
  }
  .metaslim .section2 .sec2-div6 .sec2-div6-2 {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
  }
  .metaslim .section2 .sec2-div6 .sec2-div6-2-1 {
    width: 95%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .metaslim .section2 .sec2-div6 .sec2-div6-span2 {
    text-align: left;
    font-size: 14px;
    line-height: 22px !important;
  }
  .metaslim .section2 .sec2-div6 .sec2-div6-span3 {
    font-size: 14px;
    color: #eb6112;
    font-weight: bolder;
    text-align: left;
  }
  .metaslim .section2 .sec2-div6 .sec2-div6-2-2 {
    width: 96%;
  }
  .metaslim .section2 .sec2-div6 .sec2-div6-span4 {
    font-size: 30px;
    color: #000;
    font-weight: bolder;
    text-align: left;
    line-height: 32px;
  }
  .metaslim .section2 .sec2-div6 .sec2-div6-span5 {
    font-size: 30px;
    color: #eb6112;
    font-weight: bolder;
    text-align: left;
  }
  .metaslim .section2 .sec2-div6 .b26_img {
    width: 100%;
    padding: 5vw 50vw 0vw 0vw;
  }
}

.metaslim .section2 .b19_img {
  width: 100%;
  margin-top: -130px;
}
.metaslim .section2 .b21_img {
  width: 70%;
  position: absolute;
  bottom: 0px;
  left: 15%;
}
.metaslim .section2 .b22_img {
  width: 100%;
  position: absolute;
  bottom: -76px;
  z-index: 1;
}
@media screen and (max-width: 540px) {
  .metaslim .section2 .sec2-div6 {
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    margin-top: 35px;
  }
  .metaslim .section2 .b19_img {
    width: 100%;
    margin-top: -70px;
  }
  .metaslim .section2 .b22_img {
    width: 100%;
    position: absolute;
    bottom: -30px;
    z-index: 1;
  }
}

.metaslim .section3 {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  position: relative;
}
.metaslim .section3 .c1_img {
  width: 100%;
}
.metaslim .section3 .c2_img {
  width: 90%;
  margin-top: -50px;
  margin-left: 5%;
}
.metaslim .section3 .c18_img {
  width: 90%;
  margin-left: 5%;
}
.metaslim .section3 .c3_img {
  width: 90%;
  margin-left: 5%;
  margin-top: -120px;
  z-index: -1;
}
.metaslim .section3 .c19_img {
  width: 85%;
  margin-left: 7.5%;
  margin-top: -155px;
}
.metaslim .section3 .c4_img {
  width: 90%;
  margin-left: 5%;
  z-index: -2;
  margin-top: -30px;
}
.metaslim .section3 .c5_img {
  width: 22%;
  margin-left: 39%;
  margin-top: -310px;
}
.metaslim .section3 .c6_img {
  margin-top: 160px;
  width: 80%;
  margin-left: 10%;
}
.metaslim .section3 .sec3-span {
  text-align: left;
  width: 90%;
  margin-left: 10%;
  letter-spacing: -1px;
}
.metaslim .section3 .sec3-div1 {
  display: flex;
  flex-direction: column;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 70px;
}

.metaslim .section3 .sec3-div1 .b16_img {
  width: 3%;
}
.metaslim .section3 .sec3-div1 .sec3-div1-1 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.metaslim .section3 .sec3-div1 .sec3-div1-2 {
  display: flex;
  flex-direction: row;
  margin-top: 50px;
}
.metaslim .section3 .sec3-div1 .sec3-div1-span1 {
  font-size: 36px;
  margin-left: 16px;
  font-weight: bolder;
  line-height: 40px;
  text-align: left;
}
@media screen and (max-width: 540px) {
  .metaslim .section3 .sec3-div1 .sec3-div1-span1 {
    font-size: 36px !important;
  }
}
.metaslim .section3 .sec3-div1 .sec3-div1-span4 {
  position: absolute;
  right: 15%;
  top: 35px;
  font-size: 30px;
  color: #575656;
  font-weight: bolder;
  text-align: left;
  line-height: 45px;
}
.metaslim .section3 .sec3-div1 .sec3-div1-span4-1 {
  position: absolute;
  right: 7%;
  top: 35px;
  font-size: 30px;
  color: #575656;
  font-weight: bolder;
  text-align: left;
  line-height: 45px;
}
.metaslim .section3 .sec3-div1 .sec3-div1-span4-2 {
  position: absolute;
  right: 2%;
  letter-spacing: -2px;
  top: 35px;
  font-size: 30px;
  color: #575656;
  font-weight: bolder;
  text-align: left;
  line-height: 45px;
}
.metaslim .section3 .sec3-div1 .sec3-line-div {
  position: absolute;
  right: 5%;
  top: 130px;
  height: 2px;
  width: 38%;
  background-color: #575656;
}
.metaslim .section3 .sec3-div1 .sec3-line-div-1 {
  position: absolute;
  right: 5%;
  top: 170px;
  height: 2px;
  width: 39%;
  background-color: #575656;
}
@media screen and (max-width: 540px) {
  .metaslim .section3 .sec3-div1 .sec3-div1-span1 {
    font-size: 36px !important;
  }
  .metaslim .section3 .sec3-div1 .sec3-div1-span4 {
    position: absolute;
    right: 13%;
    top: 18px;
    font-size: 15px;
    color: #575656;
    font-weight: bolder;
    text-align: left;
    line-height: 20px;
  }
  .metaslim .section3 .sec3-div1 .sec3-div1-span4-1 {
    position: absolute;
    right: 5%;
    top: 18px;
    font-size: 15px;
    color: #575656;
    font-weight: bolder;
    text-align: left;
    line-height: 20px;
  }
  .metaslim .section3 .sec3-div1 .sec3-div1-span4-2 {
    position: absolute;
    right: 4%;
    letter-spacing: -2px;
    top: 20px;
    font-size: 15px;
    color: #575656;
    font-weight: bolder;
    text-align: left;
    line-height: 20px;
  }
  .metaslim .section3 .sec3-div1 .sec3-line-div {
    position: absolute;
    right: 5%;
    top: 60px;
    height: 2px;
    width: 38%;
    background-color: #575656;
  }
  .metaslim .section3 .sec3-div1 .sec3-line-div-1 {
    position: absolute;
    right: 5%;
    top: 80px;
    height: 2px;
    width: 39%;
    background-color: #575656;
  }
}
@media screen and (max-width: 800px) {
  .metaslim .section3 .sec3-div1 .sec3-div1-span1 {
    font-size: 36px !important;
  }
  .metaslim .section3 .sec3-div1 .sec3-div1-span4 {
    position: absolute;
    right: 15%;
    top: 35px;
    font-size: 3.4vw;
    color: #575656;
    font-weight: bolder;
    text-align: left;
    line-height: 6vw;
  }
  .metaslim .section3 .sec3-div1 .sec3-div1-span4-1 {
    position: absolute;
    right: 5%;
    top: 6vw;
    font-size: 3.6vw;
    color: #575656;
    font-weight: bolder;
    text-align: left;
    line-height: 6vw;
  }
  .metaslim .section3 .sec3-div1 .sec3-div1-span4-2 {
    position: absolute;
    right: 4%;
    letter-spacing: -2px;
    top: 20px;
    font-size: 3.4vw;
    color: #575656;
    font-weight: bolder;
    text-align: left;
    line-height: 6vw;
  }
  .metaslim .section3 .sec3-div1 .sec3-line-div {
    position: absolute;
    right: 5%;
    top: 18vw;
    height: 2px;
    width: 38%;
    background-color: #575656;
  }
  .metaslim .section3 .sec3-div1 .sec3-line-div-1 {
    position: absolute;
    right: 5%;
    top: 22vw;
    height: 2px;
    width: 39%;
    background-color: #575656;
  }
}
.metaslim .section3 .sec3-div1-3 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 20px;
}
.metaslim .section3 .c10_img {
  width: 25%;
}
.metaslim .section3 .c11_img {
  width: 25%;
}
.metaslim .section3 .c12_img {
  width: 25%;
}
.metaslim .section3 .c13_img {
  width: 25%;
}
.metaslim .section3 .c14_img {
  width: 25%;
}
.metaslim .section3 .c15_img {
  width: 25%;
}
.metaslim .section3 .c16_img {
  width: 25%;
}
.metaslim .section3 .c17_img {
  width: 25%;
}
.metaslim .section3 .sec3-div1-4 {
  display: flex;
  flex-direction: column;
  background-color: #fbedd3;
  padding: 10px;
  text-align: left;
  font-size: 24px;
  position: relative;
  border-radius: 3px;
  box-shadow: 0 0.3em.3em #00000066;
  margin-top: 30px;
}
.metaslim .section3 .sec3-div1-4 span:first-child {
  border-bottom: solid 2px #000;
}
.metaslim .section3 .voice-mark {
  text-align: right;
  font-size: 18px;
  margin-top: 5px;
}
.metaslim .section3 .voice-span {
  font-size: 42px;
  border: solid 5px #eb6212;
  line-height: 50px;
  padding: 10px;
  margin-top: 10px;
  font-weight: bolder;
}
@media screen and (max-width: 540px) {
  .metaslim .section3 .c2_img {
    width: 90%;
    margin-top: -22px;
    margin-left: 5%;
  }
  .metaslim .section3 .c3_img {
    width: 90%;
    margin-left: 5%;
    margin-top: -60px;
    z-index: -1;
  }
  .metaslim .section3 .c19_img {
    width: 85%;
    margin-left: 7.5%;
    margin-top: -64px;
  }
  .metaslim .section3 .c5_img {
    width: 22%;
    margin-left: 39%;
    margin-top: -152px;
  }
  .metaslim .section3 .c6_img {
    margin-top: 80px;
    width: 80%;
    margin-left: 10%;
  }
  .metaslim .section3 .sec3-span {
    text-align: left;
    width: 90%;
    margin-left: 10%;
    letter-spacing: -1px;
    font-size: 12px;
  }
  .metaslim .section3 .sec3-div1 {
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    margin-right: 2%;
    margin-top: 30px;
  }
  .metaslim .section3 .sec3-div1-4 {
    font-size: 14px;
  }
  .metaslim .section3 .voice-mark {
    text-align: right;
    font-size: 12px;
    margin-top: 5px;
  }
  .metaslim .section3 .voice-span {
    font-size: 20px;
    border: solid 5px #eb6212;
    line-height: 30px;
    padding: 10px;
    margin-top: 10px;
    font-weight: bolder;
  }
}

.section4 {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  position: relative;
  margin-top: 120px;
}

.section4 .b22_img {
  width: 100%;
  position: absolute;
  top: -65px;
}
.section4 .d1_img {
  width: 50%;
  margin-top: -125px;
  margin-left: -20px;
  z-index: 2;
}
.section4 .d2_img {
  margin-top: 30px;
  margin-left: 5%;
  width: 90%;
}
.section4 .d3_img {
  margin-left: 10%;
  width: 80%;
}
.section4 .sec4-div1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 150px;
}
.section4 .sec4-div1-span1 {
  font-size: 50px;
  font-weight: bolder;
}
.section4 .sec4-div2 {
  display: flex;
  flex-direction: column;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 70px;
}
.section4 .sec4-div2 .b16_img {
  width: 3%;
}
.section4 .sec4-div2 .d4_img {
  width: 18%;
}
.section4 .sec4-div2 .sec4-div2-1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 50px;
}
.section4 .sec4-div2 .sec4-div2-2 {
  display: flex;
  flex-direction: column;
  margin-top: 50px;
  align-items: flex-start;
}
.section4 .sec4-div2 .sec4-div2-div {
  display: flex;
  width: 100%;
  align-items: center;
}
.section4 .sec4-div2 .sec4-div2-span1 {
  font-size: 28px;
  font-weight: bolder;
  color: #565455;
  margin-left: 4%;
}
.section4 .sec4-div2 .sec4-div2-span1-t {
  font-size: 28px;
  font-weight: bolder;
  color: #000;
  margin-left: 4%;
}
.section4 .sec4-div2 .sec4-div2-span2 {
  font-size: 28px;
  font-weight: bolder;
  color: #000;
}
.section4 .sec4-div2 .sec4-div2-span3 {
  font-size: 52px;
  font-weight: bolder;
  color: #000;
  line-height: 64px;
  text-align: left;
}

@media screen and (max-width: 540px) {
  .section4 .sec4-div2 .sec4-div2-span1 {
    font-size: 14px !important;
    font-weight: bolder;
    color: #565455;
    margin-left: 4%;
    width: 100%;
    text-align: left;
  }
  .section4 .sec4-div2 .sec4-div2-span1-t {
    font-size: 28px;
    font-weight: bolder;
    color: #000;
    margin-left: 4%;
  }
  .section4 .sec4-div2 .sec4-div2-span3 {
    font-size: 24px;
    font-weight: bolder;
    color: #000;
    line-height: 30px;
    text-align: left;
  }
  .section4 .sec4-div2 .sec4-div2-span2 {
    font-size: 18px;
    font-weight: bolder;
    color: #000;
  }
  .section4 .sec4-div2 .sec4-div2-2 {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    align-items: flex-start;
  }
}
.section4 .d5_img {
  width: 85%;
  margin-left: 5%;
  margin-top: -40px;
}
.section4 .sec4-div3 {
  display: flex;
  position: relative;
  flex-direction: column;
}
.section4 .d6_img {
  width: 100%;
  margin-top: -125px;
  z-index: -1;
}
.section4 .d7_img {
  width: 94%;
  margin-left: 3%;
  margin-top: -40px;
  z-index: 1;
  position: absolute;
}
.section4 .d8_img {
  width: 90%;
  margin-left: 5%;
  top: 180px;
  z-index: 1;
  position: absolute;
}
.section4 .d9_img {
  width: 90%;
  margin-left: 5%;
  top: 530px;
  z-index: 1;
  position: absolute;
}
.section4 .d10_img {
  width: 25%;
  margin-left: 2%;
  z-index: 1;
}
.section4 .sec4-div3-div1 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin-top: -75px;
}
.section4 .sec4-div3-span1 {
  color: #e70015;
  font-size: 70px;
  font-weight: bolder;
  line-height: 70px;
  margin-bottom: 10px;
}
.section4 .sec4-div3-span1-50px {
  font-size: 50px;
}
.section4 .sec4-bg-span {
  background-color: #fcf4e7;
  font-size: 26px;
  font-weight: bolder;
  padding: 15px;
}
.section4 .d11_img {
  width: 94%;
  margin-left: 3%;
  margin-top: 30px;
  z-index: 1;
  position: absolute;
}
.section4 .sec4-div3-medal {
  display: flex;
  flex-direction: row;
  position: absolute;
  margin-top: 200px;
  width: 90%;
  margin-left: 5%;
}
.section4 .d12_img {
  width: 33%;
}
.section4 .d13_img {
  width: 33%;
}
.section4 .d14_img {
  width: 33%;
}
.section4 .d16_img {
  width: 33%;
  margin-left: 40px;
}
.section4 .d17_img {
  width: 33%;
  margin-left: 40px;
}
.section4 .sec4-div4 {
  position: absolute;
  top: 440px;
  width: 90%;
  margin-left: 5%;
  text-align: left;
  padding: 12px 20px 5px 20px;
  background-color: #fff;
  border: solid 2px #888888;
  box-shadow: 0.5em 0.5em.5em #00000066;
}

.section4 .sec4-div4-d2_img {
  width: 6%;
}
.section4 .sec4-div4-div1 {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding-bottom: 10px;
  border-bottom: solid 2px #888888;
}
.section4 .sec4-div4-div1-span1 {
  font-size: 20px;
  color: red;
  margin-left: 10px;
}
.section4 .sec4-div4-div2 {
  padding-top: 10px;
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 28px;
}

@media screen and (max-width: 540px) {
  .section4 .sec4-div1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 30px;
  }
  .section4 .sec4-div1-span1 {
    font-size: 26px;
    font-weight: bolder;
  }
  .section4 .sec4-div1-span1 span:nth-child(2) {
    font-size: 20px !important;
    font-weight: bolder;
  }
  .section4 .d1_img {
    width: 50%;
    margin-top: -50px;
    margin-left: -20px;
    z-index: 2;
  }
  .section4 .d5_img {
    width: 85%;
    margin-left: 5%;
    margin-top: -20px;
  }
  .section4 .d6_img {
    width: 100%;
    margin-top: -60px;
    z-index: -1;
  }
  .section4 .d8_img {
    width: 90%;
    margin-left: 5%;
    top: 75px;
    z-index: 1;
    position: absolute;
  }
  .section4 .d9_img {
    width: 90%;
    margin-left: 5%;
    top: 255px;
    z-index: 1;
    position: absolute;
  }
  .section4 .sec4-div3-div1 {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-top: -30px;
  }
  .section4 .sec4-div3-span1 {
    color: #e70015;
    font-size: 34px;
    font-weight: bolder;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .section4 .sec4-div3-span1-50px {
    font-size: 24px !important;
  }
  .section4 .sec4-bg-span {
    background-color: #fcf4e7;
    font-size: 13px;
    font-weight: bolder;
    padding: 15px;
  }
  .section4 .sec4-div3-medal {
    display: flex;
    flex-direction: row;
    position: absolute;
    margin-top: 110px;
    width: 90%;
    margin-left: 5%;
  }
  .section4 .sec4-div4 {
    position: absolute;
    top: 230px;
    width: 90%;
    margin-left: 5%;
    text-align: left;
    padding: 4px 10px 2px 10px;
    background-color: #fff;
    border: solid 2px #888888;
    box-shadow: 0.5em 0.5em.5em #00000066;
  }
  .section4 .sec4-div4-div1 {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding-bottom: 4px;
    border-bottom: solid 2px #888888;
  }
  .section4 .sec4-div4-div1-span1 {
    font-size: 12px;
    color: red;
    margin-left: 10px;
  }
  .section4 .sec4-div4-div2 {
    padding-top: 2px;
    font-size: 12px;
    letter-spacing: -1px;
    line-height: 14px;
  }
  .section4 .phone-top-1 {
    top: 318px !important;
  }
  .section4 .phone-top-2 {
    top: 392px !important;
  }
  .section4 .phone-top-3 {
    top: 496px !important;
  }
}

@media screen and (max-width: 540px) {
  .section4 {
    margin-top: 80px;
  }
}

.metaslim .section5 {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  position: relative;
  margin-top: 120px;
}

.metaslim .section5 .b22_img {
  width: 100%;
  position: absolute;
  top: -120px;
}
.metaslim .section5 .e2_img {
  width: 86%;
  position: absolute;
  left: 7%;
  z-index: 1;
  top: 65px;
}
.metaslim .section5 .e1_img {
  width: 38%;
  position: absolute;
  top: -120px;
  right: 1%;
}
.metaslim .section5 .sec5-div1 {
  position: relative;
  height: 296px;
}

@media screen and (max-width: 540px) {
  .metaslim .section5 .sec5-div1 {
    position: relative;
    height: 80px;
  }
  .metaslim .section5 .e2_img {
    width: 86%;
    position: absolute;
    left: 7%;
    z-index: 1;
    top: -32px;
  }
}
.metaslim .section6 {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  position: relative;
  margin-top: 120px;
}
.metaslim .section6 .b22_img {
  width: 100%;
  position: absolute;
  top: -120px;
}
.metaslim .section6 .f00_img {
  width: 100%;
  position: absolute;
  top: -140px;
  z-index: 1;
}
.metaslim .section6 .f0_img {
  width: 100%;
  position: absolute;
  top: -120px;
}
.metaslim .section6 .f1_img {
  width: 90%;
  position: absolute;
  top: -5px;
  left: 5%;
}
.metaslim .section6 .f2_img {
  width: 47%;
  position: absolute;
  top: -200px;
  right: -8%;
}
.metaslim .section6 .f6_img {
  width: 100%;
}
.metaslim .section6 .f5_img {
  width: 80%;
  position: absolute;
  top: 100px;
  left: 10%;
}
.metaslim .section6 .f7_img {
  width: 35%;
  position: absolute;
  top: -60px;
  left: 3%;
}
.metaslim .section6 .sec6-div1 {
  width: 86%;
  margin-left: 7%;
  position: relative;
  margin-top: 300px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 20px;
  background-color: #ece8dd;
  padding: 14px 50px;
  border-top: solid 4px #eb6112;
}

.metaslim .section6 .sec6-div2 {
  display: flex;
  flex-direction: column;
  margin-left: 7%;
  margin-right: 5%;
}
.metaslim .section6 .sec6-div2 .b16_img {
  width: 3%;
}
.metaslim .section6 .sec6-div2 .sec6-div2-1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 50px;
  margin-top: 15px;
}
.metaslim .section6 .sec6-div2 .sec6-div2-span1 {
  font-size: 38px;
  margin-left: 10px;
  font-weight: bolder;
  color: #000;
}
.metaslim .section6 .sec6-div2 .sec6-div2-span2 {
  font-size: 22px;
  color: #5b5859;
  text-align: left;
  margin-top: 20px;
  line-height: 44px;
  letter-spacing: -2px;
}
.metaslim .section6 .sec6-div2 .sec6-div2-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
  margin-top: 5px;
  justify-content: flex-end;
  font-weight: bolder;
}
.metaslim .section6 .sec6-div2 .gradient-underline {
  text-decoration: underline;
  text-decoration-color: transparent;
  background-image: linear-gradient(to right, #f3a071, white);
  background-repeat: repeat-x;
  background-size: 100% 10px;
  background-position: 0 100%;
}
.metaslim .section6 .sec6-div2 .sec6-div2-3 {
  font-size: 20px;
}
@media screen and (max-width: 540px) {
  .metaslim .section6 .sec6-div2 .sec6-div2-span1 {
    font-size: 16px;
    margin-left: 10px;
    font-weight: bolder;
    color: #000;
  }
  .metaslim .section6 .sec6-div2 .sec6-div2-span2 {
    font-size: 12px;
    color: #5b5859;
    text-align: left;
    margin-top: 20px;
    line-height: 24px;
  }
  .metaslim .section6 .sec6-div2 .phone-span-1 {
    font-size: 16px !important;
  }
  .metaslim .section6 .sec6-div2 .sec6-div2-3 {
    font-size: 16px;
  }
}
.metaslim .section6 .sec6-div3 {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  position: relative;
  margin-top: 130px;
}

.metaslim .section6 .sec6-div3 .b22_img {
  width: 100%;
  position: absolute;
  top: -120px;
}
.metaslim .section6 .sec6-div3 .sec6-div3-div1 {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: -40px;
}
.metaslim .section6 .sec6-div3 .sec6-div3-div2 {
  display: flex;
  flex-direction: column;
  position: relative;
}
.metaslim .section6 .sec6-div3 .sec6-div3-div2-1 {
  position: relative;
  height: 190px;
  font-size: 30px;
  font-weight: bolder;
}
.metaslim .section6 .sec6-div3 .sec6-div3-div2-2 {
  font-size: 35px;
  width: 80%;
  text-align: left;
  margin-left: 10%;
  color: #575757;
  font-weight: bolder;
}
.metaslim .section6 .sec6-div3 .sec6-div3-div2-3 {
  width: 79%;
  margin-left: 10%;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 540px) {
  .metaslim .section6 .sec6-div3 .sec6-div3-div1 {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: -82px;
  }
  .metaslim .section6 .sec6-div3 .sec6-div3-div2-1 {
    position: relative;
    height: 82px;
    font-size: 16px;
    font-weight: bolder;
  }
  .metaslim .section6 .sec6-div3 .f7_img {
    width: 35%;
    position: absolute;
    top: -29px;
    left: 3%;
  }
  .metaslim .section6 .sec6-div3 .sec6-div3-div2-2 {
    font-size: 17px;
    width: 80%;
    text-align: left;
    margin-left: 10%;
    color: #575757;
    font-weight: bolder;
  }
  .metaslim .section6 .sec6-div3 .sec6-div3-div2-3 {
    width: 79%;
    margin-left: 10%;
    display: flex;
    justify-content: flex-end;
    font-size: 11px;
  }
  .metaslim .section6 .sec6-div3 .phone-italic-font {
    margin-left: 115px !important;
    font-size: 50px !important;
    font-style: italic;
  }
}

@media screen and (max-width: 540px) {
  .metaslim .section6 .sec6-div1 {
    width: 86%;
    margin-left: 5%;
    position: relative;
    margin-top: 140px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 12px;
    background-color: #ece8dd;
    padding: 5px 10px;
    border-top: solid 4px #eb6112;
    text-align: left;
  }
  .metaslim .section6 .sec6-div2 {
    display: flex;
    flex-direction: column;
    margin-left: 7%;
    margin-right: 2%;
  }
  .metaslim .section6 .f2_img {
    width: 47%;
    position: absolute;
    top: -80px;
    right: -11%;
  }
}

.metaslim .section7 {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  position: relative;
  margin-top: 120px;
}
.metaslim .section7 .g0_img {
  width: 100%;
}
.metaslim .section7 .g5_img {
  width: 90%;
  margin-left: 5%;
  margin-top: 40px;
}
.metaslim .section7 .g6_img {
  width: 28%;
  position: absolute;
  right: 15%;
  top: -50px;
}
.metaslim .section7 .sec7-div1 {
  border: solid 8px #ed6112;
  width: 80%;
  margin-left: 10%;
  background-color: #fff;
  position: absolute;
  bottom: 50px;
  box-shadow: 0.5em 0.5em 0.5em 0.5em #00000066;
}
.metaslim .section7 .sec7-div1 .g7_img {
  width: 30%;
  position: absolute;
  left: -10%;
  top: -50px;
}
.metaslim .section7 .sec7-div1 .sec7-div1-1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
  font-size: 32px;
  position: relative;
}
.metaslim .section7 .sec7-div1 .sec7-div1-span1 {
  padding: 0px 30px;
  font-weight: bolder;
  text-align: right;
  margin-top: 20px;
  font-size: 42px;
}
.metaslim .section7 .sec7-div1 .sec7-div1-span1-b {
  font-size: 60px;
  font-style: italic;
}
.metaslim .section7 .sec7-div1 .sec7-div1-2 {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  position: relative;
  align-items: flex-start;
  margin-left: 10%;
  font-weight: bolder;
}
.metaslim .section7 .sec7-div1 .sec7-div1-span2 {
  font-size: 32px;
}
.metaslim .section7 .sec7-div1 .sec7-mark {
  color: #fff;
  background-color: #ed6112;
  padding: 2px 30px;
  font-size: 28px;
}
.metaslim .section7 .sec7-div1 .sec7-cost-mark {
  color: #c30d24;
  font-size: 56px;
}
.metaslim .section7 .sec7-div1 .sec7-div1-span4 {
  width: 85%;
  margin: 30px 0px;
  height: 70px;
  color: #fff;
  background-color: #000000;
  padding: 2px 30px;
  font-size: 44px;
}
@media screen and (max-width: 540px) {
  .metaslim .section7 .sec7-div1 .g7_img {
    width: 45%;
    position: absolute;
    left: -20%;
    top: -50px;
  }
  .metaslim .section7 .sec7-div1 .sec7-div1-1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 16px;
  }
  .metaslim .section7 .sec7-div1 .sec7-div1-span1 {
    padding: 0px 30px;
    font-weight: bolder;
    text-align: right;
    margin-top: 0px;
    font-size: 20px;
  }
  .metaslim .section7 .sec7-div1 .sec7-div1-span1-b {
    font-size: 40px;
    font-style: italic;
  }
  .metaslim .section7 .sec7-div1 .sec7-div1-2 {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    position: relative;
    align-items: center;
    margin-left: 0%;
    font-weight: bolder;
  }
  .metaslim .section7 .sec7-div1 .sec7-div1-span2 {
    font-size: 12px;
  }
  .metaslim .section7 .sec7-div1 .sec7-mark {
    color: #fff;
    background-color: #ed6112;
    padding: 2px 30px;
    font-size: 12px;
  }
  .metaslim .section7 .sec7-div1 .sec7-cost-mark {
    color: #c30d24;
    font-size: 32px;
  }
  .metaslim .section7 .sec7-div1 .sec7-phone-span {
    margin-top: 0px !important;
  }
  .metaslim .section7 .sec7-div1 .sec7-div1-span4 {
    width: 85%;
    margin: 10px 0px;
    height: 42px;
    color: #fff;
    background-color: #000000;
    padding: 2px 30px;
    font-size: 24px;
  }
}
.metaslim .section7 .cartquans {
  padding-right: 2em;
  text-align: right;
}

#purchase .selecttri {
  color: #eb6212 !important;
}
#purchase .selecttri:before {
  /* padding: 1em !important; */
  font-size: 1rem !important;
  position: absolute;
  top: 50%;
  bottom: auto !important;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 540px) {
  #purchase .selecttri:before {
    /* padding: 0.5em 1em !important; */
  }
}
.metaslim .section7 #buy_count {
  /* Add your desired styles here */
  padding: 10px 30px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: #f5f5f5;
  color: #333;
}

/* Custom styles for the option elements */
.metaslim .section7 #buy_count option {
  /* Add your desired styles here */
  background-color: #f5f5f5;
  color: #333;
}

@media screen and (max-width: 540px) {
  .metaslim .section7 .g5_img {
    width: 90%;
    margin-left: 5%;
    margin-top: 20px;
  }
  .metaslim .section7 .g6_img {
    width: 35%;
    position: absolute;
    right: 17%;
    top: -25px;
  }
  .metaslim .section7 #buy_count {
    padding: 5px 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 12px;
    background-color: #f5f5f5;
    color: #333;
  }
}
@media screen and (max-width: 540px) {
  .metaslim .section7 {
    display: flex;
    max-width: 800px;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
  }
}
.metaslim .section8 {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  position: relative;
}

.metaslim .section8 .h0_img {
  width: 100%;
}

.metaslim .section9 {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  position: relative;
}

.metaslim .section9 .i0_img {
  width: 100%;
}

@media screen and (max-width: 540px) {
  .metaslim .section9 .i0_img {
    width: 125%;
    margin-left: -12%;
  }
  .PurcFloat .statPic {
    pointer-events: auto;
    inset: 0;
    margin: auto;
    width: fit-content;
    margin: 0vw 0vw 0vw 50vw;
    max-width: 50%;
  }
  #purchase .addcartbtn input[type="submit"] {
    font-size: 20px;
  }
}

.metaslim .metaslim-banner {
  position: sticky;
  bottom: 50px;
}

/* CUSTOM STYLE */

.btn-online {
  background: #ff9b39 !important;
}
.avatars {
  flex-wrap: wrap !important;
}
.avatars img {
  width: 25%;
  aspect-ratio: 1/1;
}

.shadow-grey {
  box-shadow: 2px 2px hsl(0deg 1.14% 34.51%) !important;
}
.object-fit-cover {
  object-fit: cover !important;
  -o-object-fit: cover !important;
  object-position: center !important;
  -o-object-position: center !important;
}
.shadow-black {
  box-shadow: 1px 1px 24px black !important;
}
.shadow-black-smooth {
  box-shadow: 0 0.3em.3em #00000066;
}
.custom-panel {
  position: relative;
  margin-top: 0.5rem;
  border: 5px solid #eb6112;
  background: #fff;
  border-radius: 8px;
  border-top-left-radius: 0;
  padding-top: 0 !important;
  z-index: 1;
  margin-bottom: 3rem;
}
.custom-panel .title {
  margin-top: -2vw;
  position: relative;
  font-style: italic;
  z-index: 2;
}
.custom-panel .answer::first-letter {
  background: hsl(48.47deg 100% 50%) !important;
  border-radius: 50%;
  aspect-ratio: 1/1;
  letter-spacing: 5px;
}
.custom-panel .answer {
  font-weight: 900;
  font-style: italic;
}
.custom-panel::before {
  content: "";
  position: absolute;
  height: 25px;
  border-left: 5px solid #eb6112;
  border-top: 5px solid #eb6112;
  border-right: 5px solid #eb6112;
  border-bottom: transparent;
  border-radius: 8px 30px 0 0;
  width: 10vw;
  bottom: 100%;
  left: -5px;
  z-index: 2;
  background: white !important;
}
.corner-panel {
  width: 40%;
  right: 2rem !important;
  top: 1rem !important;
  border-bottom: 2px solid hsl(0deg 1.14% 34.51%);
}
.user-avatar {
  height: 2.25vw;
}
.marker {
  height: 2vw;
}
@media screen and (max-width: 767px) {
  .custom-panel::before {
    width: 100px;
  }
  .custom-panel .title {
    margin-top: -32px;
  }
  .corner-panel {
    width: 37.5%;
    right: 1.5rem !important;
    top: 0.5rem !important;
    border-bottom: 2px solid hsl(0deg 1.14% 34.51%);
  }
  .user-avatar {
    height: 22px;
  }
  .marker {
    height: 20px;
  }
}

.message-inbox,
.message-outbox {
  position: relative;
  border-radius: 8px;
  background: white;
}
.message-inbox::before {
  content: "";
  position: absolute;
  left: 0%;
  bottom: 25%;
  border-left-width: 20px;
  border-right-width: 20px;
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-style: solid;
  border-color: white transparent transparent transparent;
  transform: rotate(4eg);
  margin-left: -20px;
}
.message-outbox::before {
  content: "";
  position: absolute;
  right: 0%;
  bottom: 25%;
  border-left-width: 20px;
  border-right-width: 20px;
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-style: solid;
  border-color: white transparent transparent transparent;
  transform: rotate(-4eg);
  margin-right: -20px;
}
.dot-black {
  width: 1.75vw;
  height: 1.75vw;
  opacity: 0.75;
}
.opacity-0 {
  opacity: 0;
}
.letterspacing-02 {
  letter-spacing: -0.2rem !important;
}
.letterspacing-03 {
  letter-spacing: -0.3rem !important;
}
.res-avatar {
  width: 220px;
  height: 220px;
}
.A7-container {
  margin-left: 5% !important;
}
.A7-text {
  margin-left: 30%;
}

/* DEFAULT STULE */

.mx-auto {
  /* margin: auto !important; */
  margin-left: auto !important;
  margin-right: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.h-0 {
  height: 0 !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.top-0 {
  top: 0 !important;
}
.top-8 {
  top: 8% !important;
}
.top-25 {
  top: 25% !important;
}
.top-32 {
  top: 32% !important;
}
.top-40 {
  top: 40% !important;
}
.top-45 {
  top: 45% !important;
}
.top-50 {
  top: 50% !important;
}
.top-75 {
  top: 75% !important;
}
.top-100 {
  top: 100% !important;
}
.left-0 {
  left: 0 !important;
}
.left-25 {
  left: 25% !important;
}
.left-50 {
  left: 50% !important;
}
.left-75 {
  left: 75% !important;
}
.left-100 {
  left: 100% !important;
}
.right-0 {
  right: 0 !important;
}
.right-25 {
  right: 25% !important;
}
.right-50 {
  right: 50% !important;
}
.right-75 {
  right: 75% !important;
}
.right-100 {
  right: 100% !important;
}
.-right-8 {
  right: -8% !important;
}
.bottom-0 {
  bottom: 0 !important;
}

.-bottom-25 {
  bottom: -25% !important;
}
.bottom-5 {
  bottom: 5% !important;
}
.bottom-10 {
  bottom: 10% !important;
}
.bottom-20 {
  bottom: 20% !important;
}
.bottom-25 {
  bottom: 25% !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-75 {
  bottom: 75% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.z-2 {
  z-index: 2;
}
.z-1 {
  z-index: 1;
}
.-z-1 {
  z-index: -1;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.d-flex {
  display: flex !important;
}

.justify-content-start {
  justify-content: start !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-end {
  justify-content: end !important;
}
.align-items-end {
  align-items: end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-start {
  align-items: start !important;
}
.d-block {
  display: block !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-none {
  display: none !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-x-middle {
  transform: translate(-50%, 0) !important;
}

.text-white {
  color: #fff !important;
}
.text-red {
  color: rgb(255, 0, 0) !important;
}
.text-black {
  color: #000 !important;
}
.text-dark {
  color: hsl(0deg 1.06% 36.86%) !important;
}
.text-orange {
  color: #eb6112 !important;
}
.text-blue {
  color: #34a7de !important;
}
.font-bold {
  font-weight: 900 !important;
}
.font-italic {
  font-style: italic !important;
}
.py-15 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.py-2 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-4-6 {
  padding-left: 1.5rem !important;
  padding-right: 2.5rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.bg-black {
  background: black !important;
}
.bg-orange {
  background: #eb6112 !important;
}
.bg-blue {
  background: #31CABF !important;
}
.border {
  border: 1px solid #fff;
}
.border-b {
  border-bottom: 1px solid #fff;
}
.border-t {
  border-top: 1px solid #fff;
}
.border-l {
  border-left: 1px solid #fff;
}
.border-2 {
  border-width: 2px !important ;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-1rem {
  border-width: 1rem !important;
}
.border-15rem {
  border-width: 1rem !important;
}
.border-075rem {
  border-width: 0.75rem !important;
}
.border-05rem {
  border-width: 0.5rem !important;
}
.border-orange {
  border-color: #eb6112;
  border-style: solid;
}
.border-black {
  border-color: #000 !important;
  border-style: solid;
}
.border-grey {
  border-color: #ccc !important;
  border-style: solid;
}
.border-warn {
  border-color: hsl(48.47deg 100% 50%) !important;
  border-style: solid;
}
.border-blue {
  border-color: #31CABF !important;
  border-style: solid;
}
.text-shadow {
  text-shadow: 5px 5px black;
}

.lineheight-100 {
  line-height: 100% !important;
}
.lineheight-120 {
  line-height: 1.2 !important;
}
.lineheight-150 {
  line-height: 1.5 !important;
}
.lineheight-200 {
  line-height: 2 !important;
}
.w-10 {
  width: 10% !important;
}
.w-15 {
  width: 15% !important;
}
.w-20 {
  width: 20% !important;
}
.w30 {
  width: 30% !important;
}
.w-40 {
  width: 40% !important;
}
.w-45 {
  width: 45% !important;
}
.w-50 {
  width: 50% !important;
}
.w-60 {
  width: 60% !important;
}
.w-65 {
  width: 65% !important;
}
.w-70 {
  width: 70% !important;
}
.w-80 {
  width: 80% !important;
}
.w-85 {
  width: 85% !important;
}
.w-90 {
  width: 90% !important;
}
.w-auto {
  width: auto !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.whitespace-nowrap {
  white-space: nowrap;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mt-3rem {
  margin-top: 3rem;
}
.mt-6rem {
  margin-top: 6rem;
}
.mb-4rem {
  margin-bottom: 4rem;
}
.mb-6rem {
  margin-bottom: 6rem;
}
.mb-7rem {
  margin-bottom: 7rem;
}

.mb-8rem {
  margin-bottom: 8rem;
}

.mt-7rem {
  margin-top: 7rem;
}
.mt-8rem {
  margin-top: 8rem;
}
.mt-9rem {
  margin-top: 9rem;
}
.mt-10rem {
  margin-top: 10rem;
}
.mt-11rem {
  margin-top: 11rem;
}
.mt-12rem {
  margin-top: 12rem;
}
.mt-13rem {
  margin-top: 13rem;
}
.mt-14rem {
  margin-top: 14rem;
}
.mt-15rem {
  margin-top: 15rem;
}

.-ml-1rem {
  margin-left: -1rem;
}
.-ml-2rem {
  margin-left: -2rem;
}
.-ml-3rem {
  margin-left: -3rem;
}
.-ml-4rem {
  margin-left: -4rem;
}
.-ml-5rem {
  margin-left: -5rem;
}
.-ml-6rem {
  margin-left: -6rem;
}
.-ml-7rem {
  margin-left: -7rem;
}
.-ml-8rem {
  margin-left: -8rem;
}
.-ml-9rem {
  margin-left: -9rem;
}
.-ml-10rem {
  margin-left: -10rem;
}

.-mr-1rem {
  margin-right: -1rem;
}
.-mr-2rem {
  margin-right: -2rem;
}
.-mr-3rem {
  margin-right: -3rem;
}
.-mr-4rem {
  margin-right: -4rem;
}
.-mr-5rem {
  margin-right: -5rem;
}
.-mr-6rem {
  margin-right: -6rem;
}
.-mr-7rem {
  margin-right: -7rem;
}
.-mr-8rem {
  margin-right: -8rem;
}
.-mr-9rem {
  margin-right: -9rem;
}
.-mr-10rem {
  margin-right: -10rem;
}
.pb-8rem {
  padding-bottom: 8rem;
}
.fs-md {
  font-size: normal !important;
}
.fs-lg {
  font-size: large !important;
}
.fs-xl {
  font-size: larger !important;
}
.fs-xxl {
  font-size: x-large !important;
}
.fs-xxxl {
  font-size: xx-large !important;
}
.fs-sm {
  font-size: small !important;
}
.fs-xs {
  font-size: smaller !important;
}
.fs-xxs {
  font-size: x-small !important;
}
.fs-xxxs {
  font-size: xx-small !important;
}

.font-xs {
  font-size: 0.75rem !important;
}
.font-sm {
  font-size: 0.875rem !important;
}
.font-base {
  font-size: 1rem !important;
}
.font-lg {
  font-size: 1.125rem !important;
}
.font-xl {
  font-size: 1.25rem !important;
}
.font-2xl {
  font-size: 1.5rem !important;
}
.font-3xl {
  font-size: 1.875rem !important;
}
.font-3-5xl {
  font-size: 2rem !important;
}
.font-4xl {
  font-size: 2.25rem !important;
}
.font-4-5rem {
  font-size: 2.5rem !important;
}
.font-5xl {
  font-size: 3rem !important;
}
.font-5-5xl {
  font-size: 3.5rem !important;
}
.font-6xl {
  font-size: 4rem !important;
}
.font-6-5xl {
  font-size: 4.5rem !important;
}
.font-7xl {
  font-size: 5rem !important;
}
.font-7-5rxl {
  font-size: 5.5rem !important;
}
.font-8xl {
  font-size: 6rem !important ;
}
.font-8-5xl {
  font-size: 6.5rem !important;
}
.font-9xl {
  font-size: 7rem !important;
}
.font-9-5xl {
  font-size: 7.5rem !important;
}
.font-10xl {
  font-size: 8rem !important;
}

.font-0-25vw {
  font-size: 0.25vw !important;
}
.font-0-5vw {
  font-size: 0.5vw !important;
}
.font-0-75vw {
  font-size: 0.75vw !important;
}
.font-1vw {
  font-size: 1vw !important;
}
.font-1-25vw {
  font-size: 1.25vw !important;
}
.font-1-5vw {
  font-size: 1.5vw !important;
}
.font-1-75vw {
  font-size: 1.75vw !important;
}
.font-2vw {
  font-size: 2vw !important;
}
.font-2-25vw {
  font-size: 2.25vw !important;
}
.font-2-5vw {
  font-size: 2.5vw !important;
}
.font-2-75vw {
  font-size: 2.75vw !important;
}
.font-3vw {
  font-size: 3vw !important;
}
.font-3-25vw {
  font-size: 3.25vw !important;
}
.font-3-5vw {
  font-size: 3.5vw !important;
}
.font-3-75vw {
  font-size: 3.75vw !important;
}
.font-4vw {
  font-size: 4vw !important;
}
.font-4-25vw {
  font-size: 4.25vw !important;
}
.font-4-25vw {
  font-size: 4.25vw !important;
}
.font-4-5vw {
  font-size: 4.5vw !important;
}
.font-4-75vw {
  font-size: 4.75vw !important;
}
.font-5vw {
  font-size: 5vw !important;
}
.font-5-25vw {
  font-size: 5.25vw !important;
}
.font-5-5vw {
  font-size: 5.5vw !important;
}
.font-5-75vw {
  font-size: 5.75vw !important;
}
.font-6vw {
  font-size: 6vw !important;
}
.font-6-25vw {
  font-size: 6.25vw !important;
}
.font-6-5vw {
  font-size: 6.5vw !important;
}
.font-6-75vw {
  font-size: 6.75vw !important;
}
.font-7vw {
  font-size: 7vw !important;
}
.font-7-25vw {
  font-size: 7.25vw !important;
}
.font-7-5vw {
  font-size: 7.5vw !important;
}
.font-7-75vw {
  font-size: 7.75vw !important;
}
.font-8vw {
  font-size: 8vw !important;
}
.font-8vw {
  font-size: 8vw !important;
}

.font-8-25vw {
  font-size: 8.25vw !important;
}

.font-8-5vw {
  font-size: 8.5vw !important;
}

.font-8-75vw {
  font-size: 8.75vw !important;
}

.font-9vw {
  font-size: 9vw !important;
}

.font-9-25vw {
  font-size: 9.25vw !important;
}

.font-9-5vw {
  font-size: 9.5vw !important;
}

.font-9-75vw {
  font-size: 9.75vw !important;
}

.font-10vw {
  font-size: 10vw !important;
}

.text-effect {
  text-shadow: 1px 0px 4px #fff, 0px 1px 4px #fff, -1px 0 4px #fff,
    0 -1px 4px #fff !important ;
}
.text-effect-black {
  text-shadow: 1px 0px 4px #000, 0px 1px 4px #000, -1px 0 4px #000,
    0 -1px 4px #000 !important ;
}
.ratio-1-1 {
  aspect-ratio: 1/1 !important;
}
.rounded-sm {
  border-radius: 0.25rem !important;
}

.rounded-md {
  border-radius: 0.5rem !important;
}
.text-title {
  text-shadow: 1px 0px 4px #fff, 0px 1px 4px #fff, -1px 0 4px #fff,
    0 -1px 4px #fff, 5px 3px 3px black !important ;
}
.w_h_70 {
  width: 70px !important;
  height: 70px !important;
}
.w-30 {
  width: 33.33% !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-row {
  flex-direction: row !important;
}
.flex-col {
  flex-direction: column !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.bg-white {
  background: white !important;
}
.bg-yellow {
  background: hsl(39, 79%, 91%) !important;
  color: hsl(0deg 1.14% 34.51%) !important;
}
.bg-yellow-gradient {
  background: linear-gradient(to right, hsl(39, 79%, 91%), transparent);
  color: hsl(0deg 1.14% 34.51%) !important;
}
.bg-yellow-gradient-to-left {
  background: linear-gradient(
    to left,
    hsl(39.47deg 79.17% 90.59%),
    transparent
  );
}
.text-yellow {
  color: hsl(0deg 1.14% 34.51%) !important;
}
.border-yellow {
  border-color: hsl(0deg 1.14% 34.51%) !important;
}
.border-orange {
  border-color: #eb6112 !important;
}
.text-grey {
  color: hsl(0deg 1.14% 34.51%) !important;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.section-1-content {
  margin-top: 175px;
}
.black-line {
  margin-bottom: 0rem;
}

.d-md-block {
  display: none;
}

.d-md-none {
  display: block;
}

.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-12,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.px-custom {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.caption-ingredient {
  left: 0;
}
.-left-10 {
  left: -10% !important;
}
.-left-20 {
  left: -20% !important;
}
.-top-20 {
  top: -20%;
}
.-mt-5 {
  margin-top: -5% !important;
}
.-mt-20 {
  margin-top: -20% !important;
}
.-mt-25 {
  margin-top: -25% !important;
}
.-mt-40 {
  margin-top: -40% !important;
}
.-mt-35 {
  margin-top: -35% !important;
}
.-mt-45 {
  margin-top: -45% !important;
}
.-mt-50 {
  margin-top: -50% !important;
}

.bottom-15 {
  bottom: 15%;
}
.mt-30 {
  margin-top: 30%;
}
.mt-4rem {
  margin-top: 4rem;
}
.mt-5rem {
  margin-top: 5rem;
}
.-mt-5rem {
  margin-top: -5rem;
}
.-mt-5-5rem {
  margin-top: -5.5rem;
}
.-mt-6rem {
  margin-top: -6rem;
}

.-mt-1rem {
  margin-top: -1rem;
}
.-mt-2rem {
  margin-top: -1rem;
}
.-mt-3rem {
  margin-top: -3rem;
}
.-mt-4rem {
  margin-top: -4rem;
}
.-mt-5rem {
  margin-top: -5rem;
}
.-mt-6rem {
  margin-top: -6rem;
}
.-mt-7rem {
  margin-top: -7rem;
}
.-mt-8rem {
  margin-top: -8rem;
}
.-mt-9rem {
  margin-top: -9rem;
}
.-mt-10rem {
  margin-top: -10rem;
}
.-mt-11rem {
  margin-top: -11rem;
}

.-mt-12rem {
  margin-top: -12rem;
}
.-mt-13rem {
  margin-top: -13rem;
}
.-mt-14rem {
  margin-top: -14rem;
}

.mt-10rem {
  margin-top: 10rem;
}
.-mt-10 {
  margin-top: -10% !important;
}
.-mt-15 {
  margin-top: -15% !important;
}
.-mt-20 {
  margin-top: -20% !important;
}

.-mt-12rem {
  margin-top: -12rem;
}
.my-6rem {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.my-3rem {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.w-90 {
  width: 90% !important;
}
.py-10rem {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.py-4rem {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.py-8rem {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}
.mt-medical-part {
  margin-top: 5%;
}

.breaker {
  height: 180px;
  position: relative;
  top: -4px;
}
.breaker.breaker-up {
  margin-top: -85px;
}

.flex-col {
  flex-direction: column !important;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.scale-15 {
  transform: scale(1.5);
}

.left-20 {
  left: 20% !important;
}
.left-10 {
  left: 10% !important;
}
.text-decoration-through {
  text-decoration: line-through !important;
}
.text-gradient-underline {
  text-decoration: underline;
  text-decoration-color: transparent;
  background-image: linear-gradient(to right, #f3a071, white);
  background-repeat: repeat-x;
  background-size: 100% 10px;
  background-position: 0 100%;
}
.bg-repeat-y {
  background-repeat: repeat-y !important;
  background-size: 100% auto !important;
}

.bg-repeat-x {
  background-repeat: repeat-x !important;
  background-size: auto 100% !important;
}

/* RESPONSE */
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }

  .col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }

  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .d-md-block {
    display: block;
  }

  .d-md-none {
    display: none;
  }

  .section-1-content {
    margin-top: 150px;
  }
  .bottom-md-50 {
    bottom: 50% !important;
  }

  .translate-md-middle {
    transform: translate(-50%, -50%) !important;
  }
  .black-line {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }

  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-col {
    flex-direction: column;
  }

  .col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .mt-lg-0 {
    margin-top: 0;
  }

  .section-1-content {
    margin-top: 250px;
  }
  .black-line {
    margin-bottom: 2rem;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }

  .col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .black-line {
    margin-bottom: 2rem;
  }
}

@media (max-width: 575px) {
  .mt-medical-part {
    margin-top: 0%;
  }
  .w-sm-0 {
    width: 0 !important;
  }
  .w-sm-10 {
    width: 10% !important;
  }

  .w-sm-20 {
    width: 20% !important;
  }
  .w-sm-25 {
    width: 20% !important;
  }

  .w-sm-30 {
    width: 30% !important;
  }

  .w-sm-40 {
    width: 40% !important;
  }

  .w-sm-50 {
    width: 50% !important;
  }

  .w-sm-60 {
    width: 60% !important;
  }

  .w-sm-70 {
    width: 70% !important;
  }

  .w-sm-75 {
    width: 75% !important;
  }

  .w-sm-80 {
    width: 80% !important;
  }

  .w-sm-90 {
    width: 90% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  .w-sm-auto {
    width: auto !important;
  }

  .-ml-sm-1rem {
    margin-left: -1rem;
  }
  .-ml-sm-2rem {
    margin-left: -2rem;
  }
  .-ml-sm-3rem {
    margin-left: -3rem;
  }
  .-ml-sm-4rem {
    margin-left: -4rem;
  }
  .-ml-sm-5rem {
    margin-left: -5rem;
  }
  .-ml-sm-6rem {
    margin-left: -6rem;
  }
  .-ml-sm-7rem {
    margin-left: -7rem;
  }
  .-ml-sm-8rem {
    margin-left: -8rem;
  }
  .-ml-sm-9rem {
    margin-left: -9rem;
  }
  .-ml-sm-10rem {
    margin-left: -10rem;
  }

  .-mr-sm-1rem {
    margin-right: -1rem;
  }
  .-mr-sm-2rem {
    margin-right: -2rem;
  }
  .-mr-sm-3rem {
    margin-right: -3rem;
  }
  .-mr-sm-4rem {
    margin-right: -4rem;
  }
  .-mr-sm-5rem {
    margin-right: -5rem;
  }
  .-mr-sm-6rem {
    margin-right: -6rem;
  }
  .-mr-sm-7rem {
    margin-right: -7rem;
  }
  .-mr-sm-8rem {
    margin-right: -8rem;
  }
  .-mr-sm-9rem {
    margin-right: -9rem;
  }
  .-mr-sm-10rem {
    margin-right: -10rem;
  }
  .A7-container {
    margin-left: 0% !important;
  }
  .A7-text {
    margin-left: 10% !important;
  }
}

@media (max-width: 767px) {
  .avatars {
    flex-wrap: wrap !important;
  }

  .avatars img {
    width: 25% !important;
    aspect-ratio: 1/1;
  }

  .left-md-0 {
    left: 0 !important;
  }
  .w-md-0 {
    width: 0 !important;
  }
  .w-md-10 {
    width: 10% !important;
  }

  .w-md-20 {
    width: 20% !important;
  }
  .w-md-25 {
    width: 25% !important;
  }

  .w-md-30 {
    width: 30% !important;
  }
  .w-md-35 {
    width: 35% !important;
  }
  .w-md-40 {
    width: 40% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .w-md-60 {
    width: 60% !important;
  }

  .w-md-70 {
    width: 70% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-80 {
    width: 80% !important;
  }

  .w-md-90 {
    width: 90% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .-mt-md-5 {
    margin-top: -5% !important;
  }
  .-mt-md-10 {
    margin-top: -10% !important;
  }
  .-mt-md-15 {
    margin-top: -15% !important;
  }
  .-mt-md-20 {
    margin-top: -20% !important;
  }
  .-mt-md-1rem {
    margin-top: -1rem;
  }
  .-mt-md-2rem {
    margin-top: -1rem;
  }
  .-mt-md-3rem {
    margin-top: -3rem;
  }
  .-mt-md-4rem {
    margin-top: -4rem;
  }
  .-mt-md-5rem {
    margin-top: -5rem;
  }
  .-mt-md-6rem {
    margin-top: -6rem;
  }
  .-mt-md-7rem {
    margin-top: -7rem;
  }
  .-mt-md-8rem {
    margin-top: -8rem;
  }
  .-mt-md-9rem {
    margin-top: -9rem;
  }
  .-mt-md-10rem {
    margin-top: -10rem;
  }

  .-mt-md-20 {
    margin-top: -20% !important;
  }

  .-mt-md-30 {
    margin-top: -30% !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-01 {
    margin-bottom: 0.1rem !important;
  }

  .mb-md-1rem {
    margin-bottom: 1rem;
  }

  .mb-md-2rem {
    margin-bottom: 2rem;
  }

  .mb-md-3rem {
    margin-bottom: 3rem;
  }

  .mb-md-4rem {
    margin-bottom: 4rem;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .border-md-025 {
    border-width: 0.25rem !important;
  }
  .border-md-05 {
    border-width: 0.5rem !important;
  }
  .-top-50 {
    top: -50% !important;
  }

  .bottom-md-10 {
    bottom: 10% !important;
  }
  .bottom-md-13 {
    bottom: 13% !important;
  }

  .position-md-absolute {
    position: absolute !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-01 {
    margin-top: 0.1rem !important;
  }

  .res-avatar {
    width: 100px;
    height: 100px;
  }

  .mx-md-auto {
    margin: auto !important;
  }

  .breaker {
    height: 120px;
  }

  .px-md-custom {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .align-items-md-start {
    align-items: start !important;
  }

  .mt-md-2 {
    margin-top: 2rem !important;
  }

  .fs-md-xxs {
    font-size: 8px !important;
  }
  .fs-md-xs {
    font-size: 11px !important;
  }

  .fs-md-sm {
    font-size: small !important;
  }

  .w-md-25 {
    width: 25% !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-col {
    flex-direction: column !important;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .right-md-0 {
    right: 0 !important;
  }

  .left-md-auto {
    left: auto !important;
  }
  .-left-md-0 {
    left: 0 !important;
  }
  .-left-md-20 {
    left: -20% !important;
  }
  .left-md-20 {
    left: 20% !important;
  }
  .left-md-35 {
    left: 35% !important;
  }
  .right-md-25 {
    right: 25% !important;
  }

  .breaker.breaker-up {
    margin-top: -60px;
  }

  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .py-md-2rem {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .my-md-2rem {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .bg-md-white {
    background: #fff !important;
  }

  .section-1-content {
    margin-top: 50px;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .fs-md-md {
    font-size: normal !important;
  }

  .py-md-4rem {
    padding-top: 4rem;
    padding-bottom: 4em;
  }

  .py-md-5rem {
    padding-top: 5rem;
    padding-bottom: 5em;
  }

  .mt-medical-part {
    margin-top: 5%;
  }

  .-mt-md-0 {
    margin-top: -0rem;
  }

  .-mt-md-2rem {
    margin-top: -2rem;
  }
  .-mt-md-3rem {
    margin-top: -3rem;
  }
  .-mt-md-3-5rem {
    margin-top: -3.5rem;
  }
  .-mt-md-4rem {
    margin-top: -4rem;
  }
  .-mt-md-4-5rem {
    margin-top: -4.5rem;
  }
  .-mt-md-5rem {
    margin-top: -5rem;
  }
  .-mt-md-6rem {
    margin-top: -6rem;
  }
  .-mt-md-7rem {
    margin-top: -7rem;
  }
  .-mt-md-8rem {
    margin-top: -8rem;
  }
  .-mt-md-9rem {
    margin-top: -9rem;
  }
  .-mt-md-10rem {
    margin-top: -10rem;
  }

  .mt-md-1rem {
    margin-top: 1rem;
  }
  .mt-md-2rem {
    margin-top: 2rem;
  }
  .mt-md-3rem {
    margin-top: 3rem;
  }
  .mt-md-4rem {
    margin-top: 4rem;
  }
  .mt-md-5rem {
    margin-top: 5rem;
  }
  .mt-md-6rem {
    margin-top: 6rem;
  }

  .mt-md-7rem {
    margin-top: 7rem;
  }

  .mt-md-8rem {
    margin-top: 8rem;
  }

  .mt-md-9rem {
    margin-top: 10rem;
  }

  .mt-md-10rem {
    margin-top: 10rem;
  }

  .-ml-md-1rem {
    margin-left: -1rem;
  }
  .-ml-md-2rem {
    margin-left: -2rem;
  }
  .-ml-md-3rem {
    margin-left: -3rem;
  }
  .-ml-md-4rem {
    margin-left: -4rem;
  }
  .-ml-md-5rem {
    margin-left: -5rem;
  }
  .-ml-md-6rem {
    margin-left: -6rem;
  }
  .-ml-md-7rem {
    margin-left: -7rem;
  }
  .-ml-md-8rem {
    margin-left: -8rem;
  }
  .-ml-md-9rem {
    margin-left: -9rem;
  }
  .-ml-md-10rem {
    margin-left: -10rem;
  }

  .-mr-md-1rem {
    margin-right: -1rem;
  }
  .-mr-md-2rem {
    margin-right: -2rem;
  }
  .-mr-md-3rem {
    margin-right: -3rem;
  }
  .-mr-md-4rem {
    margin-right: -4rem;
  }
  .-mr-md-5rem {
    margin-right: -5rem;
  }
  .-mr-md-6rem {
    margin-right: -6rem;
  }
  .-mr-md-7rem {
    margin-right: -7rem;
  }
  .-mr-md-8rem {
    margin-right: -8rem;
  }
  .-mr-md-9rem {
    margin-right: -9rem;
  }
  .-mr-md-10rem {
    margin-right: -10rem;
  }

  .pb-md-4rem {
    padding-bottom: 4rem;
  }

  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-01 {
    padding: 0.1rem 0.3rem !important;
  }
  .p-md-02 {
    padding: 0.3rem 0.4rem !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-15 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .-mt-md-10 {
    margin-top: -10% !important;
  }
  .-mt-md-20 {
    margin-top: -20% !important;
  }
  .-top-md-10 {
    top: -10% !important;
  }
  .-top-md-20 {
    top: -20% !important;
  }
  .top-md-10 {
    top: 10% !important;
  }
  .top-md-20 {
    top: 20% !important;
  }
  .top-md-50 {
    top: 50% !important;
  }
  .top-md-75 {
    top: 75% !important;
  }
  .bottom-md-60 {
    bottom: 60% !important;
  }
  .bottom-md-0 {
    bottom: 0 !important;
  }
  .dot-black {
    width: 10.5px;
    height: 10.5px;
  }
   
  .lineheight-md-100 {
    line-height: 100% !important;
  }
  .lineheight-md-120 {
    line-height: 1.2 !important;
  }
  .lineheight-md-150 {
    line-height: 1.5 !important;
  }
  .lineheight-md-200 {
    line-height: 2 !important;
  }
}

@media (max-width: 991px) {
  .position-lg-absolute {
    position: absolute !important;
  }

  .w-lg-10 {
    width: 10% !important;
  }

  .w-lg-20 {
    width: 20% !important;
  }

  .w-lg-30 {
    width: 30% !important;
  }

  .w-lg-40 {
    width: 40% !important;
  }

  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-60 {
    width: 60% !important;
  }

  .w-lg-70 {
    width: 70% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-80 {
    width: 80% !important;
  }

  .w-lg-90 {
    width: 90% !important;
  }

  .left-lg-0 {
    left: 0 !important;
  }

  .fs-lg-xs {
    font-size: 12px !important;
  }

  .mb-lg-4rem {
    margin-bottom: 4rem !important;
  }

  .-ml-lg-1rem {
    margin-left: -1rem;
  }
  .-ml-lg-2rem {
    margin-left: -2rem;
  }
  .-ml-lg-3rem {
    margin-left: -3rem;
  }
  .-ml-lg-4rem {
    margin-left: -4rem;
  }
  .-ml-lg-5rem {
    margin-left: -5rem;
  }
  .-ml-lg-6rem {
    margin-left: -6rem;
  }
  .-ml-lg-7rem {
    margin-left: -7rem;
  }
  .-ml-lg-8rem {
    margin-left: -8rem;
  }
  .-ml-lg-9rem {
    margin-left: -9rem;
  }
  .-ml-lg-10rem {
    margin-left: -10rem;
  }

  .-mr-lg-1rem {
    margin-right: -1rem;
  }
  .-mr-lg-2rem {
    margin-right: -2rem;
  }
  .-mr-lg-3rem {
    margin-right: -3rem;
  }
  .-mr-lg-4rem {
    margin-right: -4rem;
  }
  .-mr-lg-5rem {
    margin-right: -5rem;
  }
  .-mr-lg-6rem {
    margin-right: -6rem;
  }
  .-mr-lg-7rem {
    margin-right: -7rem;
  }
  .-mr-lg-8rem {
    margin-right: -8rem;
  }
  .-mr-lg-9rem {
    margin-right: -9rem;
  }
  .-mr-lg-10rem {
    margin-right: -10rem;
  }
}

@media (max-width: 1199px) {
  .w-xl-20 {
    width: 20% !important;
  }

  .w-xl-30 {
    width: 30% !important;
  }

  .w-xl-40 {
    width: 40% !important;
  }

  .w-xl-50 {
    width: 50% !important;
  }

  .w-xl-60 {
    width: 60% !important;
  }

  .w-xl-70 {
    width: 70% !important;
  }

  .w-xl-75 {
    width: 75% !important;
  }

  .w-xl-80 {
    width: 80% !important;
  }

  .w-xl-90 {
    width: 90% !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-col {
    flex-direction: column;
  }

  .-ml-xl-1rem {
    margin-left: -1rem;
  }
  .-ml-xl-2rem {
    margin-left: -2rem;
  }
  .-ml-xl-3rem {
    margin-left: -3rem;
  }
  .-ml-xl-4rem {
    margin-left: -4rem;
  }
  .-ml-xl-5rem {
    margin-left: -5rem;
  }
  .-ml-xl-6rem {
    margin-left: -6rem;
  }
  .-ml-xl-7rem {
    margin-left: -7rem;
  }
  .-ml-xl-8rem {
    margin-left: -8rem;
  }
  .-ml-xl-9rem {
    margin-left: -9rem;
  }
  .-ml-xl-10rem {
    margin-left: -10rem;
  }

  .-mr-xl-1rem {
    margin-right: -1rem;
  }
  .-mr-xl-2rem {
    margin-right: -2rem;
  }
  .-mr-xl-3rem {
    margin-right: -3rem;
  }
  .-mr-xl-4rem {
    margin-right: -4rem;
  }
  .-mr-xl-5rem {
    margin-right: -5rem;
  }
  .-mr-xl-6rem {
    margin-right: -6rem;
  }
  .-mr-xl-7rem {
    margin-right: -7rem;
  }
  .-mr-xl-8rem {
    margin-right: -8rem;
  }
  .-mr-xl-9rem {
    margin-right: -9rem;
  }
  .-mr-xl-10rem {
    margin-right: -10rem;
  }
}

@media (max-width: 1199px) {
  .font-xl-xs {
    font-size: 0.75rem !important;
  }
  .font-xl-sm {
    font-size: 0.875rem !important;
  }
  .font-xl-base {
    font-size: 1rem !important;
  }
  .font-xl-lg {
    font-size: 1.125rem !important;
  }
  .font-xl-xl {
    font-size: 1.25rem !important;
  }
  .font-xl-2xl {
    font-size: 1.5rem !important;
  }
  .font-xl-3xl {
    font-size: 1.875rem !important;
  }
  .font-xl-3-5xl {
    font-size: 2rem !important;
  }
  .font-xl-4xl {
    font-size: 2.25rem !important;
  }
  .font-xl-4-5xl {
    font-size: 2.5rem !important;
  }
  .font-xl-5xl {
    font-size: 3rem !important;
  }
  .font-xl-5-5xl {
    font-size: 3.5rem !important;
  }
  .font-xl-6xl {
    font-size: 4rem !important;
  }
  .font-xl-6-5xl {
    font-size: 4.5rem !important;
  }
  .font-xl-7xl {
    font-size: 5rem !important;
  }
  .font-xl-7-5rxl {
    font-size: 5.5rem !important;
  }
  .font-xl-8xl {
    font-size: 6rem !important ;
  }
  .font-xl-8-5xl {
    font-size: 6.5rem !important;
  }
  .font-xl-9xl {
    font-size: 7rem !important;
  }
  .font-xl-9-5xl {
    font-size: 7.5rem !important;
  }
  .font-xl-10xl {
    font-size: 8rem !important;
  }
}

@media (max-width: 991px) {
  .font-lg-xs {
    font-size: 0.75rem !important;
  }
  .font-lg-sm {
    font-size: 0.875rem !important;
  }
  .font-lg-base {
    font-size: 1rem !important;
  }
  .font-lg-lg {
    font-size: 1.125rem !important;
  }
  .font-lg-xl {
    font-size: 1.25rem !important;
  }
  .font-lg-2xl {
    font-size: 1.5rem !important;
  }
  .font-lg-3xl {
    font-size: 1.875rem !important;
  }
  .font-lg-3-5xl {
    font-size: 2rem !important;
  }
  .font-lg-4xl {
    font-size: 2.25rem !important;
  }
  .font-lg-4-5xl {
    font-size: 2.5rem !important;
  }
  .font-lg-5xl {
    font-size: 3rem !important;
  }
  .font-lg-5-5xl {
    font-size: 3.5rem !important;
  }
  .font-lg-6xl {
    font-size: 4rem !important;
  }
  .font-lg-6-5xl {
    font-size: 4.5rem !important;
  }
  .font-lg-7xl {
    font-size: 5rem !important;
  }
  .font-lg-7-5rxl {
    font-size: 5.5rem !important;
  }
  .font-lg-8xl {
    font-size: 6rem !important ;
  }
  .font-lg-8-5xl {
    font-size: 6.5rem !important;
  }
  .font-lg-9xl {
    font-size: 7rem !important;
  }
  .font-lg-9-5xl {
    font-size: 7.5rem !important;
  }
  .font-lg-10xl {
    font-size: 8rem !important;
  }
}

@media (max-width: 767px) {
  .font-md-xxxxs {
    font-size: 0.4rem !important;
  }
  .font-md-xxxs {
    font-size: 0.5rem !important;
  }
  .font-md-xxs {
    font-size: 0.625rem !important;
  }
  .font-md-xs {
    font-size: 0.75rem !important;
  }
  .font-md-sm {
    font-size: 0.875rem !important;
  }
  .font-md-base {
    font-size: 1rem !important;
  }
  .font-md-lg {
    font-size: 1.125rem !important;
  }
  .font-md-xl {
    font-size: 1.25rem !important;
  }
  .font-md-2xl {
    font-size: 1.5rem !important;
  }
  .font-md-3xl {
    font-size: 1.875rem !important;
  }
  .font-md-3-5xl {
    font-size: 2rem !important;
  }
  .font-md-4xl {
    font-size: 2.25rem !important;
  }
  .font-md-4-5xl {
    font-size: 2.5rem !important;
  }
  .font-md-5xl {
    font-size: 3rem !important;
  }
  .font-md-5-5xl {
    font-size: 3.5rem !important;
  }
  .font-md-6xl {
    font-size: 4rem !important;
  }
  .font-md-6-5xl {
    font-size: 4.5rem !important;
  }
  .font-md-7xl {
    font-size: 5rem !important;
  }
  .font-md-7-5rxl {
    font-size: 5.5rem !important;
  }
  .font-md-8xl {
    font-size: 6rem !important ;
  }
  .font-md-8-5xl {
    font-size: 6.5rem !important;
  }
  .font-md-9xl {
    font-size: 7rem !important;
  }
  .font-md-9-5xl {
    font-size: 7.5rem !important;
  }
  .font-md-10xl {
    font-size: 8rem !important;
  }
}
@media (max-width: 575px) {
  .font-sm-xxs {
    font-size: 0.65rem !important;
  }
  .font-sm-xs {
    font-size: 0.75rem !important;
  }
  .font-sm-sm {
    font-size: 0.875rem !important;
  }
  .font-sm-base {
    font-size: 1rem !important;
  }
  .font-sm-lg {
    font-size: 1.125rem !important;
  }
  .font-sm-xl {
    font-size: 1.25rem !important;
  }
  .font-sm-2xl {
    font-size: 1.5rem !important;
  }
  .font-sm-3xl {
    font-size: 1.875rem !important;
  }
  .font-sm-3-5xl {
    font-size: 2rem !important;
  }
  .font-sm-4xl {
    font-size: 2.25rem !important;
  }
  .font-sm-4-5xl {
    font-size: 2.5rem !important;
  }
  .font-sm-5xl {
    font-size: 3rem !important;
  }
  .font-sm-5-5xl {
    font-size: 3.5rem !important;
  }
  .font-sm-6xl {
    font-size: 4rem !important;
  }
  .font-sm-6-5xl {
    font-size: 4.5rem !important;
  }
  .font-sm-7xl {
    font-size: 5rem !important;
  }
  .font-sm-7-5rxl {
    font-size: 5.5rem !important;
  }
  .font-sm-8xl {
    font-size: 6rem !important ;
  }
  .font-sm-8-5xl {
    font-size: 6.5rem !important;
  }
  .font-sm-9xl {
    font-size: 7rem !important;
  }
  .font-sm-9-5xl {
    font-size: 7.5rem !important;
  }
  .font-sm-10xl {
    font-size: 8rem !important;
  }
}
/* ===========================================media 1227 */
.part.yucontents {
	display:block;
	overflow:auto;
	white-space:nowrap;
}
.part.yucontents .item {
	display:inline-block;
	width:80%;
	vertical-align:top;
	padding:15px;
}
.part.yucontents .img {
	position:relative;
	display:block;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:var(--tbk);
	filter:drop-shadow(0 5px 4px #00000055);
}
.part.yucontents .img.mode1 {
	background-size:300%;
	background-image:linear-gradient(#000000bb, #000000bb), var(--tbk);
}
.part.yucontents .img:before {
	content:'';
	display:block;
	padding-top:calc(100% / 16 * 9);
}
.part.yucontents .img.mode1:before {
	backdrop-filter:blur(1.5px);
}
.part.yucontents .img img {
	position:absolute;
	inset:0;
	display:block;
	max-width:100%;
	max-height:100%;
	margin:auto;
	filter:none;
	transition-duration:1s;
	transition-property:all;
	transition-timing-function:ease;
}
.part.yucontents .play {
	position:absolute;
	inset:0;
	display:flex;
	place-content:center;
	place-items:center;
	font-size:25px;
	color:#000000;
	mix-blend-mode:lighten;
	opacity:.5;
	transition-duration:1s;
	transition-property:all;
	transition-timing-function:ease;
	z-index:2;
}
.part.yucontents .r1 {
	width:50px;
	height:50px;
	border-radius:25px;
	background-color:#ffffff;
	display:flex;
	place-content:center;
	place-items:center;
}
.part.yucontents .r1:before {
	content:'▶';
	display:block;
	padding-left:0.08em;
}
.part.yucontents .img:after {
	content:'';
	display:block;
	position:absolute;
	inset:0;
	transition-duration:1s;
	transition-property:all;
	transition-timing-function:ease;
}
.part.yucontents .img:hover:after {
	background-color:#000000aa;
}
.part.yucontents .img:hover .play {
	opacity:.9;
}
.part.yucontents :is(.desc, h4) {
	white-space:normal;
}
.part.yucontents h4 {
	min-height:3em;
}
@media screen and (min-width:640px) {

	.part.yucontents {
		font-size:50%;
	}
	.part.yucontents .item {
		width:44%;
	}
}
@media screen and (min-width:1000px) {
	.part.yucontents .item {
		width:30%;
	}
}

.part:is(.ranking, .yucontents)::-webkit-scrollbar {
	width:8px;
	height:8px;
	border-radius:4px;
}
.part:is(.ranking, .yucontents)::-webkit-scrollbar-track {
	background-color:#f4f5f6;
	background-image:linear-gradient(to left, #00000000 0%, #f4f5f655 10%, #f4f5f6dd 50%, #f4f5f655 90%, #00000000 100%);
}
.part:is(.ranking, .yucontents)::-webkit-scrollbar-thumb {
	background-color:#031746;
	width:8px;
	height:8px;
	border-radius:4px;
}
.part:where(.ranking, .yucontents) .item {
	scroll-snap-align:center;
}
.max-w-800 {
  max-width: 1024px !important;
  margin: auto !important;
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}
.max-w-1200 {
  max-width: 1200px !important;
  margin: auto !important;
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}
.max-w-800-custom1 {
  max-width: 1024px !important;
  margin: auto !important;
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}
.w-35 {
  width: 35% !important;
}
img {
  display: block;
}
.product-table {
  border-collapse: collapse;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
.product-table th, td {
  padding: 1% 2%;
  font-weight: bold;
  line-height: 1.2;
}
.product-table th {
    padding: 3% 2%;
}
.product-table tr {
  border-bottom: 1px solid #000;
}
.product-table th {
  text-align: center;
  vertical-align: top;
  width: 22%;
  border-right: 1px solid #000;
}
.product-table .list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.product-table .list li {
  display: flex;
  align-items: start;
}
.product-table .list li::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
  margin: 5px;
  flex-shrink: 0;
}
.product-table .list li.text-red::before {
  background: rgb(255, 0, 0) !important;
}
.product-number select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  position: relative;
  z-index: 1;
}
.product-number::after {
  content: "▶";
  color: #25a937;
  display: block;
  transform: rotate(90deg) translate(-75%, -50%);
  position: absolute;
  right: 10%;
  top: 50%;
  z-index: 0;
}
.how-to-panel {
  padding-bottom: 5%;
  margin-top: -20%;
}
.flavor .bk {
    width: 78%;
    height: 65%;
    margin-left:22%;
}
@media screen and (max-width: 767px) {
  .product-number select {
    font-size: 9px;
    padding: 0px 20px !important;
  }
  .product-number::after {
    right: 1rem;
    transform: rotate(90deg) translate(-60%, -50%) scale(.8);
  }
  .flavor .bk {
  width: 95%;
  height: 65%;
  margin-left:5%;
  }
  
	.product-table .list li::before {
	  width: 7px;
	  height: 7px;
	  margin: 2px;
	}
}

@media (max-width: 500px) {
  .product-table th {
	width: 25%;
  }
}

.cursor-pointer {
  cursor: pointer;
}
.sel-btn-div{
  width: 80%; 
  left: 10%; 
  bottom: 7%;
}
.sel-btn-div-cus{
  width: 80%; 
  left: 10%; 
  bottom: 32%;
}
.sel-btn-div-cus1{
  width: 80%; 
  left: 10%; 
  bottom: 3%;
}
.sel-btn-top-div{
  width: 28%; 
  bottom: 12%; 
  right: 11%
}
@font-face {
  font-family: "custom-font-1";
  src: url('../img/izumi/AOTFShinGoProDeBold.otf');
}
@font-face {
  font-family: "custom-font-2";
  src: url('../img/izumi/DINCondensedBold.ttf');
}
.custom-font-1 {
  font-family: "custom-font-1";
}
.custom-font-2 {
  font-family: "custom-font-2";
}
.custom-font-3 {
  font-family: 'Noto Serif JP';
}
.my-banner1 {
  display: flex;
  justify-content: center;
  background: #31CABF;
}

@media (max-width: 500px) {
  .max-w-800-custom1 {
    width: 100% !important;
    margin: unset !important;
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .my-banner1 {
    background-image: unset !important;
    background-repeat: unset !important;
  }
  .sel-btn-div{
    width: 80%; 
    left: 10%; 
    bottom: 5%;
  }
  .sel-btn-div-cus{
    width: 80%; 
    left: 10%; 
    bottom: 30%;
  }
  .sel-btn-div-cus1{
    width: 80%; 
    left: 10%; 
    bottom: 3%;
  }
  .sel-btn-top-div{
    width: 31%; 
    bottom: 8%; 
    right: 9%
  }
}

/* ===========================================media 1227 */
.part.yucontents {
	display:block;
	overflow:auto;
	white-space:nowrap;
}
.part.yucontents .item {
	display:inline-block;
	width:80%;
	vertical-align:top;
	padding:15px;
}
.part.yucontents .img {
	position:relative;
	display:block;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:var(--tbk);
	filter:drop-shadow(0 5px 4px #00000055);
}
.part.yucontents .img.mode1 {
	background-size:300%;
	background-image:linear-gradient(#000000bb, #000000bb), var(--tbk);
}
.part.yucontents .img:before {
	content:'';
	display:block;
	padding-top:calc(100% / 16 * 9);
}
.part.yucontents .img.mode1:before {
	backdrop-filter:blur(1.5px);
}
.part.yucontents .img img {
	position:absolute;
	inset:0;
	display:block;
	max-width:100%;
	max-height:100%;
	margin:auto;
	filter:none;
	transition-duration:1s;
	transition-property:all;
	transition-timing-function:ease;
}
.part.yucontents .play {
	position:absolute;
	inset:0;
	display:flex;
	place-content:center;
	place-items:center;
	font-size:25px;
	color:#000000;
	mix-blend-mode:lighten;
	opacity:.5;
	transition-duration:1s;
	transition-property:all;
	transition-timing-function:ease;
	z-index:2;
}
.part.yucontents .r1 {
	width:50px;
	height:50px;
	border-radius:25px;
	background-color:#ffffff;
	display:flex;
	place-content:center;
	place-items:center;
}
.part.yucontents .r1:before {
	content:'▶';
	display:block;
	padding-left:0.08em;
}
.part.yucontents .img:after {
	content:'';
	display:block;
	position:absolute;
	inset:0;
	transition-duration:1s;
	transition-property:all;
	transition-timing-function:ease;
}
.part.yucontents .img:hover:after {
	background-color:#000000aa;
}
.part.yucontents .img:hover .play {
	opacity:.9;
}
.part.yucontents :is(.desc, h4) {
	white-space:normal;
}
.part.yucontents h4 {
	min-height:3em;
}
@media screen and (min-width:640px) {

	.part.yucontents {
		font-size:50%;
	}
	.part.yucontents .item {
		width:44%;
	}
}
@media screen and (min-width:1000px) {
	.part.yucontents .item {
		width:30%;
	}
}

.part:is(.ranking, .yucontents)::-webkit-scrollbar {
	width:8px;
	height:8px;
	border-radius:4px;
}
.part:is(.ranking, .yucontents)::-webkit-scrollbar-track {
	background-color:#f4f5f6;
	background-image:linear-gradient(to left, #00000000 0%, #f4f5f655 10%, #f4f5f6dd 50%, #f4f5f655 90%, #00000000 100%);
}
.part:is(.ranking, .yucontents)::-webkit-scrollbar-thumb {
	background-color:#031746;
	width:8px;
	height:8px;
	border-radius:4px;
}
.part:where(.ranking, .yucontents) .item {
	scroll-snap-align:center;
}
.bg-standard-yellow {
	background: #fff000;
}
.border-radius-1-25vw{
	border-radius: 1.25vw;
}
.top-price-div {
  font-weight: 600;
  border-bottom: solid 1px #000; 
  margin-bottom: 8%;
}
.price-div {
  font-weight: 600;
  border-bottom: solid 1px #000; 
  margin-bottom: 8%;
}
.price-div2 {
  font-weight: 600;
  border-bottom: solid 1px #000; 
  margin-bottom: 8%; 
  display: flex; 
  flex-direction: column;
}
.price-div3 {
  font-weight: 600;
  border-bottom: solid 1px #000; 
  margin-bottom: 8%; 
  display: flex; 
  flex-direction: column;
}

@media screen and (max-width:500px) {
  .top-price-div {
    border-bottom: solid 1px #000; 
    margin-bottom: 0%;
  }
	.price-div {
    border-bottom: solid 1px #000; 
    margin-bottom: unset; 
	}
  .price-div2 {
    border-bottom: solid 1px #000; 
/*    margin-bottom: unset; */
    display: flex; 
    flex-direction: column;
/*    line-height: 0.8rem;*/
  }
  .price-div3 {
    border-bottom: solid 1px #000; 
    margin-bottom: unset; 
    display: flex; 
    flex-direction: column;
/*    line-height: 0.8rem;*/
  }
}

.top_desc {
	margin-top: 2rem;
}
.top_desc h1 {
	font-weight: 400;
}

.sp_br{
	display: none;
}
@media screen and (max-width: 768px) {
    .sp_br{
        display: block;
    }
}

.top-price-div label {
	font-size: clamp(0.45rem, 1.83vw, 1.5rem);
}
.top-price-div .price {
	font-size: 1.2em;
}
.price-div label {
	font-size: clamp(0.55rem, 1.83vw, 1.5rem);
}
.price-div .price {
	font-size: 1.2em;
}
.price-div2 label {
	font-size: clamp(0.7rem, 1.83vw, 1.5rem);
}
.price-div2 .price {
	font-size: 1.2em;
}
.price-div3 label {
	font-size: clamp(0.6rem, 1.83vw, 1.5rem);
}
.price-div3 .price {
	font-size: 1.2em;
}
.review .profile {
	margin-top: clamp(0.1rem, 1vw, 2rem);
	margin-bottom: clamp(0.1rem, 0.3vw, 1rem);
}
.review .name {
	font-size: clamp(0.65rem, 2.2vw, 2.25rem) !important;
}
.review .address, .review1 {
	font-size: clamp(0.5rem, 2.2vw, 1.125rem) !important;
}
.review span {
	font-size: clamp(0.2rem, 1.8vw, 1.45rem) !important;
}

.profile img {
	width: clamp(30%, 1.83vw, 40%);
}

@media screen and (max-width: 840px) {	
	.PurcFloat .statPic
	{
		margin: auto 5% auto auto;
		max-width: 30%;
	}
}
.evolution-label {
	font-size: clamp(0.4rem, 2.73vw, 2.1rem);
}

.evolution-title {
	font-size: clamp(0.3rem, 1.9vw, 1.5rem);
}

.evolution-desc {
	font-size: clamp(0.2rem, 1.4vw, 1.1rem);
}
.evolution-type {
	font-size: clamp(0.4rem, 2vw, 1.5rem);
}
.top-bk .title {
    background-color: #31CABF;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #102B8C
	top: 0;
	
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
.top_desc h1 {
	font-size: clamp(0.45rem, 2.3vw, 2.5rem);
}
.ss2 span {
    font-size: clamp(1rem, 3.3vw, 3rem);
}
.howto-mark1  {
	font-size: clamp(0.5rem, 2.3vw, 2.25rem);
}
.how-to-fix label {
	font-size: clamp(0.4rem, 1.5vw, 1.5rem);
}

.div-midline .title1 {
	font-size: clamp(1.25rem, 6.3vw, 3.8rem);
}

.title_evo1 {
	font-size: clamp(1.5rem, 7.3vw, 5rem);
}
@media screen and (min-width: 840px) {
	.top-bk .title {
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}
}
.safe-title {
	font-size: clamp(1rem, 3.3vw, 3rem);
}
.sp_br1 {
	display: none;
}
@media screen and (max-width: 450px) {
	.sp_br1 {
		display: block;
	}
}
@media screen and (max-width: 350px) {
  .p-md-02 {
    padding: 0.2rem 0.4rem !important;
  }
}