@charset "utf-8";
html,body,header,footer,section,div,ul,li,dl,dt,dd,h1,h2,h3,p,a,span,b,img{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;box-sizing:border-box}
ul{list-style:none}
a{cursor:pointer}
a:hover{text-decoration:none}
br{line-height:0}
img{border:none;line-height:0;vertical-align:middle;max-width:100%;height:auto}

/*----- common -----*/
html {font-size: 62.5%;}
body {
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 3rem;
  line-height: 1.6;
}
.tac {text-align: center;}
.tar {text-align: right;}
.abc {
  position: absolute;
  left: 0;
  right: 0;
}

/*---------- upper -----------*/
#container {
  max-width: 75rem;
  margin: 0 auto;
  overflow: hidden;
  background: #ffffff;
}
.box {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

/*---------- margin,padding -----------*/
.mb15 {margin-bottom: 1.5rem;}
.mb30 {margin-bottom: 3rem;}
.mb45 {margin-bottom: 4.5rem;}
.mb60 {margin-bottom: 6rem;}
.mb90 {margin-bottom: 9rem;}

.pb15 {padding-bottom: 1.5rem;}
.pb40 {padding-bottom: 4rem;}
.pb45 {padding-bottom: 4.5rem;}
.pb60 {padding-bottom: 6rem;}
.pb90 {padding-bottom: 9rem;}

.pt15 {padding-top: 1.5rem;}
.pt30 {padding-top: 3.0rem;}
.pt45 {padding-top: 4.5rem;}
.pt60 {padding-top: 6rem;}
.pt75 {padding-top: 7.5rem;}
.pt90 {padding-top: 9rem;}


/*----- img -----*/
.c_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.h_img {transition: 0.3s;}
.h_img:hover {opacity: 0.8;}

.wfit {width: fit-content;}

/*----- text -----*/
.notes {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  font-size: 1.7rem;
  text-align: right;
}
b {font-weight: normal;}

/*----- color -----*/
.pink {color: #ff7d7d;}

/* swiper */
.swiper-slide {
	width: 92%;
}
.swiper-button-prev {
  background: url(../img/prev.svg) no-repeat;
  background-size: contain;
  left: 1.5rem;
}
.swiper-button-next {
  background: url(../img/next.svg) no-repeat;
  background-size: contain;
  right: 1.5rem;
}
/* #swiper05.swiper-container-horizontal > .slick-dots-bullets {
	bottom: 8vw;
} */

@media screen and (max-width:749px) {
  html {
    font-size: 1.33333vw
  }
}