@charset "utf-8";

*{
  margin: 0;
  padding: 0;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html{
   scroll-behavior: smooth;
}

body {
  background-color: #fff;
  font-family: "M PLUS 1p", serif;
  font-weight: 400;
  font-style: normal;
  color: #333;
}

section{
  display: block;
}

.jp{
  font-family: "Sawarabi Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

/*====================
 追従アイコン
==================== */
.circle-container {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 0;
  z-index: 1000;
  opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.circle-container.show {
	opacity: 1;
	transform: translateY(0);
}

.block {
  position: relative;
  width: 200px;
  height: 200px;
  margin: auto;
}

.circleText {
  overflow: visible;
  animation: rotation 18s linear infinite;
}

.circleText__circle {
  fill: #000;
}

.circleText__text {
  fill: rgb(112, 112, 112);
  font-size: 12px;
  letter-spacing: 0.05em;
}

.inner-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  width: 80%;
  word-break: keep-all;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*====================
 KV
==================== */
.hero {
  position: relative;
  width: 100%;
  height: 860px;
  background: url('../img02/kv-bg.webp') no-repeat center center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px;
  box-sizing: border-box;
}

.hero-content {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.left-content {
  max-width: 45%;
  z-index: 2;
}

.header-logo {
  width: 150px;
  margin-bottom: 10px;
}

.left-content h2 {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 20px;
  color: #fff;
}

.kv-btn{
  margin-top: 50px;
  text-align: center;
}


.campaign-text {
  font-size: 16px;
  margin-bottom: 15px;
  color: #fff;
}

.cta-button {
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #1a78b6;
  color: #fff;
  padding: 15px;
  text-decoration: none;
  border-radius: 20px;
  font-weight: bold;
  font-size: 18px;
  width: 80%;
  margin: 0 auto;
}

.cta-button.shiny:after {
  position: absolute;
  top: -200%;
  left: 50%;
  content: "";
  height: 500%;
  width: 70px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  transform: translateX(-50%) rotate(60deg);
  animation: 3s shine infinite linear;
}

@keyframes shine {
  0% {
    left: -100%;
  }
  80% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}

.right-text {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  text-align: right;
  writing-mode: vertical-rl;
  z-index: 2;
}

/*====================
 悩み
==================== */
.worry img{
  width: 100%;
}

.worry-h2{
  font-size: 2rem;
  text-align: center;
  color: #FF33A8;
}

/*====================
 誘導
==================== */
.lead-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

.lead-box {
  padding-top: 15px;
  padding-bottom: 15px;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s, transform 0.5s;
}

.lead-box.visible {
  opacity: 1;
  transform: translateY(0);
}

.dot{
  display: block;
  width: 24px;
  height: auto;
}

/*====================
 features
==================== */

.features{
  width: 100%;
  background-image: url(../img02/features02-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.features-title img{
  width: 100%;
}

.features-cotents{
  width: 70%;
  margin: 80px auto;
}

.features-item{
  display: flex;
  margin-bottom: 30px;
  align-items: center;
}

.features-item img{
  width: 100%;
}

.features-box{
  display: block;
  padding-left: 12px;
  padding-right: 28px;
}


.features-box img{
  width: 100%;
}

.features-box h3{
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 20px;
}

.features-box p{
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 16px;
}

.features-pink{
  color: #FF33A8;
}

.marker{
  display: inline;
  font-weight: bold;
  background:linear-gradient(transparent 50%, rgba(144, 211, 217,1) 50%);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition:background-size 1.5s;
}

.marker.on {
  background-size: 100% 100%;
}

/*====================
 Message
==================== */
.message{
  display: block;
  margin: 80px auto 0;
  background-image: url(../img02/message-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.message-title{
  display: block;
  padding-top: 64px;
  padding-bottom: 64px;
  color: #fff;
  text-align: center;
}

.message-title h2{
  padding-top: 180px;
  font-size: 2.5rem;
  margin-bottom: 8px;
}

.message-inner{
  width: 52%;
  padding: 0px 40px 80px;
  margin: 0 auto;
}

.message-inner p{
  font-size: 1.5rem;
  line-height: 1.6;
  padding-bottom: 48px;
  color: #fff;
}

.message-inner p:last-child{
  padding-bottom: 0;
}

.message-main{
  display: block;
  background-color: #FF33A8;
  margin-bottom: 48px;
  padding: 40px;
}

.message-main p{
  font-size: 2rem;
  padding-bottom: 0;
  color: #fff;
}

/*====================
 他社比較
==================== */
.contrast-bunner{
  width: 100%;
}

.contrast-table{
  width: 100%;
  display: block;
  text-align: center;
  background-image: url(../img02/contrast-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 120px;
}

.contrast-table_title{
  font-size: 2rem;
  color: #fff;
  padding-top: 120px;
  padding-bottom: 80px;
}

.contrast-table_item img{
  max-width: none;
  display: block;
  margin: 0 auto;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  scrollbar-width: none;
}

.contrast-table_item img::-webkit-scrollbar{
  height: 0;
}

/*====================
 料金表
==================== */
.price{
  width: 100%;
  display: block;
  text-align: center;
  background-image: url(../img02/price-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.price-title{
  padding-top: 100px;
  text-align: center;
  margin-bottom: 32px;
}

.price-title h2{
  font-size: 3rem;
}

.price-bunner01 img{
  display: block;
  width: 36%;
  margin: 50px auto;
}

.price-bunner02 img{
  display: block;
  width: 50%;
  margin: 0 auto 80px;
}

.price-list_box{
  display: block;
  width: 60%;
  margin: 0 auto 80px;
}

.price-table_title{
  font-size: 3rem;
  margin-bottom: 12px;
}

.price-list_box img{
  width: 100%;
}

.price-list_box p{
  font-size: 2rem;
  color: #16958B;
}

/*====================
 CTA
==================== */
.cta-banner_pc{
  background-image: url(../img/CTA-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
  position: relative;
}

.cta-banner_sp{
  background-image: url(../img/cta-bg_sp.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 430px;
  position: relative;
  margin-bottom: 50px;
}

.cta-inner{
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 100px;
}

.cta-inner h2{
  font-weight: bold;
  font-size: 2.5rem;
  margin-bottom: 18px;
}

.cta-inner p{
  font-size: 1.5rem;
  line-height: 1.8;
  margin-bottom: 50px;
}

a.btn_22 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 250px;
	margin: auto;
	padding: 1rem 2rem;
  	font-size: 1.2rem;
	border: 2px solid #FF33A8;
	background: #FF33A8;
	color: #fff;
	border-radius: 5px;
	transition: 0.5s;
	animation: move_d 2s infinite;
	box-shadow: 0 5px 0 rgb(189, 13, 112);
	position: relative;
}

@keyframes move_d {
    0% {box-shadow: 0 5px 0 rgba(255, 51, 168, 1); top: 0px;}
    10% {box-shadow: 0 0 0 rgba(255, 51, 168, 1); top: 5px;}
    20% {box-shadow: 0 5px 0 rgba(255, 51, 168, 1); top: 0px;}
    30% {box-shadow: 0 0 0 rgba(255, 51, 168, 1); top: 5px;}
    40% {box-shadow: 0 5px 0 rgba(255, 51, 168, 1); top: 0px;}
}

a.btn_22:hover {
	color: #FF33A8;
	background: #fff;
	border: 2px solid #D90082;
}

/*====================
 無料体験の流れ
==================== */
.trial{
  background-image: url(../img02/trial-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.trial-bunner{
  display: block;
  width: 100%;
}

.trial-bunner img{
  width: 100%;
}

.trial-title{
  text-align: center;
  margin-bottom: 32px;
}

.trial-title h2{
  font-size: 3rem;
  color: #16958B;
  line-height: 1.5;
}

.trial-cotents{
  display: block;
  width: 50%;
  margin: 0 auto;
}

.trial-item{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

.trial-item img{
  width: 250px;
}

.trial-item h3{
  font-size: 1.5rem;
  color: #244C5A;
}

.trial-item p{
  font-size: 18px;
  margin-top: 20px;
  line-height: 1.6;
}


/*====================
 お客様の声
==================== */
.voice{
  background-image: url(../img02/voice-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 120px;
  padding-bottom: 80px;
}

.voice-title{
  font-size: 3rem;
  letter-spacing: 5px;
  margin-bottom: 80px;
  text-align: center;
}

.voice-content{
  display: block;
  width: 65%;
  margin: 0 auto;
}

.voice-item{
  display: block;
  margin-bottom: 50px;
}

.voice-item img{
  display: block;
  margin: 0 auto;
  width: 100%;
}

.voice-item_p{
  font-size: 8px;
  text-align: end;
}

/*====================
 施設紹介
==================== */
.introduction{
  background-image: url(../img02/introduction-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1350px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.introduction-title{
  font-size: 3rem;
  letter-spacing: 5px;
  margin-bottom: 30px;
  text-align: center;
  color: #fff;
}

.introduction-contents{
  display: block;
  width: 70%;
  max-width: 1000px;
  padding: 30px;
  margin: 0 auto;
  position: relative;
}

.introduction-item_top{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 20px;
  margin-top: 20px;
  position: relative;
  z-index: 1;
}

.introduction-item_bottom{
  width: 100%;
  position: absolute;
  bottom: -70%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 20px;
  z-index: 2;
}

.introduction-item_bottom p{
  display: block;
  font-size: 21px;
  line-height: 2.0;
  color: #fff;
  text-align: justify;
}

/*====================
 FAQ
==================== */
.faq{
  background-image: url(../img02/faq-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 80px;
}

.faq-title{
  text-align: center;
  position: relative;
  justify-content: center;
  margin-bottom: 32px;
}

.faq-title h2{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 3rem;
  color: #fff;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  line-height: 1.5;
  translate: -50% -50%;
}

.faq-inner{
  display: block;
  width: 50%;
  margin: 0 auto;
}

.faq-item {
  margin-bottom: 15px;
  border-radius: 5px;
  overflow: hidden;
  background-color:#fff;
  margin-bottom: 30px;
}

.question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 15px;
  cursor: pointer;
  background-color: #fff;
}

.question:hover {
  background-color: #d4e8ff;
}

.toggle-button {
  font-weight: bold;
  color: #244C5A;
  font-size: 18px;
}

.answer {
  display: none;
  padding: 30px 15px;
  background-color: #f9f9ff;
  color: #333;
  font-size: 24px;
  line-height: 1.5;
}

.qmark img{
  width: 30px;
  padding-right: 10px;
}

.q-box{
  display: flex;
  align-items: center;
  font-size: 24px;
  color: #244C5A;
}

/*====================
 店舗情報
==================== */
.shop{
  background-image: url(../img02/shop-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 150px;
  padding-bottom: 80px;
}

.shop-title{
  margin-bottom: 50px;
}

.shop-title h2{
  font-size: 3rem;
  text-align: center;
  letter-spacing: 5px;
}

.map iframe{
  width: 100%;
  max-width: 100%;
  height: 630px;
  display: block;
}


.shop-box{
  display: block;
  width: 50%;
  margin: 30px auto;
  padding: 20px 20px 50px;
  background-color: #fff;
  text-align: center;
}

.shop-box img{
  width: 30%;
  margin-bottom: 20px;
}

.shop-box h3{
  font-size: 2rem;
  margin-bottom: 30px;
}

.shop-box p{
  font-size: 1.5rem;
  margin-bottom: 30px;
}

.shop-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  max-width: 500px;
  margin: auto;
}

.box {
  padding: 5px;
  text-align: start;
  font-size: 1.5rem;
}

/*====================
 CONTACT
==================== */
.contact{
  background-color: #c9e1fc;
}

/* Contact Form 7 横はみ出し完全防止 */
.contact-form,
.contact-form *{
  box-sizing: border-box;
}


.contact-title{
  padding-top: 80px;
  margin-bottom: 32px;
}

.contact-title h2{
  font-size: 3rem;
  line-height: 1.5;
  text-align: center;
}

.contact-container_p {
  font-size: 24px;
  color: #4a4a4a;
  margin-top: 30px;
  margin-bottom: 50px;
  line-height: 1.6;
  text-align: center;
}

.contact-form{
  display: block;
  width: 40%;
  margin: 0 auto;
  padding-bottom: 80px;
}

.contact-form_message{
  margin-top: 20px;
}

.contact-form_title p{
  display: block;
  font-size: 20px;
  color: #333;
  margin-top: 0;
  margin-bottom: 12px;
  text-align: start;
}

.wpcf7-form-control {
  width: 100%;
  padding: 20px;
  margin-bottom: 32px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 20px;
  box-sizing: border-box;
}

.contact-lineno .wpcf7-form-control{
  border: none;
}

.contact-lineno p,.contact-lineno span{
  font-size: 18px;
}

.wpcf7-textarea {
  resize: none;
}

.wpcf7-checkbox {
  margin-bottom: 15px;
}

.contact-form input[type="submit"] {
  display: block;
  width: 300px;
  background-color: #333;
  color: #fff;
  border: none;
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s;
  margin: 30px auto;
}

.contact-form input[type="submit"]:hover {
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
}

.required::after {
  content: "必須";
  color: #fff;
  background: #C33939;
  font-size: 16px;
  padding: 0.3em;
  border-radius: 0.5em;
  margin-left:0.3em;
  }


/*====================
 FOOTER
==================== */
.footer{
  width: 100%;
  background-color: #000;
  height: 160px;
  text-align: center;
  padding-top: 50px;
}

.footer img{
  width: 240px;
}

.footer a{
  color: #fff;
  text-decoration: none;
  display: block;
  margin-top: 10px;
}

.pc{
  display: block;
}

.sp{
  display: none;
}

/*====================
 レスポンシブ
==================== */

@media (max-width: 576px){
  body{
    overflow-x: hidden;
  }

  /* KV */
.kv_sp{
  position: relative;
}

.kv_sp img{
  display: block;
  width: 100%;
}

.kv-btn_sp{
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50%;
  text-align: center;
  width: 80%;
  padding-bottom: 20px;
}

/* worry */
.worry-h2{
  font-size: 24px;
  padding-top: 20px;
}

.dot{
  width: 18px;
}

/* features */
.features-title h2{
  font-size: 32px;
  width: 100%;
}

.features-title img{
  width: 100%;
}

.features-cotents{
  width: 90%;
  margin: 40px auto;
}

.features-item{
  display: block;
  padding-top: 30px;
}

.features-box{
  padding: 0;
}

.features-sp{
  width: 100%;
}

.features-item .point{
  width: 200px;
  margin-top: 20px;
}

.features-boxmap iframe{
  display: block;
  width: 100%;
}

.space-line{
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}

.features-box h3{
  margin-top: 24px;
}

.features-box p{
  padding-bottom: 20px;
}

.logomark img{
  width: 50%;
}

/* Message */
.message{
  width: 100%;
  background-image: url(../img02/message-bg_sp.webp);
  background-position: left;
  margin: 40px auto 0;
}

.message-title{
  padding-bottom: 10px;
}

.message-title h2{
  font-size: 32px;
  padding-top: 80px;
}

.message-title p{
  font-size: 1.2rem;
}

.message-inner p{
  font-size: 18px;
  padding-bottom: 36px;
}

.message-inner{
  width: 83%;
  padding: 30px 14px 80px;
}

.message-main{
  margin-bottom: 48px;
  padding: 20px 8px;
}

.message-main p{
  font-size: 18px;
  padding-bottom: 20px;
}

/* 他社比較 */
.contrast-table_item{
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.contrast-table_item img{
  display:block;
  height:280px;
  min-width: 200px;
  max-width: none;
}

/* 料金表 */
.campaign-img{
  margin-bottom: 50px;
}

.price-title img{
  width: 100%;
}

.price-bunner01 img{
  display: block;
  width: 95%;
  margin: 50px auto;
}

.price-bunner02 img{
  display: block;
  width: 90%;
  margin: 0 auto 80px;
}

.price-list_box{
  width: 95%;
  margin-bottom: 40px;
}

.price-table_title{
  font-size: 32px;
}


.trial-info img{
  width: 90%;
}

/* cta */
.cta-inner{
  width: 95%;
  padding: 20px 10px;
}

.cta-inner h2{
  font-size: 24px;
  margin-top: 18px;
  margin-bottom: 12px;
}

.cta-inner p{
  font-size: 16px;
  line-height: 1.4;
}

/* 無料体験トレーニングの流れ */
.trial{
  background-image: url(../img02/trial-bg_sp.webp);
  padding-bottom: 80px;
}

.trial-title h2{
  font-size: 28px;
  padding-top: 40px;
}

.trial-title img{
  width: 100%;
}

.trial-cotents{
  display: block;
  width: 100%;
}

.trial-item{
  display: block;
  width: 85%;
  margin: 30px auto 50px;
}

.trial-item img{
  display: block;
  margin: 0 auto;
}

.trial-item h3{
  margin-top: 20px;
  font-size: 28px;
}

.trial-item p{
  font-size: 18px;
  margin-top: 8px;
  line-height: 1.6;
}

/* voice */
.voice{
  background-image: url(../img02/voice-bg_sp.webp);
}

.voice-title{
  font-size: 32px;
  letter-spacing: 2px;
  margin-bottom: 40px;
}

.voice-content{
  width: 95%;
}

.voice-item{
  display: block;
  margin-bottom: 50px;
}

.voice-item img{
  display: block;
  margin: 0 auto;
}

.voice-text h3{
  font-size: 24px;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 12px;
}

/* 施設紹介 */
.introduction{
  background-image: url(../img02/introduction-bg_sp.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
}

.introduction-title{
  font-size: 32px;
}

.introduction-contents{
  width: 90%;
  padding: 0;
}

.introduction-contents img{
  display: block;
  width: 100%;
  margin: 20px auto;
}

.introduction-contents p{
  display: block;
  color: #fff;
  font-size: 21px;
  line-height: 1.6;
  margin-top: 20px;
}

/* FAQ */
.faq{
  width: 100%;
}

.faq-title img{
  width: 100%;
}

.faq-title h2{
  width: 100%;
  font-size: 32px;
}

.faq-inner{
  width: 90%;
}


/* 店舗情報 */
.shop{
  background-image: url(../img02/shop-bg_sp.webp);
  padding-top: 80px;
  padding-bottom: 0;
}

.shop-title img{
  width: 100%;
}

.shop-title h2{
  width: 100%;
  font-size: 32px;
}

.shop-box{
  width: 80%;
}

.shop-container{
  display: block;
}

.box:nth-child(odd){
  background-color: #75b3dc;
  color: #fff;
}

.box:nth-child(even){
  padding-bottom: 12px;
}

/* contact */
.contact{
  display: block;
}

.contact-title img{
  width: 90%;
  display: block;
  margin: 50px 0 0;
}

.contact-form{
  width: 95%;
}

.contact-title h2{
  width: 100%;
  font-size: 32px;
}

.contact-container_p {
  font-size: 18px;
}

.contact-lineno p{
  padding: 0 !important;
  font-size: 16px;
}

/* まずフォーム部品を強制的に100%枠内へ */
.contact-form input,
.contact-form textarea,
.contact-form select{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  display: block;
}

/* iOSのdateだけ別途矯正 */
.contact-form input[type="date"]{
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 100%;
}

.contact-form input[type="submit"]{
  width: 200px;
  padding: 20px;
  font-size: 24px;
}

/* フローティングボタン */
.floating-button {
  position: fixed;
  bottom: -60px;
  left: 50%;
  width: 80%;
  transform: translateX(-50%);
  background-color: #ff5733;
  color: #fff;
  padding: 15px 25px;
  border-radius: 30px;
  font-size: 21px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  transition: bottom 0.4s ease-in-out;
}

/* 表示時のスタイル */
.floating-button.show {
  bottom: 20px;
}
  .pc{
    display: none;
  }

  .sp{
    display: block;
  }
}

.grecaptcha-badge {
  display: none !important;
}

.footer img{
  display: block;
  vertical-align: bottom;
}