@charset "UTF-8";
/* 読み込み
===================================================== */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a {
  text-decoration: none;
}

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

/* line-heightの上下をなくす
===================================================== */
/* letter-spacingの文末をなくす
===================================================== */
/* clearfix
===================================================== */
/* hover
===================================================== */
/* linkcolor
===================================================== */
/* z-index
===================================================== */
/* rem変換
===================================================== */
/* vw変換(SP用)
===================================================== */
/* vw変換(PC用) minとmax
===================================================== */
/* spサイズをpcへ引き伸ばし
===================================================== */
/* ラインハイト計算
===================================================== */
/* レタースペーシング計算
===================================================== */
/* right-arrow
===================================================== */
/* aspect-area(padding-top)
===================================================== */
/* aspect-area-h(height)
===================================================== */
/* youtube
===================================================== */
/* margin: 0 auto
===================================================== */
/* color
===================================================== */
/* font-size
===================================================== */
/* font-family
===================================================== */
/* コンテンツ幅
===================================================== */
/* 余白
===================================================== */
/* メディアクエリー
===================================================== */
/* loopslide_x
============================================ */
/* loopslide_y
============================================ */
/* common
===================================================== */
html,
body {
  color: #333;
  letter-spacing: 0;
  line-height: 1.6;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  html,
  body {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  html,
  body {
    font-size: 13px;
  }
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #333;
}

@media screen and (min-width: 768px) {
  a:hover {
    opacity: 0.7;
  }
}

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

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

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

/* .btn
===================================================== */
.btn {
  background-color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .btn {
    border: 1px solid #707070;
    width: 390px;
    line-height: 75px;
    border-radius: 77px;
  }
}
@media screen and (max-width: 767px) {
  .btn {
    border: 0.2666666667vw solid #707070;
    width: 81.3333333333vw;
    line-height: 15.4666666667vw;
    border-radius: 8vw;
  }
}
.btn .btn_link {
  display: block;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .btn .btn_link {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .btn .btn_link {
    font-size: 3.2vw;
  }
}

/* .load
===================================================== */
.load {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  z-index: 9999;
}

/* .bgDots
===================================================== */
.bgDots {
  background-image: url(../images/bg_dots.png);
  background-repeat: repeat;
}
@media screen and (min-width: 768px) {
  .bgDots {
    background-size: min(6.1333333333vw, 29.44px);
  }
}
@media screen and (max-width: 767px) {
  .bgDots {
    background-size: 6.1333333333vw;
  }
}

.bgLattice_index {
  background-image: url(../images/bg_lattice_index.png);
  background-repeat: repeat;
}
@media screen and (min-width: 768px) {
  .bgLattice_index {
    background-size: min(12.5333333333vw, 60.16px);
  }
}
@media screen and (max-width: 767px) {
  .bgLattice_index {
    background-size: 12.5333333333vw;
  }
}

.bgLattice_sec {
  background-image: url(../images/bg_lattice_sec.png);
  background-repeat: repeat;
}
@media screen and (min-width: 768px) {
  .bgLattice_sec {
    background-size: min(12.5333333333vw, 60.16px);
  }
}
@media screen and (max-width: 767px) {
  .bgLattice_sec {
    background-size: 12.5333333333vw;
  }
}

.bgLattice_item {
  background-image: url(../images/bg_lattice_item.png);
  background-repeat: repeat;
}
@media screen and (min-width: 768px) {
  .bgLattice_item {
    background-size: min(12.5333333333vw, 60.16px);
  }
}
@media screen and (max-width: 767px) {
  .bgLattice_item {
    background-size: 12.5333333333vw;
  }
}

.wrapper::before, .wrapper::after {
  content: "";
  display: block;
  background-size: cover;
  position: fixed;
  top: 0;
  width: 50vw;
  height: 100vh;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .wrapper::before {
    background-image: url(../images/bg_stripe_left.png);
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  .wrapper::after {
    background-image: url(../images/bg_stripe_right.png);
    left: 0;
  }
}

/* .wrapper
===================================================== */
.wrapper {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .wrapper {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .wrapper {
    margin-top: 40px;
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .wrapper_inner {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    justify-content: center;
  }
}
.wrapper .center {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .wrapper .center {
    flex-shrink: 0;
    width: 480px;
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .center.colmn2 {
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .left,
  .wrapper .right {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .left .side_inner,
  .wrapper .right .side_inner {
    width: 100%;
    min-height: 700px;
    height: 100vh;
    position: absolute;
    top: 0;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .left {
    max-width: 480px;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .left .side_inner {
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .right {
    width: 480px;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .right .side_inner {
    right: 0;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .right .right_inner {
    position: relative;
    width: 100%;
    min-height: 700px;
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .right .rightTitle {
    font-size: 32px;
    font-family: "noto-sans-cjk-jp", sans-serif;
    font-weight: 900;
    font-style: normal;
    position: absolute;
    top: 100px;
    left: 50px;
    line-height: 1.5;
    z-index: 2;
    display: none;
    width: 389px;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .right .rightImg {
    position: absolute;
    bottom: 40px;
    right: -139px;
    width: 420px;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .right .rightGirl {
    position: absolute;
    top: 258px;
    left: 49px;
  }
}
.wrapper .right .rightGirl::before {
  content: "";
  display: block;
  width: 416px;
  height: 416px;
  background-color: #f0eae2;
  position: absolute;
  top: 56%;
  left: 60%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .wrapper .right .rightGirlTitle {
    font-size: 16px;
    font-family: "noto-sans-cjk-jp", sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-left: 35px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .right .rightGirlList_item {
    display: flex;
    gap: 17px;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .right .rightGirlList_item:not(:last-child) {
    margin-bottom: 26px;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .right .rightGirlList_img {
    width: 95px;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .right .rightGirlList_inner {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .right .rightGirlList_name {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .right .rightGirlList_job {
    font-size: 8px;
    margin-bottom: 6px;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .right .rightGirlList_inst {
    display: flex;
    align-items: center;
    gap: 5px;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .right .rightGirlList_instImg {
    width: 15px;
  }
}
@media screen and (min-width: 768px) {
  .wrapper .right .rightGirlList_instText {
    font-family: "kepler-std", serif;
    font-weight: 300;
    font-style: normal;
    font-size: 10px;
    text-decoration: underline;
  }
}

/* .top
===================================================== */
.top {
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 768px) {
  .top {
    background-image: url(../images/top_pc.jpg);
  }
}
@media screen and (max-width: 767px) {
  .top {
    background-image: url(../images/top_sp.jpg);
  }
}
.top::before {
  content: "";
  display: block;
}
@media screen and (min-width: 768px) {
  .top::before {
    padding-top: 130.4166666667%;
  }
}
@media screen and (max-width: 767px) {
  .top::before {
    padding-top: 140.8%;
  }
}
.top .topTitle {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 900;
  font-style: normal;
  line-height: 1;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .top .topTitle {
    top: 256px;
    width: 387px;
  }
}
@media screen and (max-width: 767px) {
  .top .topTitle {
    top: 60vw;
    width: 82.6666666667vw;
  }
}

/* .lead
===================================================== */
@media screen and (min-width: 768px) {
  .lead {
    margin-bottom: 112px;
    padding-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .lead {
    margin-bottom: 24.5333333333vw;
    padding-top: 4vw;
  }
}
.lead .leadLogo {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .lead .leadLogo {
    width: 278px;
    margin-bottom: 52px;
  }
}
@media screen and (max-width: 767px) {
  .lead .leadLogo {
    width: 74.1333333333vw;
    margin-bottom: 10.1333333333vw;
  }
}
.lead .leadText {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-left: auto;
  margin-right: auto;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .lead .leadText {
    font-size: 16px;
    width: 100%;
    padding: 0 20px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .lead .leadText {
    font-size: 4.2666666667vw;
    width: 87.2vw;
  }
}
@media screen and (min-width: 768px) {
  .lead .leadText:not(:last-child) {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .lead .leadText:not(:last-child) {
    margin-bottom: 6.4vw;
  }
}

/* .prof
===================================================== */
@media screen and (max-width: 767px) {
  .prof {
    margin-bottom: 31.4666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .prof.show {
    margin-bottom: 83px;
  }
}

.prof_inner {
  margin-left: auto;
  margin-right: auto;
  background-color: #F0EAE2;
}
@media screen and (min-width: 768px) {
  .prof_inner {
    width: 327px;
    border: 1px solid #707070;
    box-shadow: 3px 3px 8px rgba(124, 124, 124, 0.5);
    padding: 24px 24px 37px 24px;
  }
}
@media screen and (max-width: 767px) {
  .prof_inner {
    width: 87.2vw;
    border: 0.2666666667vw solid #707070;
    box-shadow: 0.8vw 0.8vw 2.1333333333vw rgba(124, 124, 124, 0.5);
    padding: 6.4vw 6.4vw 9.8666666667vw 6.4vw;
  }
}

@media screen and (min-width: 768px) {
  .profTitle {
    margin-bottom: 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .profTitle {
    margin-bottom: 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
}

.profImg {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .profImg {
    border: 1px solid #707070;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .profImg {
    border: 0.2666666667vw solid #707070;
    margin-bottom: 2.1333333333vw;
  }
}

.profName {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .profName {
    font-size: 16px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .profName {
    font-size: 4.2666666667vw;
    margin-bottom: 2.1333333333vw;
  }
}

.profInst {
  display: flex;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .profInst {
    margin-bottom: 7px;
  }
}
@media screen and (max-width: 767px) {
  .profInst {
    margin-bottom: 1.8666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .profInst .profInst_img {
    width: 16px;
  }
}
@media screen and (max-width: 767px) {
  .profInst .profInst_img {
    width: 4.2666666667vw;
  }
}
.profInst .profInst_text {
  font-family: "kepler-std", serif;
  font-weight: 300;
  font-style: normal;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .profInst .profInst_text {
    margin-left: 5px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .profInst .profInst_text {
    margin-left: 1.3333333333vw;
    font-size: 3.7333333333vw;
  }
}

.profWrap {
  display: flex;
}
@media screen and (min-width: 768px) {
  .profWrap {
    gap: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .profWrap {
    gap: 0 8vw;
  }
}
@media screen and (min-width: 768px) {
  .profWrap:first-of-type {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .profWrap:first-of-type {
    margin-bottom: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .profWrap:last-of-type {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .profWrap:last-of-type {
    margin-bottom: 4vw;
  }
}
.profWrap .profItem .profItem_head {
  display: block;
}
@media screen and (min-width: 768px) {
  .profWrap .profItem .profItem_head {
    font-size: 11px;
  }
}
@media screen and (max-width: 767px) {
  .profWrap .profItem .profItem_head {
    font-size: 2.9333333333vw;
  }
}
.profWrap .profItem .profItem_body {
  display: block;
}
@media screen and (min-width: 768px) {
  .profWrap .profItem .profItem_body {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .profWrap .profItem .profItem_body {
    font-size: 4.2666666667vw;
  }
}

.profCome {
  line-height: 1.75;
}
@media screen and (min-width: 768px) {
  .profCome {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .profCome {
    font-size: 4.2666666667vw;
  }
}

/* .before
===================================================== */
@media screen and (min-width: 768px) {
  .before {
    padding-bottom: 63px;
  }
}
@media screen and (max-width: 767px) {
  .before {
    padding-bottom: 19.7333333333vw;
  }
}
.before .secTitle {
  font-family: "franklin-gothic-atf", sans-serif;
  font-weight: 700;
  font-style: italic;
  color: #5757E6;
  letter-spacing: 0.064em;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .before .secTitle {
    margin-bottom: 41px;
    width: 301px;
  }
}
@media screen and (max-width: 767px) {
  .before .secTitle {
    margin-bottom: 10.9333333333vw;
    width: 80.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .before .secImg {
    box-shadow: 3px 3px 8px rgba(124, 124, 124, 0.5);
  }
}
@media screen and (max-width: 767px) {
  .before .secImg {
    box-shadow: 0.8vw 0.8vw 2.1333333333vw rgba(124, 124, 124, 0.5);
  }
}
@media screen and (min-width: 768px) {
  .before .secImg__1 {
    width: 448px;
    margin-bottom: 73px;
  }
}
@media screen and (max-width: 767px) {
  .before .secImg__1 {
    width: 93.6vw;
    margin-bottom: 14.9333333333vw;
  }
}
.before .secImg__2 {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .before .secImg__2 {
    width: 376px;
    margin-bottom: 75px;
  }
}
@media screen and (max-width: 767px) {
  .before .secImg__2 {
    width: 78.4vw;
    margin-bottom: 14.9333333333vw;
  }
}
.before .secImg__3 {
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .before .secImg__3 {
    width: 448px;
  }
}
@media screen and (max-width: 767px) {
  .before .secImg__3 {
    width: 93.6vw;
  }
}
.before .secImg__4 {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .before .secImg__4 {
    width: 307px;
    margin-top: -200px;
    margin-bottom: 52px;
  }
}
@media screen and (max-width: 767px) {
  .before .secImg__4 {
    width: 64vw;
    margin-top: -41.6vw;
    margin-bottom: 9.6vw;
  }
}
.before .secCome {
  margin-left: auto;
  margin-right: auto;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .before .secCome {
    font-size: 14px;
    width: 327px;
  }
}
@media screen and (max-width: 767px) {
  .before .secCome {
    font-size: 3.7333333333vw;
    width: 87.2vw;
  }
}

/* .index
===================================================== */
@media screen and (min-width: 768px) {
  .index {
    padding-bottom: 81px;
    padding-top: 83px;
  }
}
@media screen and (max-width: 767px) {
  .index {
    padding-bottom: 18.6666666667vw;
    padding-top: 17.3333333333vw;
  }
}
.index .secTitle {
  font-family: "franklin-gothic-atf", sans-serif;
  font-weight: 700;
  font-style: italic;
  color: #DD5E4A;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 0.064em;
}
@media screen and (min-width: 768px) {
  .index .secTitle {
    margin-bottom: 29px;
    width: 308px;
  }
}
@media screen and (max-width: 767px) {
  .index .secTitle {
    margin-bottom: 5.8666666667vw;
    width: 65.8666666667vw;
  }
}
.index .secSubTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .index .secSubTitle {
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 767px) {
  .index .secSubTitle {
    margin-bottom: 5.0666666667vw;
  }
}
.index .secSubTitle .secSubTitle_text {
  color: #fff;
  text-transform: uppercase;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .index .secSubTitle .secSubTitle_text {
    font-size: 26px;
    margin: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .index .secSubTitle .secSubTitle_text {
    font-size: 5.6vw;
    margin: 0 2.6666666667vw;
  }
}
.index .secSubTitle::before, .index .secSubTitle::after {
  content: "";
  display: block;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .index .secSubTitle::before, .index .secSubTitle::after {
    height: 1px;
    width: 35px;
  }
}
@media screen and (max-width: 767px) {
  .index .secSubTitle::before, .index .secSubTitle::after {
    height: 0.2666666667vw;
    width: 7.4666666667vw;
  }
}
.index .indexList {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .index .indexList {
    width: 437px;
    gap: 42px 0;
  }
}
@media screen and (max-width: 767px) {
  .index .indexList {
    width: 87.2vw;
    gap: 6.4vw 0;
  }
}
@media screen and (min-width: 768px) {
  .index .indexList .indexList_item {
    width: 192px;
  }
}
@media screen and (max-width: 767px) {
  .index .indexList .indexList_item {
    width: 40.2666666667vw;
  }
}
.index .indexList .indexList_link {
  display: block;
  position: relative;
}
.index .indexList .indexList_img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .index .indexList .indexList_img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .index .indexList .indexList_img {
    border-radius: 5.3333333333vw;
  }
}
.index .indexList .indexList_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 65%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .index .indexList .indexList_text {
    font-size: 32px;
    margin-bottom: 15px;
    height: 28px;
  }
}
@media screen and (max-width: 767px) {
  .index .indexList .indexList_text {
    font-size: 6.9333333333vw;
    margin-bottom: 2.9333333333vw;
    height: 6.1333333333vw;
  }
}
.index .indexList .indexList_text img {
  height: 100%;
  width: auto;
}
@media screen and (min-width: 768px) {
  .index .indexList .indexList_down {
    width: 22px;
  }
}
@media screen and (max-width: 767px) {
  .index .indexList .indexList_down {
    width: 4.8vw;
  }
}

/* .sec
===================================================== */
.sec {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .sec {
    padding-top: 159px;
  }
}
@media screen and (max-width: 767px) {
  .sec {
    padding-top: 27.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .sec .secBrand {
    margin-left: 31px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secBrand {
    margin-left: 6.4vw;
  }
}
.sec .secBrand .secBrand_head {
  font-family: "Times New Roman", "Times", serif;
  font-weight: 400;
  font-style: normal;
  color: #868686;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .sec .secBrand .secBrand_head {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secBrand .secBrand_head {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px) {
  .sec .secBrand .secBrand_body {
    margin-top: -6px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secBrand .secBrand_body {
    margin-top: -0.8vw;
  }
}
.sec .secBrand .secBrand_en {
  font-family: "Times New Roman", "Times", serif;
  font-weight: 700;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .sec .secBrand .secBrand_en {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secBrand .secBrand_en {
    font-size: 6.4vw;
  }
}
.sec .secBrand .secBrand_ja {
  font-family: "yu-mincho-pr6n", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .sec .secBrand .secBrand_ja {
    font-size: 14px;
    margin-left: 8px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secBrand .secBrand_ja {
    font-size: 3.2vw;
    margin-left: 1.3333333333vw;
  }
}
.sec .secBrand .secBrand_ja.br {
  display: block;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .sec .secBrand .secBrand_ja.br {
    margin-top: -8px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secBrand .secBrand_ja.br {
    margin-top: -2.1333333333vw;
    margin-bottom: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .sec .secInner {
    padding-top: 140px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secInner {
    padding-top: 29.0666666667vw;
    padding-bottom: 21.3333333333vw;
  }
}
.sec .secMainWrap {
  position: relative;
}
.sec .secMain {
  width: 100%;
  position: relative;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .sec .secMain {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secMain {
    margin-bottom: 10.6666666667vw;
  }
}
.sec .secMain .secMain_item:not(.secMain_item__1) {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.sec .secStyle {
  color: #fff;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 900;
  font-style: normal;
  position: absolute;
  top: 0;
  transform: translateY(-58%);
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .sec .secStyle {
    left: 29px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secStyle {
    left: 6.4vw;
  }
}
@media screen and (min-width: 768px) {
  .sec .credit {
    margin-bottom: 120px;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .sec .credit {
    margin-bottom: 31.2vw;
    margin-left: 6.4vw;
    margin-right: 6.4vw;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  .sec .credit .credit_item {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .sec .credit .credit_item:not(:last-child) {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .sec .credit .credit_item:not(:last-child) {
    margin-bottom: 6.4vw;
  }
}
.sec .credit .credit_link {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.sec .credit .credit_img {
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .sec .credit .credit_img {
    width: 84px;
  }
}
@media screen and (max-width: 767px) {
  .sec .credit .credit_img {
    width: 22.4vw;
  }
}
.sec .credit .credit_data {
  width: 100%;
  color: #5c5c5c;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .sec .credit .credit_data {
    padding: 0 20px;
    font-size: 12px;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 767px) {
  .sec .credit .credit_data {
    padding: 0 5.3333333333vw;
    font-size: 2.9333333333vw;
    margin-bottom: 1.0666666667vw;
  }
}
.sec .credit .credit_btn {
  flex-shrink: 0;
  color: #fff;
  background-color: #333;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sec .credit .credit_btn {
    width: 70px;
    line-height: 27px;
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 767px) {
  .sec .credit .credit_btn {
    width: 17.6vw;
    line-height: 7.2vw;
    margin-bottom: 1.6vw;
  }
}
.sec .secSubWrap {
  position: relative;
}
.sec .secImg__1 {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .sec .secImg__1 {
    width: 449px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secImg__1 {
    width: 93.6vw;
  }
}
.sec .secImg__2 {
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .sec .secImg__2 {
    width: 309px;
    margin-top: -121px;
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secImg__2 {
    width: 64.5333333333vw;
    margin-top: -25.3333333333vw;
    margin-bottom: 9.6vw;
  }
}
.sec .secText {
  position: absolute;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: rgba(255, 255, 255, 0.25);
  bottom: 0;
  right: 0;
  white-space: nowrap;
}
.sec .secText span {
  display: block;
  transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .sec .secText span {
    font-size: 102px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secText span {
    font-size: 21.3333333333vw;
  }
}
.sec .secCome {
  margin-left: auto;
  margin-right: auto;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .sec .secCome {
    width: 419px;
    font-size: 14px;
    margin-bottom: 93px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secCome {
    width: 87.2vw;
    font-size: 3.7333333333vw;
    margin-bottom: 20vw;
  }
}
.sec .secGirlTitle {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .sec .secGirlTitle {
    margin-left: 30px;
    font-size: 40px;
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secGirlTitle {
    margin-left: 6.4vw;
    font-size: 8.5333333333vw;
    margin-bottom: 5.6vw;
  }
}
.sec .secGirlProf {
  display: flex;
}
@media screen and (min-width: 768px) {
  .sec .secGirlProf {
    gap: 0 40px;
    margin-left: 30px;
    margin-bottom: 33px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secGirlProf {
    gap: 0 8vw;
    margin-left: 6.4vw;
    margin-bottom: 7.2vw;
  }
}
@media screen and (min-width: 768px) {
  .sec .secGirlProf .secGirlProf_img {
    width: 128px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secGirlProf .secGirlProf_img {
    width: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .sec .secGirlProf .secGirlProf_inner {
    margin-top: 26px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secGirlProf .secGirlProf_inner {
    margin-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .sec .secGirlProf .secGirlProf_name {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secGirlProf .secGirlProf_name {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .sec .secGirlProf .secGirlProf_job {
    font-size: 12px;
    margin-bottom: 14px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secGirlProf .secGirlProf_job {
    font-size: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
.sec .secGirlProf .secGirlProf_inst {
  display: flex;
}
@media screen and (min-width: 768px) {
  .sec .secGirlProf .secGirlProf_instImg {
    width: 20px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secGirlProf .secGirlProf_instImg {
    width: 4.2666666667vw;
    margin-right: 1.3333333333vw;
  }
}
.sec .secGirlProf .secGirlProf_text {
  font-family: "kepler-std", serif;
  font-weight: 300;
  font-style: normal;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .sec .secGirlProf .secGirlProf_text {
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secGirlProf .secGirlProf_text {
    font-size: 3.7333333333vw;
  }
}
.sec .secGirlCome {
  margin-left: auto;
  margin-right: auto;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .sec .secGirlCome {
    width: 419px;
    font-size: 14px;
    margin-bottom: 97px;
  }
}
@media screen and (max-width: 767px) {
  .sec .secGirlCome {
    width: 87.2vw;
    font-size: 3.7333333333vw;
    margin-bottom: 20.5333333333vw;
  }
}

/* .sec(奇数・偶数)
===================================================== */
.sec:nth-child(odd) .secImg__1 {
  margin-right: 0;
  margin-left: auto;
}
.sec:nth-child(odd) .secImg__2 {
  margin-left: 0;
  margin-right: auto;
}

.sec:nth-child(even) .secImg__1 {
  margin-left: 0;
  margin-right: auto;
}
.sec:nth-child(even) .secImg__2 {
  margin-right: 0;
  margin-left: auto;
}

/* #sec__1
===================================================== */
@media screen and (min-width: 768px) {
  #sec__1 .secStyle {
    width: 204px;
  }
}
@media screen and (max-width: 767px) {
  #sec__1 .secStyle {
    width: 42.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #sec__1 .secText {
    bottom: 54px;
    right: -65px;
  }
}
@media screen and (max-width: 767px) {
  #sec__1 .secText {
    bottom: 11.7333333333vw;
    right: -13.3333333333vw;
  }
}

/* #sec__2
===================================================== */
@media screen and (min-width: 768px) {
  #sec__2 .secStyle {
    width: 353px;
  }
}
@media screen and (max-width: 767px) {
  #sec__2 .secStyle {
    width: 74.1333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #sec__2 .secText {
    bottom: 6px;
    left: -271px;
  }
}
@media screen and (max-width: 767px) {
  #sec__2 .secText {
    bottom: 0.8vw;
    left: -56.2666666667vw;
  }
}

/* #sec__3
===================================================== */
@media screen and (min-width: 768px) {
  #sec__3 .secStyle {
    width: 345px;
  }
}
@media screen and (max-width: 767px) {
  #sec__3 .secStyle {
    width: 72.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #sec__3 .secText {
    bottom: 140px;
    right: -179px;
  }
}
@media screen and (max-width: 767px) {
  #sec__3 .secText {
    bottom: 28.8vw;
    right: -37.3333333333vw;
  }
}

/* #sec__4
===================================================== */
@media screen and (min-width: 768px) {
  #sec__4 .secStyle {
    width: 344px;
  }
}
@media screen and (max-width: 767px) {
  #sec__4 .secStyle {
    width: 72vw;
  }
}
@media screen and (min-width: 768px) {
  #sec__4 .secText {
    bottom: -10px;
    left: -299px;
  }
}
@media screen and (max-width: 767px) {
  #sec__4 .secText {
    bottom: -2.6666666667vw;
    left: -62.9333333333vw;
  }
}

/* .item
===================================================== */
@media screen and (min-width: 768px) {
  .item {
    padding-top: 96px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .item {
    padding-top: 21.8666666667vw;
    padding-bottom: 21.3333333333vw;
  }
}
.item .item_inner {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .item .item_inner {
    width: 418px;
  }
}
@media screen and (max-width: 767px) {
  .item .item_inner {
    width: 87.2vw;
  }
}
.item .itemTitle {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .item .itemTitle {
    font-size: 40px;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 767px) {
  .item .itemTitle {
    font-size: 9.3333333333vw;
    margin-bottom: 8vw;
  }
}
.item .itemText {
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .item .itemText {
    font-size: 14px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .item .itemText {
    font-size: 3.7333333333vw;
    margin-bottom: 10.6666666667vw;
  }
}
.item .itemList {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .item .itemList {
    gap: 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .item .itemList {
    gap: 8vw 0;
  }
}
.item .itemList .itemList_item {
  letter-spacing: 0;
  line-height: 1.6666666667;
}
@media screen and (min-width: 768px) {
  .item .itemList .itemList_item {
    width: 194px;
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .item .itemList .itemList_item {
    width: 40.5333333333vw;
    font-size: 3.2vw;
  }
}
.item .itemList .itemList_item a {
  display: block;
}
@media screen and (min-width: 768px) {
  .item .itemList img {
    margin-bottom: 7px;
  }
}
@media screen and (max-width: 767px) {
  .item .itemList img {
    margin-bottom: 2.1333333333vw;
  }
}
.item .itemList .price.salecolor {
  color: #ee2e2e;
}
.item .itemList .price.salecolor + .price {
  color: #ee2e2e;
}
@media screen and (min-width: 768px) {
  .item .itemBtn {
    margin-top: 83px;
  }
}
@media screen and (max-width: 767px) {
  .item .itemBtn {
    margin-top: 18.6666666667vw;
  }
}
.staffcredit {
  line-height: 2;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 100px;
  font-size: 12px;
}

/* .footer上書き
===================================================== */
.foot_brand_area {
  margin-top: 0 !important;
}

/* anime
===================================================== */
.fade {
  opacity: 0;
  transition: opacity 0.6s;
}
.fade.on {
  opacity: 1;
}

.fadeUp {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s, transform 0.6s;
}
.fadeUp.on {
  opacity: 1;
  transform: translateY(0);
}

.fadeRight {
  opacity: 0;
  transform: translateX(-20px);
  transition: opacity 0.6s, transform 0.6s;
}
.fadeRight.on {
  opacity: 1;
  transform: translateX(0);
}

.fadeLeft {
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.6s, transform 0.6s;
}
.fadeLeft.on {
  opacity: 1;
  transform: translateX(0);
}/*# sourceMappingURL=style.css.map */