@charset "UTF-8";

html{
  font-size: 10px;
}

html{
  font-size: calc(10 * (100vw / 1200));
  scroll-behavior: smooth;
}

body{
  overflow-x: clip;
}

.l-container{
  color: #000;
  font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", sans-serif;
  margin: 0 auto;
  overflow: clip;
  width: 100%;
}
.l-container a{
  display: block;
  color: #fff;
  text-decoration: none;
  transition: opacity 1s;
}

.l-container a:hover{
  cursor: pointer;
  opacity: .6;
}

.l-container img{
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.l-container .default-img{
  display: block;
  height: auto;
  width: 100%; 
}

/*******************************
sec01
*******************************/

.feature .sec01{
  padding: calc(194 *(100vw / 1400))0 calc(160 *(100vw / 1400));
  position: relative;
  width: 100%;
}

.feature .sec01 .sec__ttl{
  color: #f25f9b;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: calc(40 *(100vw / 1400));
  line-height: 1;
  text-align: center;
}

.feature .sec01 .sec__text{
  font-weight: 400;
  font-size: calc(15 *(100vw / 1400));
  line-height: 1.6;
  left: calc(4 *(100vw / 1400));
  margin: calc(30 *(100vw / 1400)) auto 0;
  position: relative;
  text-align: center;
}

.feature .sec01 .sec__img{
  margin: calc(57 *(100vw / 1400)) auto 0;
  width: calc(280 *(100vw / 1400));
}

.feature .sec01 .sec__btn{
  margin: calc(32 *(100vw / 1400)) auto 0;
  width: calc(220 *(100vw / 1400));
}

.pc-footer{
  margin: 0;
}
.l-footer{
  padding: 0;
}