@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@800&display=swap');
/*  font-family: 'Roboto', 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;*/
/*  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;*/


body {
  font-family: 'Roboto', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 400;
  color: #111111;
  background-color: #ffffff;
}
strong { font-weight: 700; }
p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
}



/* Button */
.btn {
  width: 70%;
  margin-top: 0;
  border: 4px solid #0a7a81;
  background-color: #ffffff;
  color: #0a7a81;
  font-weight: 700;
}


.wht, .red {
  padding-top: 1.25em;
  padding-bottom: 3.125em;
}
.red {
  background-color: #c53d43;
  color: #ffffff;
}
.wht {
  background-color: #ffffff;
  color: #1a1a1a;
}

h2 {
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 0.5em;
}

.ico {
  max-width: 35%;
  text-align: center;
  margin: 0 auto 0.625em;
  padding: 0!important;
}
.txt { padding: 1.25em; }
.function { padding: 0 1.25em; }
.function li { margin-bottom: 1.25em; }
.function li p { padding: 0.625em 0 0; }
.name {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  padding-bottom: 20px;
}



#lineup {
  padding-top: 3.125em;
  padding-bottom: 1.875em;
}
#lineup ul { padding: 0 1.25em 1.25em; }
#lineup li { margin-top: 1.25em; }
#lineup li p {
  margin: 0.625em 0;
  font-weight: 600;
  line-height: 1.3;
}
#lineup li p span { font-weight: 400; }
#lineup li p span, #lineup .btn {
  font-size: 16px;
  font-size: 1.6rem;
}
#lineup .btn { width: 100%; }




@media screen and (min-width: 426px) {
  /* medium　smartphone↑ */
  header, main { margin: 0 auto; }
  header { max-width: 433px; }
  main {
    max-width: 419px;
    border-left: 7px solid #c53d43;
    border-right: 7px solid #c53d43;
    border-bottom: 7px solid #c53d43;
/*    box-sizing: border-box;*/
  }

  .function { padding: 0 3.75em; }
}






















@media screen and (min-width: 450px) {
}
@media screen and (max-width: 375px) {
  /* small　smartphone↓ */
}


@media screen and (min-width:769px) {
  /* tablet↑ */
}
@media screen and (min-width:768px) {
  /* tablet↓ */
}

@media screen and (min-width:1024px) {
  /* PC↑ */
}
@media screen and (min-width:960px) {
  /* big tablet↑ */
}
@media screen and (min-width: 600px) {
  /* small tablet↑ */
}

@media screen and (max-width: 425px) {
  /* medium smartphone↓ */
}

@media screen and (min-width:445px) and ( max-width:600px) {
  /* tablet only */
}