@charset "UTF-8";
/* CSS Document */
/*
Theme Name:オリジナルテーマ
Description: オリジナルテーマです
Theme URI:
Author:-----
Author URI:
Version: -----
License: -----
License URI:
*/
/*********************

変数設定

************************/
/*********************

reset

************************/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
dialog,
div,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
sup,
time,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background-color: transparent;
  list-style: none;
  font-style: normal;
  font-weight: 400;
}

header,
article,
footer,
aside,
nav,
small,
section {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 2;
  letter-spacing: 1rem;
  font-weight: 500;
}

p {
  line-height: 2;
  letter-spacing: 1rem;
  font-weight: 500;
}

li,
ol li {
  list-style-type: none;
  letter-spacing: 1rem;
}

a img {
  border-style: none;
}

a {
  text-decoration: none;
  letter-spacing: 1rem;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  border-style: none;
}

table {
  width: 100%;
  border-collapse: collapse;
}

table th,
table td {
  vertical-align: top;
  letter-spacing: 1rem;
  text-align: left;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

@media (min-width: 1200px) {
  html {
    font-size: 0.0694444444vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  html {
    font-size: 0.1302083333vw;
  }
}
@media (min-width: 1441px) {
  html {
    font-size: 0.0625rem;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 0.1303780965vw;
  }
}

a {
  color: #000000;
  transition: 0.3s;
}
a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

@media (min-width: 1200px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

.font__notosan_500 {
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  font-style: normal;
}

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
  color: #000000;
  font-style: normal;
  letter-spacing: 3rem;
}
@media (min-width: 1200px) {
  body {
    font-size: 16rem;
    max-width: 1920rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  body {
    font-size: 16rem;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 32rem;
  }
}

/*********************

フォントサイズ設定エリア

************************/
@media (min-width: 1200px) {
  .fs__12 {
    font-size: 12rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__12 {
    font-size: 12rem;
  }
}

@media (min-width: 1200px) {
  .fs__13 {
    font-size: 13rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__13 {
    font-size: 13rem;
  }
}

@media (min-width: 1200px) {
  .fs__14 {
    font-size: 14rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__14 {
    font-size: 14rem;
  }
}

@media (min-width: 1200px) {
  .fs__15 {
    font-size: 15rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__15 {
    font-size: 15rem;
  }
}

@media (min-width: 1200px) {
  .fs__16 {
    font-size: 16rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__16 {
    font-size: 16rem;
  }
}

@media (min-width: 1200px) {
  .fs__17 {
    font-size: 17rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__17 {
    font-size: 17rem;
  }
}

@media (min-width: 1200px) {
  .fs__18 {
    font-size: 18rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__18 {
    font-size: 18rem;
  }
}

@media (min-width: 1200px) {
  .fs__19 {
    font-size: 19rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__19 {
    font-size: 19rem;
  }
}

@media (min-width: 1200px) {
  .fs__20 {
    font-size: 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__20 {
    font-size: 20rem;
  }
}

@media (min-width: 1200px) {
  .fs__21 {
    font-size: 21rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__21 {
    font-size: 21rem;
  }
}

@media (min-width: 1200px) {
  .fs__22 {
    font-size: 22rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__22 {
    font-size: 22rem;
  }
}

@media (min-width: 1200px) {
  .fs__23 {
    font-size: 23rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__23 {
    font-size: 23rem;
  }
}

@media (min-width: 1200px) {
  .fs__24 {
    font-size: 24rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__24 {
    font-size: 24rem;
  }
}

@media (min-width: 1200px) {
  .fs__25 {
    font-size: 25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__25 {
    font-size: 25rem;
  }
}

@media (min-width: 1200px) {
  .fs__26 {
    font-size: 26rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__26 {
    font-size: 26rem;
  }
}

@media (min-width: 1200px) {
  .fs__27 {
    font-size: 27rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__27 {
    font-size: 27rem;
  }
}

@media (min-width: 1200px) {
  .fs__28 {
    font-size: 28rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__28 {
    font-size: 28rem;
  }
}

@media (min-width: 1200px) {
  .fs__29 {
    font-size: 29rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__29 {
    font-size: 29rem;
  }
}

@media (min-width: 1200px) {
  .fs__30 {
    font-size: 30rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__30 {
    font-size: 30rem;
  }
}

@media (min-width: 1200px) {
  .fs__31 {
    font-size: 31rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__31 {
    font-size: 31rem;
  }
}

@media (min-width: 1200px) {
  .fs__32 {
    font-size: 32rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__32 {
    font-size: 32rem;
  }
}

@media (min-width: 1200px) {
  .fs__33 {
    font-size: 33rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__33 {
    font-size: 33rem;
  }
}

@media (min-width: 1200px) {
  .fs__34 {
    font-size: 34rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__34 {
    font-size: 34rem;
  }
}

@media (min-width: 1200px) {
  .fs__35 {
    font-size: 35rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__35 {
    font-size: 35rem;
  }
}

@media (min-width: 1200px) {
  .fs__36 {
    font-size: 36rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__36 {
    font-size: 36rem;
  }
}

@media (min-width: 1200px) {
  .fs__37 {
    font-size: 37rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__37 {
    font-size: 37rem;
  }
}

@media (min-width: 1200px) {
  .fs__38 {
    font-size: 38rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__38 {
    font-size: 38rem;
  }
}

@media (min-width: 1200px) {
  .fs__39 {
    font-size: 39rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__39 {
    font-size: 39rem;
  }
}

@media (min-width: 1200px) {
  .fs__40 {
    font-size: 40rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__40 {
    font-size: 40rem;
  }
}

@media (min-width: 1200px) {
  .fs__41 {
    font-size: 41rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__41 {
    font-size: 41rem;
  }
}

@media (min-width: 1200px) {
  .fs__42 {
    font-size: 42rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__42 {
    font-size: 42rem;
  }
}

@media (min-width: 1200px) {
  .fs__43 {
    font-size: 43rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__43 {
    font-size: 43rem;
  }
}

@media (min-width: 1200px) {
  .fs__44 {
    font-size: 44rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__44 {
    font-size: 44rem;
  }
}

@media (min-width: 1200px) {
  .fs__45 {
    font-size: 45rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__45 {
    font-size: 45rem;
  }
}

@media (min-width: 1200px) {
  .fs__46 {
    font-size: 46rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__46 {
    font-size: 46rem;
  }
}

@media (min-width: 1200px) {
  .fs__47 {
    font-size: 47rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__47 {
    font-size: 47rem;
  }
}

@media (min-width: 1200px) {
  .fs__48 {
    font-size: 48rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__48 {
    font-size: 48rem;
  }
}

@media (min-width: 1200px) {
  .fs__49 {
    font-size: 49rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__49 {
    font-size: 49rem;
  }
}

@media (min-width: 1200px) {
  .fs__50 {
    font-size: 50rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__50 {
    font-size: 50rem;
  }
}

@media (min-width: 1200px) {
  .fs__51 {
    font-size: 51rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__51 {
    font-size: 51rem;
  }
}

@media (min-width: 1200px) {
  .fs__52 {
    font-size: 52rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__52 {
    font-size: 52rem;
  }
}

@media (min-width: 1200px) {
  .fs__53 {
    font-size: 53rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__53 {
    font-size: 53rem;
  }
}

@media (min-width: 1200px) {
  .fs__54 {
    font-size: 54rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__54 {
    font-size: 54rem;
  }
}

@media (min-width: 1200px) {
  .fs__55 {
    font-size: 55rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__55 {
    font-size: 55rem;
  }
}

@media (min-width: 1200px) {
  .fs__56 {
    font-size: 56rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__56 {
    font-size: 56rem;
  }
}

@media (min-width: 1200px) {
  .fs__57 {
    font-size: 57rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__57 {
    font-size: 57rem;
  }
}

@media (min-width: 1200px) {
  .fs__58 {
    font-size: 58rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__58 {
    font-size: 58rem;
  }
}

@media (min-width: 1200px) {
  .fs__59 {
    font-size: 59rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__59 {
    font-size: 59rem;
  }
}

@media (min-width: 1200px) {
  .fs__60 {
    font-size: 60rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__60 {
    font-size: 60rem;
  }
}

@media (min-width: 1200px) {
  .fs__61 {
    font-size: 61rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__61 {
    font-size: 61rem;
  }
}

@media (min-width: 1200px) {
  .fs__62 {
    font-size: 62rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__62 {
    font-size: 62rem;
  }
}

@media (min-width: 1200px) {
  .fs__63 {
    font-size: 63rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__63 {
    font-size: 63rem;
  }
}

@media (min-width: 1200px) {
  .fs__64 {
    font-size: 64rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__64 {
    font-size: 64rem;
  }
}

@media (min-width: 1200px) {
  .fs__65 {
    font-size: 65rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__65 {
    font-size: 65rem;
  }
}

@media (min-width: 1200px) {
  .fs__66 {
    font-size: 66rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__66 {
    font-size: 66rem;
  }
}

@media (min-width: 1200px) {
  .fs__67 {
    font-size: 67rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__67 {
    font-size: 67rem;
  }
}

@media (min-width: 1200px) {
  .fs__68 {
    font-size: 68rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__68 {
    font-size: 68rem;
  }
}

@media (min-width: 1200px) {
  .fs__69 {
    font-size: 69rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__69 {
    font-size: 69rem;
  }
}

@media (min-width: 1200px) {
  .fs__70 {
    font-size: 70rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__70 {
    font-size: 70rem;
  }
}

@media (min-width: 1200px) {
  .fs__71 {
    font-size: 71rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__71 {
    font-size: 71rem;
  }
}

@media (min-width: 1200px) {
  .fs__72 {
    font-size: 72rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__72 {
    font-size: 72rem;
  }
}

@media (min-width: 1200px) {
  .fs__73 {
    font-size: 73rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__73 {
    font-size: 73rem;
  }
}

@media (min-width: 1200px) {
  .fs__74 {
    font-size: 74rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__74 {
    font-size: 74rem;
  }
}

@media (min-width: 1200px) {
  .fs__75 {
    font-size: 75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__75 {
    font-size: 75rem;
  }
}

@media (min-width: 1200px) {
  .fs__76 {
    font-size: 76rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__76 {
    font-size: 76rem;
  }
}

@media (min-width: 1200px) {
  .fs__77 {
    font-size: 77rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__77 {
    font-size: 77rem;
  }
}

@media (min-width: 1200px) {
  .fs__78 {
    font-size: 78rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__78 {
    font-size: 78rem;
  }
}

@media (min-width: 1200px) {
  .fs__79 {
    font-size: 79rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__79 {
    font-size: 79rem;
  }
}

@media (min-width: 1200px) {
  .fs__80 {
    font-size: 80rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__80 {
    font-size: 80rem;
  }
}

@media (min-width: 1200px) {
  .fs__81 {
    font-size: 81rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__81 {
    font-size: 81rem;
  }
}

@media (min-width: 1200px) {
  .fs__82 {
    font-size: 82rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__82 {
    font-size: 82rem;
  }
}

@media (min-width: 1200px) {
  .fs__83 {
    font-size: 83rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__83 {
    font-size: 83rem;
  }
}

@media (min-width: 1200px) {
  .fs__84 {
    font-size: 84rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__84 {
    font-size: 84rem;
  }
}

@media (min-width: 1200px) {
  .fs__85 {
    font-size: 85rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__85 {
    font-size: 85rem;
  }
}

@media (min-width: 1200px) {
  .fs__86 {
    font-size: 86rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__86 {
    font-size: 86rem;
  }
}

@media (min-width: 1200px) {
  .fs__87 {
    font-size: 87rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__87 {
    font-size: 87rem;
  }
}

@media (min-width: 1200px) {
  .fs__88 {
    font-size: 88rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__88 {
    font-size: 88rem;
  }
}

@media (min-width: 1200px) {
  .fs__89 {
    font-size: 89rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__89 {
    font-size: 89rem;
  }
}

@media (min-width: 1200px) {
  .fs__90 {
    font-size: 90rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__90 {
    font-size: 90rem;
  }
}

@media (min-width: 1200px) {
  .fs__91 {
    font-size: 91rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__91 {
    font-size: 91rem;
  }
}

@media (min-width: 1200px) {
  .fs__92 {
    font-size: 92rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__92 {
    font-size: 92rem;
  }
}

@media (min-width: 1200px) {
  .fs__93 {
    font-size: 93rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__93 {
    font-size: 93rem;
  }
}

@media (min-width: 1200px) {
  .fs__94 {
    font-size: 94rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__94 {
    font-size: 94rem;
  }
}

@media (min-width: 1200px) {
  .fs__95 {
    font-size: 95rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__95 {
    font-size: 95rem;
  }
}

@media (min-width: 1200px) {
  .fs__96 {
    font-size: 96rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__96 {
    font-size: 96rem;
  }
}

@media (min-width: 1200px) {
  .fs__97 {
    font-size: 97rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__97 {
    font-size: 97rem;
  }
}

@media (min-width: 1200px) {
  .fs__98 {
    font-size: 98rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__98 {
    font-size: 98rem;
  }
}

@media (min-width: 1200px) {
  .fs__99 {
    font-size: 99rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__99 {
    font-size: 99rem;
  }
}

@media (min-width: 1200px) {
  .fs__100 {
    font-size: 100rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__100 {
    font-size: 100rem;
  }
}

@media (min-width: 1200px) {
  .fs__101 {
    font-size: 101rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__101 {
    font-size: 101rem;
  }
}

@media (min-width: 1200px) {
  .fs__102 {
    font-size: 102rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__102 {
    font-size: 102rem;
  }
}

@media (min-width: 1200px) {
  .fs__103 {
    font-size: 103rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__103 {
    font-size: 103rem;
  }
}

@media (min-width: 1200px) {
  .fs__104 {
    font-size: 104rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__104 {
    font-size: 104rem;
  }
}

@media (min-width: 1200px) {
  .fs__105 {
    font-size: 105rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__105 {
    font-size: 105rem;
  }
}

@media (min-width: 1200px) {
  .fs__106 {
    font-size: 106rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__106 {
    font-size: 106rem;
  }
}

@media (min-width: 1200px) {
  .fs__107 {
    font-size: 107rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__107 {
    font-size: 107rem;
  }
}

@media (min-width: 1200px) {
  .fs__108 {
    font-size: 108rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__108 {
    font-size: 108rem;
  }
}

@media (min-width: 1200px) {
  .fs__109 {
    font-size: 109rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__109 {
    font-size: 109rem;
  }
}

@media (min-width: 1200px) {
  .fs__110 {
    font-size: 110rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__110 {
    font-size: 110rem;
  }
}

@media (min-width: 1200px) {
  .fs__111 {
    font-size: 111rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__111 {
    font-size: 111rem;
  }
}

@media (min-width: 1200px) {
  .fs__112 {
    font-size: 112rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__112 {
    font-size: 112rem;
  }
}

@media (min-width: 1200px) {
  .fs__113 {
    font-size: 113rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__113 {
    font-size: 113rem;
  }
}

@media (min-width: 1200px) {
  .fs__114 {
    font-size: 114rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__114 {
    font-size: 114rem;
  }
}

@media (min-width: 1200px) {
  .fs__115 {
    font-size: 115rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__115 {
    font-size: 115rem;
  }
}

@media (min-width: 1200px) {
  .fs__116 {
    font-size: 116rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__116 {
    font-size: 116rem;
  }
}

@media (min-width: 1200px) {
  .fs__117 {
    font-size: 117rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__117 {
    font-size: 117rem;
  }
}

@media (min-width: 1200px) {
  .fs__118 {
    font-size: 118rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__118 {
    font-size: 118rem;
  }
}

@media (min-width: 1200px) {
  .fs__119 {
    font-size: 119rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__119 {
    font-size: 119rem;
  }
}

@media (min-width: 1200px) {
  .fs__120 {
    font-size: 120rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__120 {
    font-size: 120rem;
  }
}

@media (min-width: 1200px) {
  .fs__121 {
    font-size: 121rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__121 {
    font-size: 121rem;
  }
}

@media (min-width: 1200px) {
  .fs__122 {
    font-size: 122rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__122 {
    font-size: 122rem;
  }
}

@media (min-width: 1200px) {
  .fs__123 {
    font-size: 123rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__123 {
    font-size: 123rem;
  }
}

@media (min-width: 1200px) {
  .fs__124 {
    font-size: 124rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__124 {
    font-size: 124rem;
  }
}

@media (min-width: 1200px) {
  .fs__125 {
    font-size: 125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__125 {
    font-size: 125rem;
  }
}

@media (min-width: 1200px) {
  .fs__126 {
    font-size: 126rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__126 {
    font-size: 126rem;
  }
}

@media (min-width: 1200px) {
  .fs__127 {
    font-size: 127rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__127 {
    font-size: 127rem;
  }
}

@media (min-width: 1200px) {
  .fs__128 {
    font-size: 128rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__128 {
    font-size: 128rem;
  }
}

@media (min-width: 1200px) {
  .fs__129 {
    font-size: 129rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__129 {
    font-size: 129rem;
  }
}

@media (min-width: 1200px) {
  .fs__130 {
    font-size: 130rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__130 {
    font-size: 130rem;
  }
}

@media (min-width: 1200px) {
  .fs__131 {
    font-size: 131rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__131 {
    font-size: 131rem;
  }
}

@media (min-width: 1200px) {
  .fs__132 {
    font-size: 132rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__132 {
    font-size: 132rem;
  }
}

@media (min-width: 1200px) {
  .fs__133 {
    font-size: 133rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__133 {
    font-size: 133rem;
  }
}

@media (min-width: 1200px) {
  .fs__134 {
    font-size: 134rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__134 {
    font-size: 134rem;
  }
}

@media (min-width: 1200px) {
  .fs__135 {
    font-size: 135rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__135 {
    font-size: 135rem;
  }
}

@media (min-width: 1200px) {
  .fs__136 {
    font-size: 136rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__136 {
    font-size: 136rem;
  }
}

@media (min-width: 1200px) {
  .fs__137 {
    font-size: 137rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__137 {
    font-size: 137rem;
  }
}

@media (min-width: 1200px) {
  .fs__138 {
    font-size: 138rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__138 {
    font-size: 138rem;
  }
}

@media (min-width: 1200px) {
  .fs__139 {
    font-size: 139rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__139 {
    font-size: 139rem;
  }
}

@media (min-width: 1200px) {
  .fs__140 {
    font-size: 140rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__140 {
    font-size: 140rem;
  }
}

@media (min-width: 1200px) {
  .fs__141 {
    font-size: 141rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__141 {
    font-size: 141rem;
  }
}

@media (min-width: 1200px) {
  .fs__142 {
    font-size: 142rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__142 {
    font-size: 142rem;
  }
}

@media (min-width: 1200px) {
  .fs__143 {
    font-size: 143rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__143 {
    font-size: 143rem;
  }
}

@media (min-width: 1200px) {
  .fs__144 {
    font-size: 144rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__144 {
    font-size: 144rem;
  }
}

@media (min-width: 1200px) {
  .fs__145 {
    font-size: 145rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__145 {
    font-size: 145rem;
  }
}

@media (min-width: 1200px) {
  .fs__146 {
    font-size: 146rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__146 {
    font-size: 146rem;
  }
}

@media (min-width: 1200px) {
  .fs__147 {
    font-size: 147rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__147 {
    font-size: 147rem;
  }
}

@media (min-width: 1200px) {
  .fs__148 {
    font-size: 148rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__148 {
    font-size: 148rem;
  }
}

@media (min-width: 1200px) {
  .fs__149 {
    font-size: 149rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__149 {
    font-size: 149rem;
  }
}

@media (min-width: 1200px) {
  .fs__150 {
    font-size: 150rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fs__150 {
    font-size: 150rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_20 {
    font-size: 20rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_21 {
    font-size: 21rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_22 {
    font-size: 22rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_23 {
    font-size: 23rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_24 {
    font-size: 24rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_25 {
    font-size: 25rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_26 {
    font-size: 26rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_27 {
    font-size: 27rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_28 {
    font-size: 28rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_29 {
    font-size: 29rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_30 {
    font-size: 30rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_31 {
    font-size: 31rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_32 {
    font-size: 32rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_33 {
    font-size: 33rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_34 {
    font-size: 34rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_35 {
    font-size: 35rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_36 {
    font-size: 36rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_37 {
    font-size: 37rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_38 {
    font-size: 38rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_39 {
    font-size: 39rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_40 {
    font-size: 40rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_41 {
    font-size: 41rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_42 {
    font-size: 42rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_43 {
    font-size: 43rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_44 {
    font-size: 44rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_45 {
    font-size: 45rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_46 {
    font-size: 46rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_47 {
    font-size: 47rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_48 {
    font-size: 48rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_49 {
    font-size: 49rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_50 {
    font-size: 50rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_51 {
    font-size: 51rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_52 {
    font-size: 52rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_53 {
    font-size: 53rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_54 {
    font-size: 54rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_55 {
    font-size: 55rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_56 {
    font-size: 56rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_57 {
    font-size: 57rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_58 {
    font-size: 58rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_59 {
    font-size: 59rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_60 {
    font-size: 60rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_61 {
    font-size: 61rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_62 {
    font-size: 62rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_63 {
    font-size: 63rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_64 {
    font-size: 64rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_65 {
    font-size: 65rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_66 {
    font-size: 66rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_67 {
    font-size: 67rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_68 {
    font-size: 68rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_69 {
    font-size: 69rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_70 {
    font-size: 70rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_71 {
    font-size: 71rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_72 {
    font-size: 72rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_73 {
    font-size: 73rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_74 {
    font-size: 74rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_75 {
    font-size: 75rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_76 {
    font-size: 76rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_77 {
    font-size: 77rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_78 {
    font-size: 78rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_79 {
    font-size: 79rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_80 {
    font-size: 80rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_81 {
    font-size: 81rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_82 {
    font-size: 82rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_83 {
    font-size: 83rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_84 {
    font-size: 84rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_85 {
    font-size: 85rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_86 {
    font-size: 86rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_87 {
    font-size: 87rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_88 {
    font-size: 88rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_89 {
    font-size: 89rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_90 {
    font-size: 90rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_91 {
    font-size: 91rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_92 {
    font-size: 92rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_93 {
    font-size: 93rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_94 {
    font-size: 94rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_95 {
    font-size: 95rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_96 {
    font-size: 96rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_97 {
    font-size: 97rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_98 {
    font-size: 98rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_99 {
    font-size: 99rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_100 {
    font-size: 100rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_101 {
    font-size: 101rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_102 {
    font-size: 102rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_103 {
    font-size: 103rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_104 {
    font-size: 104rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_105 {
    font-size: 105rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_106 {
    font-size: 106rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_107 {
    font-size: 107rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_108 {
    font-size: 108rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_109 {
    font-size: 109rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_110 {
    font-size: 110rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_111 {
    font-size: 111rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_112 {
    font-size: 112rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_113 {
    font-size: 113rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_114 {
    font-size: 114rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_115 {
    font-size: 115rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_116 {
    font-size: 116rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_117 {
    font-size: 117rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_118 {
    font-size: 118rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_119 {
    font-size: 119rem;
  }
}

@media (max-width: 767px) {
  .fs__sp_120 {
    font-size: 120rem;
  }
}

.fw__500 {
  font-weight: 500;
}

.fw__600 {
  font-weight: 600;
}

.fw__700 {
  font-weight: 700;
}

@media (min-width: 1200px) {
  .pc__none {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .pc__none1 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .pc__none1 {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .tablet__only {
    display: none;
  }
}
@media (max-width: 767px) {
  .tablet__only {
    display: none;
  }
}

@media (max-width: 767px) {
  .sp__none {
    display: none !important;
  }
}

.color__wh {
  color: #fff;
}

.text__center {
  text-align: center;
}

/*********************

ヘッダー

************************/
.header {
  background: #000000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2000;
}
@media (min-width: 1200px) {
  .header {
    padding: 28rem 0;
  }
}
@media (max-width: 767px) {
  .header {
    padding: 34rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header {
    padding: 27rem 40rem 27rem 80rem;
  }
}
@media (max-width: 767px) {
  .header-sp {
    width: 60rem;
    height: 52rem;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 1001;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header-sp {
    width: 30rem;
    height: 26rem;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 1001;
  }
}
.header-sp span {
  background: #fff;
  position: absolute;
}
@media (max-width: 767px) {
  .header-sp span {
    width: 60rem;
    height: 4px;
    border-radius: 5rem;
    left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header-sp span {
    width: 30rem;
    height: 4px;
    border-radius: 5rem;
    left: 0;
  }
}
.header-sp span {
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .header-sp span:nth-of-type(1) {
    top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header-sp span:nth-of-type(1) {
    top: 0;
  }
}
.header-sp span:nth-of-type(1) {
  transition: 0.3s;
}
.header-sp span:nth-of-type(1).close {
  display: none;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .header-sp span:nth-of-type(2) {
    top: 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header-sp span:nth-of-type(2) {
    top: 10rem;
  }
}
.header-sp span:nth-of-type(2).close {
  transform: rotate(-45deg);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .header-sp span:nth-of-type(3) {
    top: 40rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header-sp span:nth-of-type(3) {
    top: 20rem;
  }
}
.header-sp span:nth-of-type(3).close {
  transform: rotate(45deg);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .header-sp span:nth-of-type(3).close {
    top: 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header-sp span:nth-of-type(3).close {
    top: 10rem;
  }
}
.header__separate {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1200px) {
  .header__separate {
    width: 1100rem;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .header__separate {
    margin: 0 30rem;
  }
}
.header__separate_left img {
  display: flex;
}
@media (min-width: 1200px) {
  .header__separate_left img {
    width: 172rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header__separate_left img {
    width: 172rem;
  }
}
@media (max-width: 767px) {
  .header__separate_left img {
    width: 344rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header__separate_right {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header__separate_right .last__tablet {
    width: 194rem;
    background: #D5D5D5;
    border-radius: 5rem;
    font-weight: 700;
    font-size: 16rem;
    color: #000000;
    display: inline-block;
    text-align: center;
    padding: 10rem;
    margin-right: 30rem;
  }
}
@media (min-width: 1200px) {
  .header__separate_right ul {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .header__separate_right ul {
    position: fixed;
    right: -100%;
    width: 100%;
    height: 100%;
    top: 0;
    background: #000;
    box-sizing: border-box;
    z-index: 2;
    transition: 0.3s;
    padding: 200rem 80rem 30rem 80rem;
    z-index: 1000;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header__separate_right ul {
    position: fixed;
    right: -100%;
    width: 283rem;
    height: 100%;
    top: 0;
    background: #000;
    box-sizing: border-box;
    z-index: 2;
    transition: 0.3s;
    padding: 100rem 30rem 30rem 30rem;
    z-index: 1000;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .header__separate_right ul.on {
    right: 0;
    transition: 0.3s;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header__separate_right ul.on {
    right: 0;
    transition: 0.3s;
  }
}
@media (min-width: 1200px) {
  .header__separate_right ul li:not(:last-of-type) a {
    margin-right: 30rem;
  }
}
@media (max-width: 767px) {
  .header__separate_right ul li:not(:last-of-type) a {
    margin-bottom: 60rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header__separate_right ul li:not(:last-of-type) a {
    margin-bottom: 30rem;
  }
}
.header__separate_right ul li:last-of-type a {
  background: #D5D5D5;
  border-radius: 5rem;
  color: #000000;
}
@media (min-width: 1200px) {
  .header__separate_right ul li:last-of-type a {
    padding: 9rem 29rem;
  }
}
@media (max-width: 767px) {
  .header__separate_right ul li:last-of-type a {
    padding: 19rem 29rem;
    width: 382rem;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header__separate_right ul li:last-of-type a {
    padding: 10rem 29rem;
    width: 240rem;
    text-align: center;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .header__separate_right ul li a {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .header__separate_right ul li a {
    display: block;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header__separate_right ul li a {
    display: block;
  }
}
@media (max-width: 767px) {
  .header__separate_right ul li a span {
    font-size: 36rem;
    display: block;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header__separate_right ul li a span {
    font-size: 18rem;
    display: block;
  }
}

/*********************

フッター

************************/
.sns {
  background: #F5F5F5;
  text-align: center;
}
@media (min-width: 1200px) {
  .sns {
    padding: 25rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .sns {
    padding: 25rem 0;
  }
}
@media (max-width: 767px) {
  .sns {
    padding: 54rem 40rem;
  }
}
@media (min-width: 1200px) {
  .sns img {
    width: 245rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .sns img {
    width: 245rem;
  }
}
@media (max-width: 767px) {
  .sns img {
    width: 488rem;
  }
}

.footer {
  background: #000000;
  text-align: center;
}
@media (min-width: 1200px) {
  .footer {
    padding: 50rem 0 120rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .footer {
    padding: 50rem 0;
  }
}
@media (max-width: 767px) {
  .footer {
    padding: 100rem 40rem 120rem;
  }
}
@media (min-width: 1200px) {
  .footer__content img {
    width: 160rem;
    margin: 0 auto 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .footer__content img {
    width: 160rem;
    margin: 0 auto 20rem;
  }
}
@media (max-width: 767px) {
  .footer__content img {
    width: 320rem;
    margin: 0 auto 40rem;
  }
}
.footer__content img {
  display: block;
}
@media (min-width: 1200px) {
  .footer__content_block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .footer__content_block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20rem;
  }
}
@media (max-width: 767px) {
  .footer__content_block {
    margin-bottom: 40rem;
  }
}
.footer__content_block a {
  color: #fff;
}
@media (min-width: 1200px) {
  .footer__content_block a {
    display: inline-block;
    margin: 0 15rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .footer__content_block a {
    display: inline-block;
    margin: 0 15rem;
  }
}
.footer__content_contact {
  background: #333333;
  border-radius: 5rem;
  border: 1px solid #fff;
}
@media (min-width: 1200px) {
  .footer__content_contact {
    padding: 8rem 71rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .footer__content_contact {
    width: 240rem;
    padding: 8rem;
  }
}
.footer__content_contact {
  margin-bottom: 30rem;
  display: inline-block;
}
@media (max-width: 767px) {
  .footer__content_contact {
    width: 480rem;
    padding: 21rem;
  }
}

.cmn__btn1 {
  background: #d5d5d5;
}
@media (min-width: 1200px) {
  .cmn__btn1 {
    padding: 12rem 38rem;
    border-radius: 5rem;
  }
}
@media (max-width: 767px) {
  .cmn__btn1 {
    padding: 19rem 42rem;
    border-radius: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .cmn__btn1 {
    padding: 10rem 18rem;
    border-radius: 5rem;
    width: 240rem;
  }
}
.cmn__btn1 {
  display: inline-block;
  font-weight: 700;
}

.no__page {
  margin: 300rem 0;
}
.no__page p {
  margin-bottom: 30rem;
}

/*********************

よくある質問

************************/
@media (min-width: 1200px) {
  .faq__single {
    padding-top: 100rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .faq__single {
    padding-top: 100rem;
  }
}
@media (min-width: 1200px) {
  .faq__single_head {
    width: 980rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .faq__single_head {
    width: 600rem;
    margin: 0 auto 140rem;
  }
}
@media (max-width: 767px) {
  .faq__single_head {
    width: 600rem;
    margin: 0 auto;
  }
}
.faq__single_head ul {
  text-align: center;
}
@media (min-width: 1200px) {
  .faq__single_head ul {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .faq__single_head ul li:not(:last-of-type) {
    margin-bottom: 25rem;
  }
}
@media (max-width: 767px) {
  .faq__single_head ul li:not(:last-of-type) {
    margin-bottom: 30rem;
  }
}
@media (min-width: 1200px) {
  .faq__single_head ul li:nth-of-type(3n+1) a, .faq__single_head ul li:nth-of-type(3n+3) a {
    margin: 0 0 25rem;
  }
}
@media (min-width: 1200px) {
  .faq__single_head ul li:nth-of-type(3n+2) a {
    margin: 0 35rem 25rem;
  }
}
.faq__single_head ul li a {
  background: #EFEFEF;
  display: inline-block;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .faq__single_head ul li a {
    width: 300rem;
    padding: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .faq__single_head ul li a {
    width: 100%;
    padding: 9rem;
  }
}
@media (max-width: 767px) {
  .faq__single_head ul li a {
    width: 100%;
    padding: 20rem;
  }
}
@media (min-width: 1200px) {
  .faq__single_content .box {
    padding: 60rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .faq__single_content .box {
    padding: 60rem 0;
  }
}
@media (max-width: 767px) {
  .faq__single_content .box {
    padding: 100rem 40rem;
  }
}
.faq__single_content .box:nth-of-type(even) {
  background: #EDEDED;
}
@media (min-width: 1200px) {
  .faq__single_content .box h2 {
    width: 600rem;
    margin: 0 auto 85rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .faq__single_content .box h2 {
    width: 600rem;
    margin: 0 auto 60rem;
  }
}
@media (max-width: 767px) {
  .faq__single_content .box h2 {
    margin-bottom: 80rem;
  }
}
@media (min-width: 1200px) {
  .faq__single_content .box__detail {
    width: 600rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .faq__single_content .box__detail {
    width: 600rem;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .faq__single_content .box__detail_nakami:not(:last-of-type) {
    margin-bottom: 45rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .faq__single_content .box__detail_nakami:not(:last-of-type) {
    margin-bottom: 45rem;
  }
}
@media (max-width: 767px) {
  .faq__single_content .box__detail_nakami:not(:last-of-type) {
    margin-bottom: 90rem;
  }
}
.faq__single_content .box__detail_nakami {
  padding-bottom: 40rem;
  border-bottom: 1px solid #000000;
}
@media (max-width: 767px) {
  .faq__single_content .box__detail_nakami .border p:not(:first-of-type) {
    margin-top: 15rem;
  }
}
.faq__single_content .box__detail_nakami .btn {
  background: #000000;
}
@media (min-width: 1200px) {
  .faq__single_content .box__detail_nakami .btn {
    width: 240rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .faq__single_content .box__detail_nakami .btn {
    width: 240rem;
  }
}
@media (max-width: 767px) {
  .faq__single_content .box__detail_nakami .btn {
    width: 480rem;
  }
}
.faq__single_content .box__detail_nakami .btn {
  display: block;
  margin: 0 auto;
  color: #fff;
  border-radius: 5rem;
  font-weight: 700;
  text-align: center;
  padding: 15rem;
}
.faq__single_content .box__detail_nakami h3 {
  position: relative;
  color: #333333;
  margin-bottom: 10rem;
}
@media (min-width: 1200px) {
  .faq__single_content .box__detail_nakami h3 {
    padding-left: 30rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .faq__single_content .box__detail_nakami h3 {
    padding-left: 30rem;
  }
}
@media (max-width: 767px) {
  .faq__single_content .box__detail_nakami h3 {
    padding-left: 60rem;
  }
}
.faq__single_content .box__detail_nakami h3:before {
  content: "Q.";
  position: absolute;
  top: 0;
  left: 0;
}

/*********************

共通ブロック

************************/
.cmn__title {
  text-align: center;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .cmn__title {
    font-size: 30rem;
    margin-bottom: 45rem;
    margin-top: 90rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .cmn__title {
    font-size: 30rem;
    margin-bottom: 45rem;
    margin-top: 90rem;
  }
}
@media (max-width: 767px) {
  .cmn__title {
    font-size: 60rem;
    margin-bottom: 45rem;
    margin-top: 240rem;
  }
}

/*********************

スタイリングブロック

************************/
@media (min-width: 1200px) {
  .styleing__single {
    padding-top: 100rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .styleing__single {
    padding-top: 100rem;
  }
}
@media (min-width: 1200px) {
  .styleing__single_head {
    margin-bottom: 50rem;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .styleing__single_head {
    margin-bottom: 50rem;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .styleing__single_head {
    width: 650rem;
    margin: 0 auto 150rem;
  }
}
.styleing__single_repeat .box:nth-of-type(1) .box__second {
  background: #333333;
}
.styleing__single_repeat .box:nth-of-type(2) h3 {
  color: #333333;
}
.styleing__single_repeat .box:nth-of-type(2) h4 {
  color: #333333;
}
.styleing__single_repeat .box__first {
  position: relative;
}
.styleing__single_repeat .box__first img {
  width: 100%;
  display: flex;
}
@media (min-width: 1200px) {
  .styleing__single_repeat .box__first img {
    height: 390rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .styleing__single_repeat .box__first img {
    height: 390rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
  }
}
.styleing__single_repeat .box__first h3 {
  position: absolute;
  z-index: 2;
}
@media (min-width: 1200px) {
  .styleing__single_repeat .box__first h3 {
    top: 50rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .styleing__single_repeat .box__first h3 {
    top: 50rem;
  }
}
@media (max-width: 767px) {
  .styleing__single_repeat .box__first h3 {
    top: 100rem;
  }
}
.styleing__single_repeat .box__first h3 {
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
@media (min-width: 1200px) {
  .styleing__single_repeat .box__second {
    padding: 70rem 0 80rem;
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .styleing__single_repeat .box__second {
    padding: 70rem 0 80rem;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .styleing__single_repeat .box__second {
    padding: 120rem 140rem;
  }
}
.styleing__single_repeat .box__second .nakami {
  text-align: center;
}
@media (min-width: 1200px) {
  .styleing__single_repeat .box__second .nakami {
    width: 246rem;
    max-width: 248rem; /* 315→360や400に */
    aspect-ratio: 9/16;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .styleing__single_repeat .box__second .nakami {
    width: 246rem;
    max-width: 248rem; /* 315→360や400に */
  }
}
@media (max-width: 767px) {
  .styleing__single_repeat .box__second .nakami {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .styleing__single_repeat .box__second .nakami h4 {
    margin-bottom: 15rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .styleing__single_repeat .box__second .nakami h4 {
    margin-bottom: 15rem;
  }
}
@media (max-width: 767px) {
  .styleing__single_repeat .box__second .nakami h4 {
    margin-bottom: 30rem;
  }
}
.styleing__single_repeat .box__second .nakami iframe {
  width: 100%;
  aspect-ratio: 9/16;
  height: auto;
  display: block;
  border: 0;
}
@media (min-width: 1200px) {
  .styleing__single_repeat .box__second .nakami:nth-of-type(2) {
    margin-left: 100rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .styleing__single_repeat .box__second .nakami:nth-of-type(2) {
    margin-left: 100rem;
  }
}
@media (max-width: 767px) {
  .styleing__single_repeat .box__second .nakami:nth-of-type(2) {
    margin-top: 100rem;
  }
}

/*********************

商品紹介

************************/
.product__mv {
  position: relative;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1200px) {
  .product__mv {
    margin-top: 99rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__mv {
    margin-top: 99rem;
  }
}
@media (max-width: 767px) {
  .product__mv {
    margin-top: 140rem;
  }
}
.product__mv h1 {
  position: absolute;
}
@media (min-width: 1200px) {
  .product__mv h1 {
    top: 60rem;
    left: 50.5%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__mv h1 {
    top: 60rem;
    left: 50.5%;
  }
}
@media (max-width: 767px) {
  .product__mv h1 {
    top: 90rem;
    left: 398rem;
  }
}
.product__mv h1 {
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  z-index: 1;
  letter-spacing: 20rem;
  color: #333333;
}
.product__mv h1:first-letter {
  color: #fff;
}
.product__mv_block {
  width: 50%;
  position: relative;
  text-align: center;
}
@media (min-width: 1200px) {
  .product__mv_block {
    min-height: 1000rem;
    padding: 160rem 0 0 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__mv_block {
    min-height: 1000rem;
    padding: 160rem 0 0 0;
  }
}
@media (max-width: 767px) {
  .product__mv_block {
    min-height: 1542rem;
    padding: 260rem 0 0 0;
  }
}
.product__mv_block:nth-of-type(1) h2, .product__mv_block:nth-of-type(1) h3, .product__mv_block:nth-of-type(1) p, .product__mv_block:nth-of-type(1) a {
  color: #fff;
}
.product__mv_block:nth-of-type(2) h2, .product__mv_block:nth-of-type(2) h3, .product__mv_block:nth-of-type(2) p, .product__mv_block:nth-of-type(2) a {
  color: #333;
}
@media (min-width: 1200px) {
  .product__mv_block h2 {
    margin-bottom: 40rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__mv_block h2 {
    margin-bottom: 40rem;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .product__mv_block h2 {
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 40rem;
  }
}
@media (min-width: 1200px) {
  .product__mv_block h3 {
    margin-bottom: 350rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__mv_block h3 {
    margin-bottom: 360rem;
  }
}
@media (max-width: 767px) {
  .product__mv_block h3 {
    margin-bottom: 400rem;
  }
}
@media (min-width: 1200px) {
  .product__mv_block p {
    margin-bottom: 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__mv_block p {
    margin-bottom: 20rem;
  }
}
@media (max-width: 767px) {
  .product__mv_block p {
    line-height: 1.5;
    margin-bottom: 45rem;
  }
}
@media (min-width: 1200px) {
  .product__mv_block ul {
    margin-bottom: 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__mv_block ul {
    margin-bottom: 20rem;
  }
}
@media (max-width: 767px) {
  .product__mv_block ul {
    padding: 0 40rem;
    margin-bottom: 40rem;
  }
}
.product__mv_block ul li {
  background: #fff;
  padding: 15rem;
}
@media (min-width: 1200px) {
  .product__mv_block ul li {
    width: 300rem;
    margin: 0 auto 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__mv_block ul li {
    width: 200rem;
    margin: 0 auto 10rem;
  }
}
@media (max-width: 767px) {
  .product__mv_block ul li {
    width: 310rem;
    margin-bottom: 20rem;
  }
}
.product__mv_block img {
  display: flex;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.product__repeat {
  text-align: center;
}
.product__repeat_box:nth-of-type(1) h2, .product__repeat_box:nth-of-type(1) h3, .product__repeat_box:nth-of-type(1) p, .product__repeat_box:nth-of-type(1) small {
  color: #fff;
}
.product__repeat_box:nth-of-type(1) a {
  background: #D5D5D5;
}
.product__repeat_box:nth-of-type(1) .content {
  background: #333333;
}
.product__repeat_box:nth-of-type(1) .recommend {
  background: #000000;
}
.product__repeat_box:nth-of-type(1) .recommend li {
  background: #2D2D2D;
  color: #fff;
}
.product__repeat_box:nth-of-type(1) .recommend li:before {
  background-image: url(./images/product/recommend__wh.svg);
}
.product__repeat_box:nth-of-type(1) .seibun {
  background: #333333;
}
@media (max-width: 767px) {
  .product__repeat_box:nth-of-type(2) .head {
    min-height: 1572rem;
    padding: 190rem 0 0 0;
  }
}
.product__repeat_box:nth-of-type(2) .head h2 {
  font-weight: 500;
}
.product__repeat_box:nth-of-type(2) .head a {
  background: #FFFFFF;
}
.product__repeat_box:nth-of-type(2) .content {
  background: #F5F5F5;
}
.product__repeat_box:nth-of-type(2) .recommend li {
  background: #F5F5F5;
  color: #333;
}
.product__repeat_box:nth-of-type(2) .recommend li:before {
  background-image: url(./images/product/recommend__bk.svg);
}
.product__repeat_box:nth-of-type(2) .seibun {
  background: #F5F5F5;
}
.product__repeat_box .seibun {
  text-align: left;
}
@media (min-width: 1200px) {
  .product__repeat_box .seibun {
    padding: 70rem 0 130rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__repeat_box .seibun {
    padding: 70rem 0 130rem;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .seibun {
    padding: 100rem 60rem 120rem;
  }
}
.product__repeat_box .seibun p b {
  font-weight: 700;
}
@media (min-width: 1200px) {
  .product__repeat_box .seibun p {
    width: 572rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__repeat_box .seibun p {
    width: 572rem;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .product__repeat_box .recommend {
    padding: 60rem 0 70rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__repeat_box .recommend {
    padding: 75rem 0 70rem;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .recommend {
    padding: 100rem 0 120rem;
  }
}
.product__repeat_box .recommend h2 {
  margin-bottom: 20rem;
}
@media (min-width: 1200px) {
  .product__repeat_box .recommend ul {
    width: 572rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__repeat_box .recommend ul {
    width: 572rem;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .recommend ul {
    width: 660rem;
    margin: 0 auto;
  }
}
.product__repeat_box .recommend ul li {
  position: relative;
  text-align: left;
}
@media (min-width: 1200px) {
  .product__repeat_box .recommend ul li {
    padding: 10rem 10rem 10rem 140rem;
    margin-bottom: 15rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__repeat_box .recommend ul li {
    padding: 10rem 10rem 10rem 140rem;
    margin-bottom: 15rem;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .recommend ul li {
    padding: 19rem 10rem 19rem 90rem;
    margin-bottom: 20rem;
  }
}
.product__repeat_box .recommend ul li:before {
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 1200px) {
  .product__repeat_box .recommend ul li:before {
    width: 22rem;
    height: 20rem;
    top: 14rem;
    left: 100rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__repeat_box .recommend ul li:before {
    width: 22rem;
    height: 20rem;
    top: 14rem;
    left: 100rem;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .recommend ul li:before {
    width: 44rem;
    height: 40rem;
    top: 22rem;
    left: 25rem;
  }
}
.product__repeat_box .recommend ul li:before {
  content: "";
  position: absolute;
}
@media (min-width: 1200px) {
  .product__repeat_box .content {
    padding: 80rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__repeat_box .content {
    padding: 80rem 0;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .content {
    padding: 80rem 0 100rem;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .content h2 {
    font-weight: 700;
  }
}
.product__repeat_box .content h3 {
  margin-bottom: 40rem;
}
.product__repeat_box .content img {
  display: inline-block;
  margin-bottom: 50rem;
}
@media (min-width: 1200px) {
  .product__repeat_box .content img {
    width: 1200rem;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .content img {
    width: 660rem;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .content ul {
    width: 600rem;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .product__repeat_box .content ul li {
    width: 376rem;
    margin: 0 auto 20rem;
    padding: 13rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__repeat_box .content ul li {
    width: 376rem;
    margin: 0 auto 20rem;
    padding: 13rem;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .content ul li {
    margin-bottom: 20rem;
    font-weight: 500;
    padding: 19rem;
  }
}
.product__repeat_box .content ul li {
  background: #fff;
  display: block;
}
.product__repeat_box .head {
  position: relative;
}
@media (min-width: 1200px) {
  .product__repeat_box .head {
    min-height: 832rem;
    padding: 90rem 0 70rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__repeat_box .head {
    min-height: 832rem;
    padding: 90rem 0 90rem 0;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .head {
    min-height: 1422rem;
    padding: 100rem 0 0 0;
  }
}
.product__repeat_box .head img {
  display: flex;
  z-index: -2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.product__repeat_box .head h2 {
  line-height: 1.5;
}
@media (min-width: 1200px) {
  .product__repeat_box .head h2 {
    margin-bottom: 290rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__repeat_box .head h2 {
    margin-bottom: 320rem;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .head h2 {
    margin-bottom: 580rem;
  }
}
@media (min-width: 1200px) {
  .product__repeat_box .head h3 {
    margin-bottom: 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__repeat_box .head h3 {
    margin-bottom: 20rem;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .head h3 {
    margin-bottom: 30rem;
  }
}
@media (min-width: 1200px) {
  .product__repeat_box .head p {
    margin-bottom: 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__repeat_box .head p {
    margin-bottom: 20rem;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .head p {
    margin-bottom: 40rem;
    line-height: 1.5;
  }
}
@media (min-width: 1200px) {
  .product__repeat_box .head p span {
    font-size: 12rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__repeat_box .head p span {
    font-size: 12rem;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .head p span {
    font-size: 24rem;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .head small {
    margin-bottom: 60rem;
  }
}
.product__repeat_box .head a {
  display: inline-block;
  border-radius: 5rem;
  font-weight: 700;
}
@media (min-width: 1200px) {
  .product__repeat_box .head a {
    width: 240rem;
    padding: 10rem;
    margin-top: 30rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__repeat_box .head a {
    width: 240rem;
    padding: 10rem;
    margin-top: 30rem;
  }
}
@media (max-width: 767px) {
  .product__repeat_box .head a {
    width: 480rem;
    padding: 19rem;
  }
}

.product__use {
  background: #000000;
  text-align: center;
}
@media (min-width: 1200px) {
  .product__use {
    padding: 80rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__use {
    padding: 80rem 0;
  }
}
@media (max-width: 767px) {
  .product__use {
    padding: 100rem 60rem;
  }
}
@media (min-width: 1200px) {
  .product__use_inner {
    width: 600rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__use_inner {
    width: 600rem;
    margin: 0 auto;
  }
}
.product__use h2 {
  margin-bottom: 50rem;
}
@media (min-width: 1200px) {
  .product__use img {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .product__use .text {
    margin: 30rem 0 40rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__use .text {
    margin: 30rem 0 40rem;
  }
}
@media (max-width: 767px) {
  .product__use .text {
    margin: 30rem 0 140rem;
  }
}
.product__use .text {
  text-align: left;
}
.product__use .block {
  text-align: left;
}
@media (min-width: 1200px) {
  .product__use .block {
    margin-bottom: 45rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__use .block {
    margin-bottom: 45rem;
  }
}
@media (max-width: 767px) {
  .product__use .block {
    margin-bottom: 140rem;
  }
}
.product__use .block h3 {
  margin-bottom: 20rem;
}
@media (max-width: 767px) {
  .product__use .block h3 {
    text-align: center;
  }
}
.product__use strong {
  display: block;
  margin-bottom: 50rem;
}
@media (max-width: 767px) {
  .product__use strong {
    font-weight: 700;
  }
}

.product__caution {
  background: #DDDDDD;
}
@media (min-width: 1200px) {
  .product__caution {
    padding: 75rem 0 150rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__caution {
    padding: 70rem 0 170rem;
  }
}
@media (max-width: 767px) {
  .product__caution {
    padding: 90rem 60rem 130rem;
  }
}
.product__caution h2 {
  text-align: center;
}
@media (min-width: 1200px) {
  .product__caution h2 {
    margin-bottom: 30rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__caution h2 {
    margin-bottom: 30rem;
  }
}
@media (max-width: 767px) {
  .product__caution h2 {
    margin-bottom: 60rem;
  }
}
@media (min-width: 1200px) {
  .product__caution p {
    width: 600rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__caution p {
    width: 600rem;
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  .product__faq {
    padding: 70rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__faq {
    padding: 70rem 0;
  }
}
@media (max-width: 767px) {
  .product__faq {
    padding: 80rem 60rem 120rem;
  }
}
.product__faq h2 {
  text-align: center;
  margin-bottom: 50rem;
}
@media (min-width: 1200px) {
  .product__faq_content {
    width: 600rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__faq_content {
    width: 600rem;
    margin: 0 auto;
  }
}
.product__faq_content .box__detail_nakami:last-of-type {
  border-bottom: none;
}
.product__faq_content a {
  background: #333333;
  border-radius: 5rem;
  display: block;
  text-align: center;
}
@media (min-width: 1200px) {
  .product__faq_content a {
    width: 240rem;
    margin: 40rem auto 0;
    padding: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .product__faq_content a {
    width: 240rem;
    margin: 0 auto 0;
    padding: 10rem;
  }
}
@media (max-width: 767px) {
  .product__faq_content a {
    width: 480rem;
    margin: 40rem auto 0;
    padding: 19rem;
  }
}

@media (min-width: 1200px) {
  .feature__page {
    margin-top: 99rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__page {
    margin-top: 99rem;
  }
}
@media (max-width: 767px) {
  .feature__page {
    margin-top: 140rem;
  }
}
.feature__page_head {
  position: relative;
}
@media (max-width: 767px) {
  .feature__page_head {
    min-height: 1550rem;
    padding: 120rem 0 0 0;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__page_head {
    padding: 100rem 0 0 0;
    text-align: center;
    min-height: 764rem;
  }
}
@media (min-width: 1200px) {
  .feature__page_head h1 {
    background: #333333;
    text-align: center;
    padding: 95rem 0 45rem;
    color: #fff;
  }
}
@media (max-width: 767px) {
  .feature__page_head h1 {
    color: #333333;
    position: relative;
    z-index: 1;
    letter-spacing: 20rem;
    margin-left: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__page_head h1 {
    color: #333333;
    position: relative;
    z-index: 1;
    letter-spacing: 20rem;
    margin-left: 25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__page_head h1:first-letter {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .feature__page_head h1:first-letter {
    color: #fff;
  }
}
.feature__page_head img {
  display: flex;
  width: 100%;
}
@media (max-width: 767px) {
  .feature__page_head img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__page_head img {
    position: absolute;
    top: 0;
    left: 0;
    height: 764rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
  }
}
@media (min-width: 1200px) {
  .feature__page_head img {
    height: 533rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
  }
}

@media (max-width: 767px) {
  .feature__content {
    position: relative;
  }
}
.feature__content h2 {
  text-align: center;
}
@media (min-width: 1200px) {
  .feature__content h2 {
    padding: 50rem 0;
    background: #000000;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content h2 {
    padding: 50rem 0;
    background: #000000;
  }
}
@media (max-width: 767px) {
  .feature__content h2 {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    line-height: 1.5;
    top: -460rem;
    padding: 83rem 0;
  }
}
.feature__content small {
  font-weight: 500;
  color: #070707;
}
@media (min-width: 1200px) {
  .feature__content small {
    font-size: 16rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content small {
    font-size: 16rem;
  }
}
@media (max-width: 767px) {
  .feature__content small {
    font-size: 32rem;
    margin-bottom: 30rem;
    width: 100%;
  }
}
.feature__content small span {
  font-weight: 500;
  display: block;
  line-height: 1;
}
@media (min-width: 1200px) {
  .feature__content small span {
    font-size: 50rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content small span {
    font-size: 50rem;
  }
}
@media (max-width: 767px) {
  .feature__content small span {
    font-size: 70rem;
  }
}
.feature__content_first {
  text-align: center;
}
@media (min-width: 1200px) {
  .feature__content_first {
    padding: 80rem 0;
    background: #EFEFEF;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_first {
    padding: 70rem 0;
    background: #EFEFEF;
  }
}
@media (max-width: 767px) {
  .feature__content_first {
    padding: 100rem 60rem;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .feature__content_first.color {
    background: #F5F5F5;
  }
}
@media (max-width: 767px) {
  .feature__content_first.color {
    background: #000000;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .feature__content_first.color h4 {
    order: 1;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .feature__content_first.color .text {
    order: 3;
    width: 100%;
    color: #fff;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .feature__content_first.color .hosoku {
    color: #fff;
    font-size: 28rem;
  }
}
@media (max-width: 767px) {
  .feature__content_first.color .hosoku1 {
    margin-bottom: 30rem;
    order: 5;
  }
}
@media (max-width: 767px) {
  .feature__content_first.color .separate__block {
    order: 2;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .feature__content_first.color .separate__block:first-of-type {
    width: 50%;
  }
}
.feature__content_first h3 {
  margin-bottom: 15rem;
  margin-top: 15rem;
  width: 100%;
}
@media (max-width: 767px) {
  .feature__content_first h3.sp__wh {
    color: #fff;
  }
}
.feature__content_first h3 span {
  font-weight: 500;
}
@media (min-width: 1200px) {
  .feature__content_first h3 span {
    font-size: 12rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_first h3 span {
    font-size: 12rem;
  }
}
@media (max-width: 767px) {
  .feature__content_first h3 span {
    font-size: 24rem;
  }
}
@media (min-width: 1200px) {
  .feature__content_first h4 {
    margin-bottom: 20rem;
    color: #333333;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_first h4 {
    margin-bottom: 30rem;
    color: #333333;
  }
}
@media (max-width: 767px) {
  .feature__content_first h4 {
    width: 100%;
    margin-bottom: 45rem;
    color: #fff;
  }
}
.feature__content_first .text {
  color: #333333;
  margin-bottom: 40rem;
}
@media (max-width: 767px) {
  .feature__content_first .text {
    width: 100%;
    order: 5;
  }
}
.feature__content_first .separate {
  display: flex;
}
@media (min-width: 1200px) {
  .feature__content_first .separate {
    justify-content: center;
    margin-bottom: 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_first .separate {
    justify-content: center;
    flex-wrap: wrap;
    width: 555rem;
    margin: 0 auto 20rem;
  }
}
@media (max-width: 767px) {
  .feature__content_first .separate {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    order: 4;
    margin-bottom: 45rem;
  }
}
@media (min-width: 1200px) {
  .feature__content_first .separate__block:not(:last-of-type) {
    margin-right: 20rem;
  }
}
@media (max-width: 767px) {
  .feature__content_first .separate__block:not(:first-of-type) {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_first .separate__block:nth-of-type(2) {
    margin: 0 20rem 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_first .separate__block:nth-of-type(5) {
    margin: 0 0 0 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_first .separate__block:nth-of-type(6) {
    margin: 0 0 0 20rem;
  }
}
@media (max-width: 767px) {
  .feature__content_first .separate__block:first-of-type {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .feature__content_first .separate__block:first-of-type p {
    color: #fff;
  }
}
@media (min-width: 1200px) {
  .feature__content_first .separate__block {
    width: 170rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_first .separate__block {
    width: 170rem;
    margin: 0 0 20rem;
  }
}
@media (max-width: 767px) {
  .feature__content_first .separate__block {
    position: relative;
  }
}
.feature__content_first .separate__block img {
  display: flex;
  width: 100%;
}
@media (min-width: 1200px) {
  .feature__content_first .separate__block img {
    margin-bottom: 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_first .separate__block img {
    margin-bottom: 20rem;
  }
}
.feature__content_first .separate__block .en {
  line-height: 1.5;
}
@media (max-width: 767px) {
  .feature__content_first .separate__block .en.moji__1 {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .feature__content_first .separate__block .en.text__2, .feature__content_first .separate__block .en.text__3, .feature__content_first .separate__block .en.text__4, .feature__content_first .separate__block .en.text__5, .feature__content_first .separate__block .en.text__6 {
    color: #fff;
  }
}
@media (min-width: 1200px) {
  .feature__content_first .separate__block .en {
    font-weight: 500;
    margin-bottom: 10rem;
  }
}
@media (max-width: 767px) {
  .feature__content_first .separate__block .en {
    display: flex;
    justify-content: center;
    font-size: 23rem;
    font-weight: 700;
    position: absolute;
    top: 80rem;
    left: 50%;
    font-size: 24rem;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    width: 85%;
  }
}
@media (max-width: 767px) {
  .feature__content_first .separate__block .jp {
    position: absolute;
    top: 120rem;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    width: 100%;
  }
}
.feature__content_first .separate__block .jp span {
  font-weight: 500;
}
@media (min-width: 1200px) {
  .feature__content_first .separate__block .jp span {
    font-size: 12rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_first .separate__block .jp span {
    font-size: 12rem;
  }
}
@media (max-width: 767px) {
  .feature__content_first .separate__block .jp span {
    font-size: 24rem;
  }
}
.feature__content_first .hosoku {
  color: #333333;
}
@media (max-width: 767px) {
  .feature__content_first .hosoku {
    width: 100%;
    order: 6;
  }
}
@media (max-width: 767px) {
  .feature__content_repeat {
    width: 660rem;
    margin: 0 auto 90rem;
  }
}
@media (min-width: 1200px) {
  .feature__content_repeat .box {
    padding: 70rem 0;
    min-height: 467rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_repeat .box {
    padding: 70rem 0 80rem;
  }
}
@media (max-width: 767px) {
  .feature__content_repeat .box:not(:last-of-type) {
    margin-bottom: 80rem;
  }
}
@media (min-width: 1200px) {
  .feature__content_repeat .box:nth-of-type(odd) .box__inner {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1200px) {
  .feature__content_repeat .box:nth-of-type(odd) img {
    left: 0;
  }
}
@media (min-width: 1200px) {
  .feature__content_repeat .box:nth-of-type(even) {
    background: #F5F5F5;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_repeat .box:nth-of-type(even) {
    background: #F5F5F5;
  }
}
@media (min-width: 1200px) {
  .feature__content_repeat .box:nth-of-type(even) img {
    right: 0;
  }
}
@media (min-width: 1200px) {
  .feature__content_repeat .box__inner {
    width: 1100rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
  }
}
@media (min-width: 1200px) {
  .feature__content_repeat .box__inner img {
    width: 550rem;
    height: 307rem;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
  }
}
@media (max-width: 767px) {
  .feature__content_repeat .box__inner img {
    width: 100%;
    margin-bottom: 30rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_repeat .box__inner img {
    order: 5;
    width: 550rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_repeat .box__inner p {
    order: 4;
    width: 100%;
    margin-bottom: 50rem;
  }
}
.feature__content_repeat .box__inner .left {
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_repeat .box__inner .left {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .feature__content_repeat .box__inner .left small {
    margin-bottom: 15rem;
    width: 400rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_repeat .box__inner .left small {
    margin-bottom: 15rem;
    order: 1;
    width: 100%;
  }
}
.feature__content_repeat .box__inner .left h3 {
  line-height: 1.5;
  margin-bottom: 20rem;
}
@media (min-width: 1200px) {
  .feature__content_repeat .box__inner .left h3 {
    width: 400rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_repeat .box__inner .left h3 {
    order: 2;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .feature__content_repeat .box__inner .left h4 {
    width: 400rem;
    margin-bottom: 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__content_repeat .box__inner .left h4 {
    order: 3;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .feature__content_repeat .box__inner .left h4 {
    margin-bottom: 40rem;
  }
}

.feature__product {
  text-align: center;
}
@media (min-width: 1200px) {
  .feature__product {
    padding: 55rem 0;
    background: #333333;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__product {
    padding: 55rem 0;
    background: #333333;
  }
}
@media (max-width: 767px) {
  .feature__product {
    background: #000;
    padding: 50rem 0 120rem 0;
  }
}
.feature__product img {
  display: block;
}
@media (min-width: 1200px) {
  .feature__product img {
    width: 100rem;
    margin: 0 auto 50rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__product img {
    width: 100rem;
    margin: 0 auto 50rem;
  }
}
@media (max-width: 767px) {
  .feature__product img {
    width: 200rem;
    margin: 0 auto 100rem;
  }
}
.feature__product a {
  border-radius: 5rem;
  background: #fff;
}
@media (min-width: 1200px) {
  .feature__product a {
    width: 240rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature__product a {
    width: 240rem;
  }
}
.feature__product a {
  padding: 8rem 71rem;
  display: inline-block;
}
@media (max-width: 767px) {
  .feature__product a {
    width: 480rem;
    padding: 19rem;
  }
}

.story__mv {
  position: relative;
}
@media (min-width: 1200px) {
  .story__mv {
    min-height: 745rem;
    padding: 100rem 0 0 0;
    text-align: center;
    margin-top: 99rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .story__mv {
    min-height: 745rem;
    padding: 100rem 0 0 0;
    text-align: center;
    margin-top: 99rem;
  }
}
@media (max-width: 767px) {
  .story__mv {
    margin-top: 140rem;
    min-height: 1548rem;
    padding: 120rem 60rem 100rem;
  }
}
.story__mv:before {
  background: rgba(0, 0, 0, 0.58);
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.story__mv img {
  z-index: -2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}
@media (min-width: 1200px) {
  .story__mv h1 {
    margin-bottom: 135rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .story__mv h1 {
    margin-bottom: 145rem;
  }
}
@media (max-width: 767px) {
  .story__mv h1 {
    text-align: center;
    margin-bottom: 360rem;
  }
}
@media (min-width: 1200px) {
  .story__mv h2 {
    margin-bottom: 50rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .story__mv h2 {
    margin-bottom: 50rem;
  }
}
@media (max-width: 767px) {
  .story__mv h2 {
    margin-bottom: 80rem;
  }
}
.story__mv h2 {
  line-height: 1.5;
}
.story__mv p {
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
@media (min-width: 1200px) {
  .story__mv p {
    width: 600rem;
    margin: 0 auto;
    padding: 45rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .story__mv p {
    width: 600rem;
    margin: 0 auto;
    padding: 45rem 0;
  }
}
@media (max-width: 767px) {
  .story__mv p {
    padding: 70rem 0;
  }
}

@media (min-width: 1200px) {
  .story__repeat_block {
    padding: 70rem 0;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .story__repeat_block {
    padding: 70rem 0;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .story__repeat_block {
    padding: 110rem 60rem;
  }
}
.story__repeat_block:nth-of-type(1) {
  background: #000;
}
.story__repeat_block:nth-of-type(1) p {
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .story__repeat_block:nth-of-type(2) {
    background: rgba(255, 255, 255, 0.8);
  }
}
.story__repeat_block img {
  display: block;
}
@media (min-width: 1200px) {
  .story__repeat_block img {
    width: 600rem;
    margin: 0 auto 40rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .story__repeat_block img {
    width: 600rem;
    margin: 0 auto 40rem;
  }
}
@media (max-width: 767px) {
  .story__repeat_block img {
    width: 100%;
    margin-bottom: 40rem;
  }
}
@media (max-width: 767px) {
  .story__repeat_block p br {
    display: none;
  }
}
@media (min-width: 1200px) {
  .story__repeat_block p:nth-of-type(1) {
    margin-bottom: 70rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .story__repeat_block p:nth-of-type(1) {
    margin-bottom: 70rem;
  }
}
@media (max-width: 767px) {
  .story__repeat_block p:nth-of-type(1) {
    margin-bottom: 80rem;
  }
}

.story__tra {
  background: #000000;
}
@media (min-width: 1200px) {
  .story__tra {
    padding: 80rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .story__tra {
    padding: 80rem 0;
  }
}
@media (max-width: 767px) {
  .story__tra {
    padding: 110rem 60rem 150rem;
  }
}
@media (min-width: 1200px) {
  .story__tra_inner {
    width: 600rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .story__tra_inner {
    width: 600rem;
    margin: 0 auto;
  }
}
.story__tra_inner img {
  width: 100%;
  display: flex;
}
@media (min-width: 1200px) {
  .story__tra_inner img {
    margin-bottom: 30rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .story__tra_inner img {
    margin-bottom: 30rem;
  }
}
@media (max-width: 767px) {
  .story__tra_inner img {
    margin-bottom: 50rem;
  }
}
.story__tra_inner span {
  display: block;
}
@media (min-width: 1200px) {
  .story__tra_inner span {
    margin-bottom: 30rem;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .story__tra_inner span {
    margin-bottom: 30rem;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .story__tra_inner span {
    margin-bottom: 80rem;
  }
}
.story__tra_inner p {
  text-align: left;
}
@media (min-width: 1200px) {
  .story__tra_inner p small {
    font-size: 16rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .story__tra_inner p small {
    font-size: 16rem;
  }
}
@media (max-width: 767px) {
  .story__tra_inner p small {
    font-size: 32rem;
    display: block;
    margin-bottom: 70rem;
  }
}
@media (min-width: 1200px) {
  .story__tra_inner h2 {
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .story__tra_inner h2 {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .story__tra_inner h2 {
    line-height: 1.5;
  }
}
.story__tra_inner h2 {
  margin: 60rem 0;
}

@media (max-width: 767px) {
  .story__bottom {
    display: flex;
    flex-wrap: wrap;
  }
}
.story__bottom picture {
  width: 100%;
}
@media (max-width: 767px) {
  .story__bottom picture {
    order: 2;
  }
}
.story__bottom img {
  display: flex;
  width: 100%;
}
.story__bottom_block {
  background: rgba(255, 255, 255, 0.85);
}
@media (min-width: 1200px) {
  .story__bottom_block {
    padding: 70rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .story__bottom_block {
    padding: 80rem 0;
  }
}
@media (max-width: 767px) {
  .story__bottom_block {
    width: 100%;
    order: 1;
    padding: 100rem 60rem;
  }
}
.story__bottom_block h2 {
  color: #000000;
  margin-bottom: 30rem;
}
@media (min-width: 1200px) {
  .story__bottom_block h2 {
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .story__bottom_block h2 {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .story__bottom_block h2 {
    line-height: 1.5;
  }
}
.story__bottom_block p {
  text-align: left;
}
@media (min-width: 1200px) {
  .story__bottom_block p {
    width: 600rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .story__bottom_block p {
    width: 600rem;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .top__mv {
    margin-top: 140rem;
  }
}
@media (min-width: 1200px) {
  .top__mv {
    margin-top: 99rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .top__mv {
    margin-top: 99rem;
  }
}
.top__mv img {
  display: flex;
  width: 100%;
}
@media (min-width: 1200px) {
  .top__mv img {
    height: 670rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .top__mv img {
    height: 880rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
  }
}

.top__hair {
  background: #000;
  text-align: center;
}
@media (min-width: 1200px) {
  .top__hair {
    padding: 60rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .top__hair {
    padding: 50rem 0 60rem;
  }
}
@media (max-width: 767px) {
  .top__hair {
    padding: 60rem 0 100rem;
  }
}
.top__hair h2 {
  margin-bottom: 50rem;
  line-height: 1.5;
}
.top__hair img {
  display: flex;
  width: 100%;
}
@media (min-width: 1200px) {
  .top__hair img {
    margin-bottom: 50rem;
    height: 612rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
  }
}
@media (max-width: 767px) {
  .top__hair img {
    margin-bottom: 100rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .top__hair img {
    margin-bottom: 60rem;
  }
}

@media (min-width: 1200px) {
  .top__kurashi {
    padding: 70rem 0;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .top__kurashi {
    padding: 60rem 0 70rem;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .top__kurashi {
    padding: 100rem 0;
  }
}
.top__kurashi h2 {
  line-height: 1.5;
}
@media (min-width: 1200px) {
  .top__kurashi h2 {
    margin-bottom: 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .top__kurashi h2 {
    margin-bottom: 30rem;
  }
}
@media (max-width: 767px) {
  .top__kurashi h2 {
    width: 660rem;
    margin: 0 auto 60rem;
  }
}
@media (min-width: 1200px) {
  .top__kurashi .text {
    margin-bottom: 45rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .top__kurashi .text {
    margin-bottom: 60rem;
  }
}
@media (max-width: 767px) {
  .top__kurashi .text {
    width: 660rem;
    margin: 0 auto 90rem;
  }
}
@media (min-width: 1200px) {
  .top__kurashi_block {
    display: flex;
    justify-content: center;
    margin-bottom: 50rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .top__kurashi_block {
    width: 340rem;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .top__kurashi_block .box:nth-of-type(2) {
    margin: 0 40rem;
  }
}
@media (max-width: 767px) {
  .top__kurashi_block .box:nth-of-type(even) img {
    margin-left: auto;
  }
}
@media (min-width: 1200px) {
  .top__kurashi_block .box {
    width: 340rem;
  }
}
@media (max-width: 767px) {
  .top__kurashi_block .box {
    margin-bottom: 90rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .top__kurashi_block .box {
    margin-bottom: 35rem;
  }
}
.top__kurashi_block .box img {
  display: block;
}
@media (min-width: 1200px) {
  .top__kurashi_block .box img {
    width: 100%;
    margin-bottom: 20rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .top__kurashi_block .box img {
    width: 100%;
    margin-bottom: 20rem;
  }
}
@media (max-width: 767px) {
  .top__kurashi_block .box img {
    width: 720rem;
    margin-bottom: 40rem;
  }
}
.top__kurashi_block .box p {
  text-align: left;
}
@media (max-width: 767px) {
  .top__kurashi_block .box p {
    width: 660rem;
    margin: 0 auto;
  }
}

.top__point_img {
  display: flex;
  width: 100%;
}

.sp__right_btn {
  position: fixed;
  right: 20rem;
  bottom: 20rem;
  z-index: 50;
}
@media (min-width: 1200px) {
  .sp__right_btn img {
    width: 45rem;
  }
}
@media (max-width: 767px) {
  .sp__right_btn img {
    width: 90rem;
  }
}

@media (min-width: 1200px) {
  .contact__form {
    padding: 80rem 0;
    margin-top: 100rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__form {
    padding: 80rem 0;
    margin-top: 100rem;
  }
}
@media (max-width: 767px) {
  .contact__form {
    padding: 260rem 60rem 120rem;
  }
}
@media (min-width: 1200px) {
  .contact__form h1 {
    margin-bottom: 50rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__form h1 {
    margin-bottom: 50rem;
  }
}
@media (max-width: 767px) {
  .contact__form h1 {
    margin-bottom: 60rem;
  }
}
@media (min-width: 1200px) {
  .contact__form_text {
    margin-bottom: 70rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__form_text {
    margin-bottom: 70rem;
  }
}
@media (max-width: 767px) {
  .contact__form_text {
    margin-bottom: 80rem;
  }
}
@media (min-width: 1200px) {
  .contact__form_content {
    width: 600rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__form_content {
    width: 600rem;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .contact__form_content dl:last-of-type {
    margin-bottom: 50rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__form_content dl:last-of-type {
    margin-bottom: 50rem;
  }
}
@media (max-width: 767px) {
  .contact__form_content dl:last-of-type {
    margin-bottom: 90rem;
  }
}
@media (min-width: 1200px) {
  .contact__form_content dl:not(:last-of-type) {
    margin-bottom: 25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__form_content dl:not(:last-of-type) {
    margin-bottom: 25rem;
  }
}
@media (max-width: 767px) {
  .contact__form_content dl:not(:last-of-type) {
    margin-bottom: 50rem;
  }
}
.contact__form_content dl dd input, .contact__form_content dl dd textarea {
  background: #F5F5F5;
  border: 1px solid #707070;
  width: 100%;
}
@media (min-width: 1200px) {
  .contact__form_content dl dd input, .contact__form_content dl dd textarea {
    font-size: 18rem;
    padding: 15rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__form_content dl dd input, .contact__form_content dl dd textarea {
    font-size: 18rem;
    padding: 15rem;
  }
}
@media (max-width: 767px) {
  .contact__form_content dl dd input, .contact__form_content dl dd textarea {
    font-size: 32rem;
    padding: 20rem;
  }
}
@media (min-width: 1200px) {
  .contact__form_content dl dd textarea {
    min-height: 400rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__form_content dl dd textarea {
    min-height: 400rem;
  }
}
@media (max-width: 767px) {
  .contact__form_content dl dd textarea {
    min-height: 800rem;
  }
}
.contact__form_content .check {
  text-align: center;
  position: relative;
}
@media (min-width: 1200px) {
  .contact__form_content .check {
    margin-bottom: 40rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__form_content .check {
    margin-bottom: 40rem;
  }
}
@media (max-width: 767px) {
  .contact__form_content .check {
    margin-bottom: 80rem;
  }
}
.contact__form_content .check .wpcf7-not-valid-tip {
  position: absolute;
}
@media (min-width: 1200px) {
  .contact__form_content .check .wpcf7-not-valid-tip {
    left: 10rem;
    bottom: -30rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__form_content .check .wpcf7-not-valid-tip {
    left: 10rem;
    bottom: -30rem;
  }
}
@media (max-width: 767px) {
  .contact__form_content .check .wpcf7-not-valid-tip {
    left: 30rem;
    bottom: -50rem;
  }
}
.contact__form_content .check .wpcf7-not-valid-tip {
  white-space: nowrap;
}
.contact__form_content .check label {
  display: flex;
  justify-content: center;
}
.contact__form_content .check p, .contact__form_content .check a {
  color: #333333;
}
.contact__form_content .check a {
  text-decoration: underline;
}
.contact__form_content .check input {
  border: 1px solid #707070;
}
@media (min-width: 1200px) {
  .contact__form_content .check input {
    width: 25rem;
    height: 25rem;
    margin-right: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__form_content .check input {
    width: 25rem;
    height: 25rem;
    margin-right: 10rem;
  }
}
@media (max-width: 767px) {
  .contact__form_content .check input {
    width: 50rem;
    height: 50rem;
    margin-right: 20rem;
  }
}
.contact__form_content .submit {
  text-align: center;
}
.contact__form_content .submit input {
  background: #000000;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .contact__form_content .submit input {
    border-radius: 5rem;
    font-size: 18rem;
    padding: 15rem 19rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__form_content .submit input {
    border-radius: 5rem;
    font-size: 18rem;
    padding: 15rem 19rem;
  }
}
@media (max-width: 767px) {
  .contact__form_content .submit input {
    border-radius: 10rem;
    font-size: 32rem;
    padding: 33rem 60rem;
  }
}
.contact__form_content .submit .wpcf7-spinner {
  display: none;
}

@media (min-width: 1200px) {
  .contact__comp {
    margin: 400rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__comp {
    margin: 400rem 0;
  }
}
@media (max-width: 767px) {
  .contact__comp {
    margin: 400rem 0;
  }
}
.contact__comp p {
  margin-bottom: 50rem;
}/*# sourceMappingURL=style.css.map */