/* ========================================
Base
======================================== */

body{

  color:#111827;

  background:#fff;

}

img{

  max-width:100%;

}

a{

  text-decoration:none;

}




/* ========================================
Container
======================================== */
section{
	padding:80px 0;/*とりあえず*/
}
.section{

  padding:80px 0;

}

.section-space{

  padding:140px 0;

}

.section-head{

  text-align:center;

  margin-bottom:60px;

}

.section-title{

  margin:0;

  font-weight:700;

}

.section-label{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:8px 18px;

  border-radius:999px;

  margin-bottom:20px;

  font-size:14px;

  font-weight:600;

}

/* ========================================
Buttons
======================================== */

.btn-main,
.hero-btn,
.content-btn,
.nav-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-height:54px;

  padding:0 28px;

  border:none;

  cursor:pointer;

  text-decoration:none;

  transition:.3s;

}

.btn-main:hover,
.hero-btn:hover,
.content-btn:hover,
.nav-btn:hover{

  opacity:.9;

  transform:
    translateY(-2px);

}

/* ========================================
Card
======================================== */

.card-base{

  background:#fff;

  border-radius:24px;

  box-shadow:
    0 10px 30px
    rgba(
      0,
      0,
      0,
      .05
    );

}

/* ========================================
Responsive
======================================== */

@media(max-width:768px){

  .section{

    padding:60px 0;

  }

  .section-space{

    padding:100px 0;

  }

}

/* ========================================
Fixed Footer
======================================== */

.fixed-footer{

  position:fixed;

  left:0;

  right:0;

  bottom:0;

  z-index:9999;

  display:flex;

}

.fixed-footer-btn{

  flex:1;

  min-height:64px;

  display:flex;

  flex-direction:column;

  align-items:center;

  justify-content:center;

  gap:6px;

  text-decoration:none;

}

.fixed-footer-btn i{

  font-size:18px;

}

.fixed-footer-btn span{

  display:block;

}

@media(min-width:769px){

  .fixed-footer{

    display:none;

  }

  .fixed-footer.show-pc{

    display:flex;

  }

}

@media(max-width:768px){

  body{

    padding-bottom:70px;

  }

}


/* ========================================
14 Footer
======================================== */

.footer{

  padding:60px 0;

  border-top:1px solid #e5e7eb;

}

.footer-copy{

  text-align:center;

  color:#6b7280;

}


@media(max-width:768px){

  body.has-fixed-footer
  .hero-template-card_left,

  body.has-fixed-footer
  .hero-template-card_center,

  body.has-fixed-footer
  .hero-template-card_right{

    height:
      calc(
        100svh - 80px
      );

  }

}