@charset "UTF-8";
/*リセット
--------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*メディアクエリー
---------------------------------------------*/
/*変数
---------------------------------------------*/
/* font-family 変数 */
/* コンテンツ
---------------------------------------------*/
html,
body,
#wrapper {
  width: 100%;
  color: #000000;
  scroll-behavior: smooth;
}
@media screen and (min-width: 769px) {
  html,
  body,
  #wrapper {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  html,
  body,
  #wrapper {
    font-size: 12px;
  }
}
html a,
body a,
#wrapper a {
  text-decoration: none;
  color: #000000;
}

img {
  width: 100%;
  display: block;
}

@media screen and (min-width: 769px) {
  .pcNone {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none;
  }
}

.fade_500ms {
  opacity: 0;
  visibility: hidden;
  transition: all 1s 500ms linear;
}

.fade_1s {
  opacity: 0;
  visibility: hidden;
  transition: all 1s 1s linear;
}

.fade_1500ms {
  opacity: 0;
  visibility: hidden;
  transition: all 1s 1500ms linear;
}

.fade_2s {
  opacity: 0;
  visibility: hidden;
  transition: all 1s 2s linear;
}

.scroll {
  opacity: 1;
  visibility: visible;
}

header {
  position: absolute;
  box-sizing: border-box;
  z-index: 100;
  width: 100%;
  background-color: #E6A81C;
}
@media screen and (max-width: 768px) {
  header {
    height: 10.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  header {
    height: 38px;
  }
}
@media screen and (min-width: 769px) {
  header div.inner {
    width: 700px;
    margin: 0 auto;
  }
}
header div.inner h1 {
  font-family: "futura-pt-bold", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  header div.inner h1 {
    font-size: 4.8vw;
    line-height: 1;
    letter-spacing: 0.1em;
    padding-top: 3.4666666667vw;
    padding-bottom: 2.4vw;
  }
}
@media screen and (min-width: 769px) {
  header div.inner h1 {
    font-size: 18px;
    letter-spacing: 0.1em;
    padding-top: 12px;
  }
}
@media screen and (max-width: 768px) {
  header div.inner h1 span {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 769px) {
  header div.inner h1 span {
    font-size: 14px;
  }
}

section.Fv {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  section.Fv {
    background-image: url(../images/main_sp.jpg);
    height: 186.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.Fv {
    background-image: url(../images/main_pc.jpg);
    min-height: 700px;
  }
}
@media screen and (max-width: 768px) {
  section.Fv div.inner {
    width: 68vw;
    padding-right: 16vw;
    padding-left: 16vw;
    padding-top: 29.8666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.Fv div.inner {
    width: 700px;
    padding-top: 187px;
    margin: 0 auto;
  }
}
section.Fv div.inner h2 {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.Fv div.inner h2 {
    width: 56.5333333333vw;
    padding-bottom: 16vw;
  }
}
@media screen and (min-width: 769px) {
  section.Fv div.inner h2 {
    width: 400px;
    padding-bottom: 69px;
  }
}
section.Fv div.inner h2::after {
  content: "NEW PLATFORM";
  display: block;
  text-align: center;
  font-family: "futura-pt", sans-serif;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  section.Fv div.inner h2::after {
    margin-top: 4.8vw;
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 769px) {
  section.Fv div.inner h2::after {
    margin-top: 37px;
  }
}
section.Fv div.inner p {
  font-family: "dnp-shuei-gothic-gin-std", "sans-serif";
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  section.Fv div.inner p {
    font-size: 3.4666666667vw;
    line-height: 1.8461538462;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 769px) {
  section.Fv div.inner p {
    font-size: 16px;
    text-align: center;
    line-height: 2.5;
    letter-spacing: 0.05em;
  }
}

div.line {
  border-right: solid 1px #707070;
  position: absolute;
}
@media screen and (max-width: 768px) {
  div.line {
    height: 21.3333333333vw;
    top: 176vw;
    left: 50%;
  }
}
@media screen and (min-width: 769px) {
  div.line {
    height: 80px;
    top: 660px;
    left: 50%;
  }
}

@media screen and (max-width: 768px) {
  section.brand {
    padding-top: 21.8666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.brand {
    padding-top: 82px;
  }
}
section.brand h3 {
  font-family: "futura-pt-bold", "sans-serif";
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  section.brand h3 {
    font-size: 5.8666666667vw;
    padding-bottom: 7.2vw;
  }
}
@media screen and (min-width: 769px) {
  section.brand h3 {
    font-size: 22px;
    padding-bottom: 27px;
  }
}
section.brand div.logo_menu {
  background-color: #EEF2ED;
}
@media screen and (max-width: 768px) {
  section.brand div.logo_menu {
    padding-left: 8vw;
    padding-right: 8vw;
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
}
@media screen and (min-width: 769px) {
  section.brand div.logo_menu div.inner {
    display: flex;
    width: 700px;
    margin: 0 auto;
    justify-content: center;
  }
}
section.brand div.logo_menu div.inner ul {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  section.brand div.logo_menu div.inner ul {
    padding: 30px 0;
  }
}
section.brand div.logo_menu div.inner ul li a {
  display: block;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  section.brand div.logo_menu div.inner ul li a {
    width: 40vw;
    height: 16vw;
  }
}
@media screen and (min-width: 769px) {
  section.brand div.logo_menu div.inner ul li a {
    width: 150px;
    height: 60px;
    margin-right: 15px;
  }
}
section.brand div.logo_menu div.inner ul li a div {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.brand div.logo_menu div.inner ul li a div.logo_hitsuki {
    width: 20.376vw;
    padding-top: 5.8666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.brand div.logo_menu div.inner ul li a div.logo_hitsuki {
    width: 76.41px;
    padding-top: 22px;
  }
}
@media screen and (max-width: 768px) {
  section.brand div.logo_menu div.inner ul li a div.logo_citron {
    width: 20.3253333333vw;
    padding-top: 3.7333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.brand div.logo_menu div.inner ul li a div.logo_citron {
    width: 76.22px;
    padding-top: 13px;
  }
}
@media screen and (max-width: 768px) {
  section.brand div.logo_menu div.inner ul li a div.logo_alamer {
    width: 27.184vw;
    padding-top: 4vw;
  }
}
@media screen and (min-width: 769px) {
  section.brand div.logo_menu div.inner ul li a div.logo_alamer {
    width: 101.94px;
    padding-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  section.brand div.logo_menu div.inner ul li a div.logo_venture {
    width: 20.7786666667vw;
    padding-top: 4.5333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.brand div.logo_menu div.inner ul li a div.logo_venture {
    width: 77.92px;
    padding-top: 17px;
  }
}
@media screen and (min-width: 769px) {
  section.brand div.logo_menu div.inner ul li.li_venture {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  section.brand div.logo_menu div.inner ul:first-child {
    margin-bottom: 4vw;
  }
}

@media screen and (max-width: 768px) {
  section.hitsuki {
    padding-top: 33.6vw;
    margin-bottom: 21.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki {
    padding-top: 146px;
    margin-bottom: 100px;
  }
}
section.hitsuki h4 {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.hitsuki h4 {
    width: 42.7973333333vw;
    padding-bottom: 15.2vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki h4 {
    width: 160.49px;
    padding-bottom: 66px;
  }
}
section.hitsuki div.description {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  section.hitsuki div.description {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.description {
    width: 590px;
    margin: 0 auto;
  }
}
section.hitsuki div.description div.sidetext {
  transform: rotate(180deg);
  writing-mode: vertical-lr;
  font-family: "dnp-shuei-gothic-gin-std", "sans-serif";
  font-weight: 400;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  section.hitsuki div.description div.sidetext {
    font-size: 2.6666666667vw;
    height: 16vw;
    padding-bottom: 54.9333333333vw;
    padding-right: 6.4vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.description div.sidetext {
    padding-top: 537px;
    padding-right: 39px;
  }
}
section.hitsuki div.description div.bg_area {
  background-image: radial-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), url(../images/hitsuki_1_1.jpg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  section.hitsuki div.description div.bg_area {
    height: 160vw;
    width: 84vw;
    margin-bottom: 13.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.description div.bg_area {
    height: 944px;
    width: 495.6px;
  }
}
section.hitsuki div.description div.bg_area div.bg_area_text {
  font-family: "dnp-shuei-gothic-gin-std", "sans-serif";
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  section.hitsuki div.description div.bg_area div.bg_area_text {
    padding-top: 50.1333333333vw;
    padding-left: 14.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.description div.bg_area div.bg_area_text {
    padding-top: 311px;
    padding-left: 149px;
  }
}
section.hitsuki div.description div.bg_area div.bg_area_text h5 {
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  section.hitsuki div.description div.bg_area div.bg_area_text h5 {
    font-size: 4.8vw;
    padding-bottom: 8vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.description div.bg_area div.bg_area_text h5 {
    font-size: 18px;
    padding-bottom: 30px;
  }
}
section.hitsuki div.description div.bg_area div.bg_area_text p {
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  section.hitsuki div.description div.bg_area div.bg_area_text p {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.description div.bg_area div.bg_area_text p {
    font-size: 12px;
  }
}
section.hitsuki div.movie {
  background-color: #CCCCCC;
}
@media screen and (max-width: 768px) {
  section.hitsuki div.movie {
    width: 100vw;
    margin-bottom: 14.1333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.movie {
    width: 590px;
    margin-top: 78px;
    margin: 78px auto 110px;
  }
}
section.hitsuki div.movie video {
  width: 100%;
}
section.hitsuki div.img_area {
  position: relative;
}
@media screen and (min-width: 769px) {
  section.hitsuki div.img_area {
    width: 590px;
    margin: 0 auto;
  }
}
section.hitsuki div.img_area::before {
  content: "";
  display: block;
}
@media screen and (max-width: 768px) {
  section.hitsuki div.img_area::before {
    padding-top: 89.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.img_area::before {
    padding-top: 579px;
  }
}
section.hitsuki div.img_area div.img {
  position: absolute;
}
@media screen and (max-width: 768px) {
  section.hitsuki div.img_area div.img {
    width: 32vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.img_area div.img {
    width: 188.8px;
  }
}
section.hitsuki div.img_area div.img.img_h_2_1 {
  transform: rotate(-10deg);
}
@media screen and (max-width: 768px) {
  section.hitsuki div.img_area div.img.img_h_2_1 {
    top: -2.1333333333vw;
    left: 17.0666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.img_area div.img.img_h_2_1 {
    top: 0;
    left: 100px;
  }
}
@media screen and (max-width: 768px) {
  section.hitsuki div.img_area div.img.img_h_2_2 {
    top: 0;
    right: 13.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.img_area div.img.img_h_2_2 {
    top: 13px;
    right: 79px;
  }
}
@media screen and (max-width: 768px) {
  section.hitsuki div.img_area div.img.img_h_2_3 {
    bottom: 0;
    left: 13.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.img_area div.img.img_h_2_3 {
    bottom: 32px;
    left: 79px;
  }
}
section.hitsuki div.img_area div.img.img_h_2_4 {
  transform: rotate(10deg);
}
@media screen and (max-width: 768px) {
  section.hitsuki div.img_area div.img.img_h_2_4 {
    bottom: -5.3333333333vw;
    right: 16.8vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.img_area div.img.img_h_2_4 {
    bottom: 0;
    right: 99px;
  }
}
section.hitsuki div.sns {
  font-family: "futura-pt", sans-serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  section.hitsuki div.sns {
    padding-top: 22.9333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.sns {
    padding-top: 69px;
  }
}
section.hitsuki div.sns p.name {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  section.hitsuki div.sns p.name {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.sns p.name {
    font-size: 16px;
  }
}
section.hitsuki div.sns p.name::after {
  content: "（ ヒツキ ）";
  display: block;
  font-family: "dnp-shuei-gothic-gin-std", "sans-serif";
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  section.hitsuki div.sns p.name::after {
    font-size: 2.6666666667vw;
    padding-top: 1.8666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.sns p.name::after {
    font-size: 10px;
    padding-top: 7px;
  }
}
section.hitsuki div.sns p.directed {
  font-style: italic;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  section.hitsuki div.sns p.directed {
    font-size: 3.2vw;
    padding-top: 3.4666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.sns p.directed {
    font-size: 12px;
    padding-top: 14px;
  }
}
section.hitsuki div.sns div.logo_instagram {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.hitsuki div.sns div.logo_instagram {
    width: 8.5333333333vw;
    padding-top: 3.2vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.sns div.logo_instagram {
    width: 32px;
    padding-top: 11px;
  }
}
@media screen and (max-width: 768px) {
  section.hitsuki div.button {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.button {
    padding-top: 31px;
  }
}
section.hitsuki div.button a {
  display: block;
  background-color: #231815;
  color: #ffffff;
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 768px) {
  section.hitsuki div.button a {
    width: 68vw;
    padding-top: 7.4666666667vw;
    padding-bottom: 7.4666666667vw;
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.button a {
    width: 255px;
    padding: 28px 0;
    font-size: 14px;
  }
}
section.hitsuki div.button a span {
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  section.hitsuki div.button a span {
    width: 2.4vw;
    height: 2.4vw;
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.hitsuki div.button a span {
    width: 9px;
    height: 9px;
    right: 20px;
  }
}

section.citron {
  background-color: #E3E3DC;
}
@media screen and (max-width: 768px) {
  section.citron h4 {
    padding-top: 29.0666666667vw;
    padding-bottom: 10.6666666667vw;
    margin: 0 auto;
    width: 42.6853333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron h4 {
    padding-top: 129px;
    padding-bottom: 40px;
    margin: 0 auto;
    width: 160.07px;
  }
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner {
    padding-bottom: 21.0666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner {
    width: 590px;
    margin: 0 auto;
    padding-bottom: 165px;
  }
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.citron_img {
    width: 92vw;
    margin-bottom: 13.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.citron_img {
    width: 543px;
    margin-bottom: 48px;
  }
}
section.citron div.citron_inner div.citron_description {
  font-family: "dnp-shuei-gothic-gin-std", "sans-serif";
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.citron_description {
    padding-left: 16vw;
    padding-bottom: 13.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.citron_description {
    padding-left: 94px;
    padding-bottom: 46px;
  }
}
section.citron div.citron_inner div.citron_description h5 {
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.citron_description h5 {
    font-size: 4.8vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.citron_description h5 {
    font-size: 18px;
  }
}
section.citron div.citron_inner div.citron_description p {
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.citron_description p {
    font-size: 3.2vw;
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.citron_description p {
    font-size: 12px;
    padding-top: 25px;
  }
}
section.citron div.citron_inner div.img_area {
  position: relative;
}
section.citron div.citron_inner div.img_area::before {
  content: "";
  display: block;
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.img_area::before {
    padding-top: 66.9333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.img_area::before {
    padding-top: 392px;
  }
}
section.citron div.citron_inner div.img_area div.img {
  position: absolute;
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.img_area div.img {
    width: 32vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.img_area div.img {
    width: 188.8px;
  }
}
section.citron div.citron_inner div.img_area div.img.img_c_2_1 {
  top: 0;
  left: 0;
}
section.citron div.citron_inner div.img_area div.img.img_c_2_2 {
  z-index: 10;
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.img_area div.img.img_c_2_2 {
    top: 13.6vw;
    left: 22.9333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.img_area div.img.img_c_2_2 {
    top: 77.07px;
    left: 133.73px;
  }
}
section.citron div.citron_inner div.img_area div.img.img_c_2_3 {
  bottom: 0;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.img_area div.img.img_c_2_3 {
    left: 45.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.img_area div.img.img_c_2_3 {
    left: 267.47px;
  }
}
section.citron div.citron_inner div.img_area div.img.img_c_2_4 {
  right: 0;
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.img_area div.img.img_c_2_4 {
    top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.img_area div.img.img_c_2_4 {
    top: 45.6px;
  }
}
section.citron div.citron_inner div.movie {
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.movie {
    width: 100vw;
    margin-top: 13.0666666667vw;
    margin-bottom: 3.7333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.movie {
    margin-top: 78px;
    margin-bottom: 21px;
  }
}
section.citron div.citron_inner div.movie video {
  width: 100%;
}
section.citron div.citron_inner div.text_english {
  font-family: "yu-mincho-pr6n", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.text_english {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.text_english {
    font-size: 16px;
  }
}
section.citron div.citron_inner div.sns {
  font-family: "futura-pt", sans-serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.sns {
    padding-top: 14.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.sns {
    padding-top: 65px;
  }
}
section.citron div.citron_inner div.sns p.name {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.sns p.name {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.sns p.name {
    font-size: 16px;
  }
}
section.citron div.citron_inner div.sns p.name::after {
  content: "（ シトロン アン ジュール ）";
  display: block;
  font-family: "dnp-shuei-gothic-gin-std", "sans-serif";
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.sns p.name::after {
    font-size: 2.6666666667vw;
    padding-top: 1.8666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.sns p.name::after {
    font-size: 10px;
    padding-top: 4px;
  }
}
section.citron div.citron_inner div.sns p.directed {
  font-weight: 500;
  font-style: italic;
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.sns p.directed {
    font-size: 3.2vw;
    padding-top: 3.4666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.sns p.directed {
    font-size: 12px;
    padding-top: 13px;
  }
}
section.citron div.citron_inner div.sns div.logo_instagram {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.sns div.logo_instagram {
    width: 8.5333333333vw;
    padding-top: 3.2vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.sns div.logo_instagram {
    width: 32px;
    padding-top: 12px;
  }
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.button {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.button {
    padding-top: 31px;
  }
}
section.citron div.citron_inner div.button a {
  display: block;
  background-color: #231815;
  color: #ffffff;
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.button a {
    width: 68vw;
    padding-top: 7.4666666667vw;
    padding-bottom: 7.4666666667vw;
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.button a {
    width: 255px;
    padding: 28px 0;
    font-size: 14px;
  }
}
section.citron div.citron_inner div.button a span {
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  section.citron div.citron_inner div.button a span {
    width: 2.4vw;
    height: 2.4vw;
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.citron div.citron_inner div.button a span {
    width: 9px;
    height: 9px;
    right: 20px;
  }
}

@media screen and (max-width: 768px) {
  section.alamer {
    padding-top: 21.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer {
    padding-top: 129px;
  }
}
section.alamer h4 {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.alamer h4 {
    width: 57.0853333333vw;
    padding-bottom: 10.4vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer h4 {
    width: 214px;
    padding-bottom: 61.3px;
  }
}
section.alamer div.alamer_inner {
  position: relative;
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner {
    padding-bottom: 21.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner {
    width: 590px;
    margin: 0 auto;
    padding-bottom: 126px;
  }
}
section.alamer div.alamer_inner div.alamer_img {
  width: 100%;
}
section.alamer div.alamer_inner div.movie_area {
  position: relative;
  background-color: #DCC9C6;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.movie_area {
    height: 213.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.movie_area {
    height: 1022px;
  }
}
section.alamer div.alamer_inner div.movie_area video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
section.alamer div.alamer_inner div.movie_area div.img_area {
  display: flex;
  justify-content: space-between;
  position: absolute;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.movie_area div.img_area {
    width: 84vw;
    top: 24vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.movie_area div.img_area {
    width: 495.4px;
    top: 140px;
  }
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.movie_area div.img_area div {
    width: 40vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.movie_area div.img_area div {
    width: 236px;
  }
}
section.alamer div.alamer_inner div.movie_area div.img_english {
  position: absolute;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.movie_area div.img_english {
    width: 37.392vw;
    top: 66.9333333333vw;
    right: 4.5333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.movie_area div.img_english {
    width: 220px;
    top: 391px;
    right: 27px;
  }
}
section.alamer div.alamer_inner div.movie_area div.alamer_description {
  position: absolute;
  font-family: "dnp-shuei-gothic-gin-std", "sans-serif";
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.movie_area div.alamer_description {
    top: 104vw;
    left: 16vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.movie_area div.alamer_description {
    top: 533px;
    left: 60px;
  }
}
section.alamer div.alamer_inner div.movie_area div.alamer_description h5 {
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.movie_area div.alamer_description h5 {
    font-size: 4.8vw;
    padding-bottom: 8vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.movie_area div.alamer_description h5 {
    font-size: 18px;
    padding-bottom: 47px;
  }
}
section.alamer div.alamer_inner div.movie_area div.alamer_description p {
  letter-spacing: 0.05em;
  line-height: 2;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.movie_area div.alamer_description p {
    font-size: 3.2vw;
    padding-bottom: 13.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.movie_area div.alamer_description p {
    font-size: 12px;
    padding-bottom: 79px;
  }
}
section.alamer div.alamer_inner div.movie_area div.alamer_description p.h5_text_1 {
  line-height: 1;
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.movie_area div.alamer_description p.h5_text_1 {
    padding-bottom: 3.4666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.movie_area div.alamer_description p.h5_text_1 {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.movie_area div.alamer_description p.h5_text_2 {
    padding-bottom: 3.4666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.movie_area div.alamer_description p.h5_text_2 {
    padding-bottom: 20px;
  }
}
section.alamer div.alamer_inner div.english_area {
  position: relative;
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.english_area {
    top: -6.6666666667vw;
    padding-bottom: 14.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.english_area {
    top: -37.5px;
    padding-bottom: 86.5px;
  }
}
section.alamer div.alamer_inner div.english_area div.english_content {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
section.alamer div.alamer_inner div.english_area div.english_content p {
  font-family: "yu-mincho-pr6n", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.english_area div.english_content p {
    font-size: 2.1333333333vw;
    padding-left: 8vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.english_area div.english_content p {
    font-size: 8px;
    padding-left: 47px;
  }
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.english_area div.english_content div {
    width: 61.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.english_area div.english_content div {
    width: 362px;
  }
}
section.alamer div.alamer_inner div.english_area div.img_english_2 {
  position: absolute;
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.english_area div.img_english_2 {
    width: 40.2266666667vw;
    top: 22.6666666667vw;
    left: 8vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.english_area div.img_english_2 {
    width: 236px;
    top: 127.5px;
    left: 47px;
  }
}
section.alamer div.alamer_inner div.sns {
  font-family: "futura-pt", sans-serif;
  text-align: center;
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.sns {
    padding-bottom: 11px;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.sns {
    padding-bottom: 17px;
  }
}
section.alamer div.alamer_inner div.sns p.name {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.sns p.name {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.sns p.name {
    font-size: 16px;
  }
}
section.alamer div.alamer_inner div.sns p.name::after {
  content: "（ ア ラ メール ）";
  display: block;
  font-family: "dnp-shuei-gothic-gin-std", "sans-serif";
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.sns p.name::after {
    font-size: 2.6666666667vw;
    padding-top: 1.8666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.sns p.name::after {
    font-size: 10px;
    padding-top: 11px;
  }
}
section.alamer div.alamer_inner div.sns p.directed {
  font-style: italic;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.sns p.directed {
    font-size: 3.2vw;
    padding-top: 3.4666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.sns p.directed {
    font-size: 12px;
    padding-top: 20px;
  }
}
section.alamer div.alamer_inner div.sns div.logo_instagram {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.sns div.logo_instagram {
    width: 8.5333333333vw;
    padding-top: 3.2vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.sns div.logo_instagram {
    width: 32px;
    padding-top: 19px;
  }
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.button {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.button {
    padding-top: 31px;
  }
}
section.alamer div.alamer_inner div.button a {
  display: block;
  background-color: #231815;
  color: #ffffff;
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.button a {
    width: 68vw;
    padding-top: 7.4666666667vw;
    padding-bottom: 7.4666666667vw;
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.button a {
    width: 255px;
    padding: 28px 0;
    font-size: 14px;
  }
}
section.alamer div.alamer_inner div.button a span {
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  section.alamer div.alamer_inner div.button a span {
    width: 2.4vw;
    height: 2.4vw;
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.alamer div.alamer_inner div.button a span {
    width: 9px;
    height: 9px;
    right: 20px;
  }
}

section.venture {
  background-color: #8F9691;
}
section.venture h4 {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.venture h4 {
    padding-top: 30.9333333333vw;
    padding-bottom: 14.9333333333vw;
    width: 43.6346666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.venture h4 {
    padding-top: 182px;
    padding-bottom: 88px;
    width: 163.63px;
  }
}
@media screen and (max-width: 768px) {
  section.venture div.venture_inner {
    padding-bottom: 21.0666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.venture div.venture_inner {
    width: 590px;
    margin: 0 auto;
    padding-bottom: 126px;
  }
}
section.venture div.venture_inner div.loop_area div.loop_wrap {
  display: flex;
  overflow: hidden;
}
section.venture div.venture_inner div.loop_area div.loop_wrap ul.loop_english {
  display: flex;
  animation: loop-slide 20s infinite linear 1s both;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  section.venture div.venture_inner div.loop_area div.loop_wrap ul.loop_english {
    font-size: 4.8vw;
    width: 88vw;
  }
}
@media screen and (min-width: 769px) {
  section.venture div.venture_inner div.loop_area div.loop_wrap ul.loop_english {
    font-size: 18px;
    width: 330px;
  }
}
section.venture div.venture_inner div.loop_area div.loop_wrap ul.loop_english li {
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  color: #ffffff;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  section.venture div.venture_inner div.loop_area div.loop_wrap ul.loop_english li {
    font-size: 4.8vw;
    margin-right: 2.6666666667vw;
    width: 88vw;
  }
}
@media screen and (min-width: 769px) {
  section.venture div.venture_inner div.loop_area div.loop_wrap ul.loop_english li {
    width: 330px;
    font-size: 18px;
    margin-right: 10px;
  }
}
section.venture div.venture_inner div.area_1 {
  border-top: solid 1px #FFFFFF;
}
@media screen and (max-width: 768px) {
  section.venture div.venture_inner div.area_1 {
    padding-top: 2.9333333333vw;
    padding-bottom: 3.4666666667vw;
    font-size: 4.8vw;
  }
}
@media screen and (min-width: 769px) {
  section.venture div.venture_inner div.area_1 {
    padding-top: 17px;
    padding-bottom: 18px;
    font-size: 18px;
  }
}
section.venture div.venture_inner div.area_2 {
  border-bottom: solid 1px #FFFFFF;
}
@media screen and (max-width: 768px) {
  section.venture div.venture_inner div.area_2 {
    padding-top: 2.9333333333vw;
    padding-bottom: 3.4666666667vw;
    font-size: 4.8vw;
  }
}
@media screen and (min-width: 769px) {
  section.venture div.venture_inner div.area_2 {
    padding-top: 17px;
    padding-bottom: 18px;
    font-size: 18px;
  }
}
section.venture div.venture_inner div.venture_img {
  width: 100%;
}
section.venture div.venture_inner div.sns {
  font-family: "futura-pt", sans-serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  section.venture div.venture_inner div.sns {
    padding-top: 7.2vw;
  }
}
@media screen and (min-width: 769px) {
  section.venture div.venture_inner div.sns {
    padding-top: 42.4px;
  }
}
section.venture div.venture_inner div.sns p.name {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  section.venture div.venture_inner div.sns p.name {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.venture div.venture_inner div.sns p.name {
    font-size: 16px;
  }
}
section.venture div.venture_inner div.sns p.name::after {
  content: "（ ベンチャーファーマシー ）";
  display: block;
  font-family: "dnp-shuei-gothic-gin-std", "sans-serif";
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  section.venture div.venture_inner div.sns p.name::after {
    font-size: 2.6666666667vw;
    padding-top: 1.8666666667vw;
  }
}
@media screen and (min-width: 769px) {
  section.venture div.venture_inner div.sns p.name::after {
    font-size: 10px;
    padding-top: 11px;
  }
}
section.venture div.venture_inner div.sns div.logo_instagram {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.venture div.venture_inner div.sns div.logo_instagram {
    width: 8.5333333333vw;
    padding-top: 3.2vw;
  }
}
@media screen and (min-width: 769px) {
  section.venture div.venture_inner div.sns div.logo_instagram {
    width: 32px;
    padding-top: 18.8px;
  }
}
@media screen and (max-width: 768px) {
  section.venture div.venture_inner div.button {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  section.venture div.venture_inner div.button {
    padding-top: 31px;
  }
}
section.venture div.venture_inner div.button a {
  display: block;
  background-color: #231815;
  color: #ffffff;
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 768px) {
  section.venture div.venture_inner div.button a {
    width: 68vw;
    padding-top: 7.4666666667vw;
    padding-bottom: 7.4666666667vw;
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.venture div.venture_inner div.button a {
    width: 255px;
    padding: 28px 0;
    font-size: 14px;
  }
}
section.venture div.venture_inner div.button a span {
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  section.venture div.venture_inner div.button a span {
    width: 2.4vw;
    height: 2.4vw;
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  section.venture div.venture_inner div.button a span {
    width: 9px;
    height: 9px;
    right: 20px;
  }
}

@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 768px) {
  footer {
    padding-top: 26.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  footer {
    padding-top: 100px;
  }
}
@media screen and (min-width: 769px) {
  footer div.inner {
    width: 700px;
    margin: 0 auto;
  }
}
footer div.inner div {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  footer div.inner div {
    width: 39.4666666667vw;
    padding-bottom: 8.2666666667vw;
  }
}
@media screen and (min-width: 769px) {
  footer div.inner div {
    width: 148px;
    padding-bottom: 31px;
  }
}
footer div.inner small {
  font-family: "dnp-shuei-gothic-gin-std", "sans-serif";
  font-weight: 500;
  display: block;
  text-align: center;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  footer div.inner small {
    font-size: 2.6666666667vw;
    padding-bottom: 24.8vw;
  }
}
@media screen and (min-width: 769px) {
  footer div.inner small {
    font-size: 10px;
    padding-bottom: 84px;
  }
}/*# sourceMappingURL=style.css.map */