@charset "UTF-8";
/*---------------------------------------------
メディアクエリー
---------------------------------------------*/
/*---------------------------------------------
共通
---------------------------------------------*/
html {
  color: #000;
  /*
    display: none;
  */
}

/*リセット
--------------------------------------------*/
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;
  font-family: "source-han-sans-jp-variable", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #402919;
}

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 {
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}
a:hover {
  opacity: 0.8;
  transition: all 0.3s ease;
}

a img {
  border: none;
}

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

img {
  width: 100%;
  display: block;
  vertical-align: bottom;
}

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

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

.flexed {
  display: flex;
  flex-wrap: wrap;
}

.flexed-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.flexed-between {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
}

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

.basein {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .basein {
    padding: 0 20px;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 769px) {
  .basein {
    box-sizing: border-box;
    max-width: 1300px;
    width: 100%;
  }
}

.inline_b {
  display: inline-block;
}

.one_credit {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 90.5555555556%;
}
@media screen and (max-width: 768px) {
  .one_credit {
    width: calc((100vw - 30px) / 375 * 100vw);
  }
}
.one_credit li {
  width: 50%;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .one_credit li {
    margin-bottom: 30px;
  }
}
.one_credit li.last_child {
  margin-bottom: 0;
}
.one_credit li dl a dt {
  font-size: 19px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #212122;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .one_credit li dl a dt {
    font-size: 12px;
  }
  .one_credit li dl a dt span {
    font-weight: 600;
  }
}
.one_credit li dl a dd {
  padding: 0 22px;
}
@media screen and (max-width: 768px) {
  .one_credit li dl a dd {
    padding: 0 3.6363636364%;
  }
}
.one_credit li dl a dd h3 {
  font-size: 17px;
}
@media screen and (max-width: 768px) {
  .one_credit li dl a dd h3 {
    font-size: 0.6rem;
  }
  .one_credit li dl a dd h3 span {
    font-weight: 600;
  }
}
.one_credit li dl a dd h3 + div {
  justify-content: space-between;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .one_credit li dl a dd h3 + div {
    align-items: center;
    padding-top: 5px;
  }
}
.one_credit li dl a dd h3 + div .price {
  font-size: 17px;
}
@media screen and (max-width: 768px) {
  .one_credit li dl a dd h3 + div .price {
    font-size: 10px;
    font-weight: 600;
  }
}
.one_credit li dl a dd h3 + div .buy span {
  background: #fff;
  padding: 5px 30px;
  display: inline-block;
  border-radius: 40px;
  letter-spacing: 0.07rem;
}
@media screen and (max-width: 768px) {
  .one_credit li dl a dd h3 + div .buy span {
    font-size: 12px;
    padding: 1.5px 10.5px;
    font-weight: 600;
  }
}

/*---------------------------------------------
font
---------------------------------------------*/
.chelsea_r {
  font-family: "chelsea-market-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ja {
  font-family: "source-han-sans-jp-variable", sans-serif;
  font-weight: 250;
  font-style: normal;
}

.ja_extraLight {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.ja_light {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.ja_normal {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.ja_regular {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ja_medium {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.ja_bold {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.ja_heavy {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 900;
  font-style: normal;
}

/*---------------------------------------------
MAIN
---------------------------------------------*/
main {
  background: #f5f5e6;
}
main .wrapper {
  display: flex;
  justify-content: space-between;
  /* SIDE */
}
main .wrapper .rightBlock {
  width: calc(100% - 720px);
  position: sticky;
  top: 15px;
  left: 20px;
  height: fit-content;
}
@media screen and (min-width: 769px) {
  main .wrapper .rightBlock {
    justify-content: flex-start;
    gap: 40px;
  }
}
@media screen and (min-width: 1450px) {
  main .wrapper .rightBlock {
    justify-content: center;
    gap: 60px;
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  main .wrapper .rightBlock {
    padding: 0 10px;
  }
}
main .wrapper .rightBlock h1 {
  max-width: 140px;
}
main .wrapper .rightBlock .link_area {
  margin-top: 85px;
  width: 100%;
  max-width: 310px;
}
main .wrapper .rightBlock .link_area ul {
  align-content: stretch;
  align-items: center;
  justify-content: space-between;
}
main .wrapper .rightBlock .link_area ul li {
  width: 100%;
}
main .wrapper .rightBlock .link_area ul li a {
  display: block;
  width: 100%;
}
main .wrapper .rightBlock .link_area ul:first-child {
  background: url(../images/index/index_text1.webp) no-repeat;
  background-size: 86%;
  background-position: 50% calc(100% - 18px);
  padding-bottom: 56px;
}
main .wrapper .rightBlock .link_area ul:first-child li:first-child {
  max-width: 95px;
}
main .wrapper .rightBlock .link_area ul:first-child li:last-child {
  max-width: 126px;
}
main .wrapper .rightBlock .link_area ul:nth-child(2) {
  background: url(../images/index/index_text2.webp) no-repeat;
  background-size: 100%;
  background-position: 50% calc(100% - 30px);
  padding-bottom: 80px;
}
main .wrapper .rightBlock .link_area ul:nth-child(2) li:first-child {
  max-width: 66px;
}
main .wrapper .rightBlock .link_area ul:nth-child(2) li:nth-child(2) {
  max-width: 65px;
}
main .wrapper .rightBlock .link_area ul:nth-child(2) li:last-child {
  max-width: 81px;
}
main .wrapper .rightBlock .link_area ul:last-child li:first-child {
  max-width: 96px;
}
main .wrapper .rightBlock .link_area ul:last-child li:nth-child(2) {
  max-width: 64px;
}
main .wrapper .rightBlock .link_area ul:last-child li:last-child {
  max-width: 62px;
}
main .wrapper {
  /* END SIDE */
}
main .wrapper .main_content {
  position: relative;
  width: 720px;
  overflow: hidden;
}
@media screen and (min-width: 1450px) {
  main .wrapper .main_content {
    width: calc(65% - 200px);
  }
}
main .wrapper .main_content {
  /* MAIN VIZ */
}
main .wrapper .main_content .main_viz {
  position: relative;
  overflow: hidden;
  height: 100vh;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  main .wrapper .main_content .main_viz {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1450px) {
  main .wrapper .main_content .main_viz {
    height: 70vh;
  }
}
main .wrapper .main_content .main_viz .slider_main ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
main .wrapper .main_content .main_viz .slider_main ul li {
  position: absolute;
  inset: 0;
  opacity: 0;
  animation: slideAnim 16s infinite;
  will-change: opacity, transform;
  backface-visibility: hidden;
  transform: translateZ(0);
  animation-timing-function: linear;
}
main .wrapper .main_content .main_viz .slider_main ul li:nth-child(1) {
  animation-delay: 0s;
}
main .wrapper .main_content .main_viz .slider_main ul li:nth-child(2) {
  animation-delay: 4s;
}
main .wrapper .main_content .main_viz .slider_main ul li:nth-child(3) {
  animation-delay: 8s;
}
main .wrapper .main_content .main_viz .slider_main ul li:nth-child(4) {
  animation-delay: 12s;
}
main .wrapper .main_content .main_viz .slider_main ul li.active {
  opacity: 1;
  z-index: 2;
}
main .wrapper .main_content .main_viz .slider_main ul li.fadeout {
  opacity: 0;
  transition: opacity 1s ease;
  z-index: 3;
}
main .wrapper .main_content .main_viz .slider_main ul img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  main .wrapper .main_content .main_viz .slider_main h1 {
    display: flex;
    margin: 0 auto;
    width: 50%;
    z-index: 5;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100vh;
  }
}
main .wrapper .main_content {
  /* ZOOM ANIMATION */
}
@keyframes slideAnim {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  5% {
    opacity: 1;
  }
  25% {
    opacity: 1;
    transform: scale(1.1);
  }
  30% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
  }
}
main .wrapper .main_content {
  /* END MAIN VIZ */
}
main .wrapper .main_content .content_wrapper {
  background: url(../images/bg.webp) no-repeat;
  background-attachment: fixed;
  background-size: 100%;
  background-position: 50% 55%;
}
@media screen and (max-width: 768px) {
  main .wrapper .main_content .content_wrapper {
    background: none;
    z-index: 1;
  }
}
main .wrapper .main_content .content_wrapper #style__01 {
  position: relative;
  width: 100%;
}
main .wrapper .main_content .content_wrapper #style__01:before {
  content: "";
  display: block;
  padding-top: 474.0277777778%;
}
main .wrapper .main_content .content_wrapper #style__01 .content_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .wrapper .main_content .content_wrapper #style__01 .content_box h2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  z-index: 2;
}
main .wrapper .main_content .content_wrapper #style__01 .content_box .bg_style01, main .wrapper .main_content .content_wrapper #style__01 .content_box .bg_style02, main .wrapper .main_content .content_wrapper #style__01 .content_box .bg_style03, main .wrapper .main_content .content_wrapper #style__01 .content_box .bg_style04 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .wrapper .main_content .content_wrapper #style__01 .content_box .bg_style01 .img01 {
  position: absolute;
  width: 45.9722222222%;
  top: 12.4523879285%;
  left: 0.1388888889%;
  margin: 0;
  z-index: 2;
}
main .wrapper .main_content .content_wrapper #style__01 .content_box .bg_style01 .img02 {
  position: absolute;
  width: 41.9444444444%;
  top: 22.0627014357%;
  left: 7.2222222222%;
  margin: 0;
}
main .wrapper .main_content .content_wrapper #style__01 .content_box .bg_style01 .img03 {
  position: absolute;
  width: 48.8888888889%;
  top: 20.1289188397%;
  right: 5.5555555556%;
  margin: 0;
}
main .wrapper .main_content .content_wrapper #style__01 .content_box .bg_style02 .img01 {
  position: absolute;
  width: 49.4444444444%;
  top: 33.6946967477%;
  left: 4.8611111111%;
  margin: 0;
  z-index: 2;
}
main .wrapper .main_content .content_wrapper #style__01 .content_box .bg_style02 .img02 {
  position: absolute;
  width: 47.5%;
  top: 36.0386756519%;
  right: 5.9722222222%;
  margin: 0;
}
main .wrapper .main_content .content_wrapper #style__01 .content_box .bg_style02 .img03 {
  position: absolute;
  width: 65.5555555556%;
  top: 49.5751538236%;
  right: 0;
  left: 0;
  margin: 0 auto;
}
main .wrapper .main_content .content_wrapper #style__01 .content_box .bg_style02 .img04 {
  position: absolute;
  width: 56.5277777778%;
  top: 62.7014356871%;
  right: 0;
  left: 0;
  margin: 0 auto;
}
main .wrapper .main_content .content_wrapper #style__01 .content_box .bg_style03 ul {
  top: 80.1640785233%;
}
main .wrapper .main_content .content_wrapper #style__02 {
  position: relative;
  width: 100%;
}
main .wrapper .main_content .content_wrapper #style__02:before {
  content: "";
  display: block;
  padding-top: 381.25%;
}
main .wrapper .main_content .content_wrapper #style__02 .content_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .wrapper .main_content .content_wrapper #style__02 .content_box h2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 91.3888888889%;
  z-index: 2;
}
main .wrapper .main_content .content_wrapper #style__02 .content_box .bg_style01 .img01 {
  position: absolute;
  width: 55.5555555556%;
  top: 20.4007285974%;
  left: 0;
}
main .wrapper .main_content .content_wrapper #style__02 .content_box .bg_style01 .img02 {
  position: absolute;
  width: 30.5555555556%;
  top: 20.072859745%;
  right: 4.0277777778%;
}
main .wrapper .main_content .content_wrapper #style__02 .content_box .bg_style01 .img03 {
  position: absolute;
  width: 34.7222222222%;
  top: 27.6867030965%;
  right: 13.8888888889%;
}
main .wrapper .main_content .content_wrapper #style__02 .content_box .bg_style02 li {
  position: absolute;
  width: 70%;
  top: 45.4280510018%;
  right: 0;
  left: 0;
  margin: 0 auto;
  opacity: 1;
  transition: opacity 0.8s ease;
}
main .wrapper .main_content .content_wrapper #style__02 .content_box .bg_style02 .content_lastImg {
  position: absolute;
  width: 79.1666666667%;
  top: 70.7832422587%;
  right: 0;
  left: 0;
  margin: 0 auto;
}
main .wrapper .main_content .content_wrapper #style__02 .content_box .bg_style03 {
  position: absolute;
  top: 86.3387978142%;
  right: 0;
  left: 0;
  margin: 0 auto;
}
main .wrapper .main_content .content_wrapper #style__02 .content_box .bg_style03 .one_credit {
  top: 86.3387978142%;
}
main .wrapper .main_content .content_wrapper #style__03 {
  position: relative;
  width: 100%;
}
main .wrapper .main_content .content_wrapper #style__03:before {
  content: "";
  display: block;
  padding-top: 416.6666666667%;
}
main .wrapper .main_content .content_wrapper #style__03 .content_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .wrapper .main_content .content_wrapper #style__03 .content_box h2 {
  position: absolute;
  top: 3.6666666667%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 90.2777777778%;
  z-index: 1;
}
main .wrapper .main_content .content_wrapper #style__03 .content_box .bg_style0 .img0 {
  position: absolute;
  width: 29.1666666667%;
  top: 0;
  right: 0;
  z-index: 2;
}
main .wrapper .main_content .content_wrapper #style__03 .content_box .bg_style0 .img00 {
  position: absolute;
  width: 34.7222222222%;
  top: 9.5333333333%;
  left: 0;
}
main .wrapper .main_content .content_wrapper #style__03 .content_box .bg_style01 .img_bg {
  position: absolute;
  width: 45.1388888889%;
  top: 20.6666666667%;
  left: 2.7777777778%;
}
main .wrapper .main_content .content_wrapper #style__03 .content_box .bg_style01 .img {
  /*
  &01 {
    position: absolute;
    width: calc(245 / 720 * 100%);
    top: calc(721 / 3000 * 100%);
    left: 0;
    z-index: 3;
  }
  */
}
main .wrapper .main_content .content_wrapper #style__03 .content_box .bg_style01 .img02 {
  position: absolute;
  width: 34.7222222222%;
  top: 24.1666666667%;
  right: 5.5555555556%;
}
main .wrapper .main_content .content_wrapper #style__03 .content_box .bg_style02 ul {
  position: absolute;
  width: 100%;
  top: 39.2333333333%;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
}
main .wrapper .main_content .content_wrapper #style__03 .content_box .bg_style02 ul li {
  width: calc(33.3333333333% - 10px);
}
@media screen and (max-width: 768px) {
  main .wrapper .main_content .content_wrapper #style__03 .content_box .bg_style02 ul li {
    width: calc(33.3333333333% - 5px);
  }
}
main .wrapper .main_content .content_wrapper #style__03 .content_box .bg_style02 .content_lastImg {
  position: absolute;
  width: 47.2222222222%;
  top: 52.1%;
  right: 0;
  left: 0;
  margin: 0 auto;
}
main .wrapper .main_content .content_wrapper #style__03 .content_box .bg_style03 {
  position: absolute;
  top: 73.6666666667%;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: block;
  height: 100%;
  max-height: 357px;
}
main .wrapper .main_content .content_wrapper #style__03 .content_box .bg_style03 .content_lastImg {
  position: absolute;
  width: 70.1388888889%;
  top: 84.6666666667%;
  right: 0;
  left: 0;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  main .wrapper .main_content .content_wrapper #style__03 .content_box .bg_style03 .content_lastImg {
    top: 53.3333333333%;
  }
}
main .wrapper .main_content .content_wrapper #style__04 {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main .wrapper .main_content .content_wrapper #style__04 {
    margin-bottom: 40px;
  }
}
main .wrapper .main_content .content_wrapper #style__04:before {
  content: "";
  display: block;
  padding-top: 292.5%;
}
main .wrapper .main_content .content_wrapper #style__04 .content_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .wrapper .main_content .content_wrapper #style__04 .content_box h2 {
  position: absolute;
  top: 0;
  left: 4.1666666667%;
  width: 15.2777777778%;
}
main .wrapper .main_content .content_wrapper #style__04 .content_box .bg_style01 .img01 {
  position: absolute;
  width: 56.9444444444%;
  top: 0.9496676163%;
  right: 2.3611111111%;
}
main .wrapper .main_content .content_wrapper #style__04 .content_box .bg_style01 .img01 ul li:first-child {
  position: absolute;
  width: 15.2777777778%;
  top: 0.9496676163%;
  right: 43.0555555556%;
}
main .wrapper .main_content .content_wrapper #style__04 .content_box .bg_style01 .img01 ul li:nth-child(2) {
  position: absolute;
  width: 14.3055555556%;
  top: 3.5137701804%;
  right: 26.3888888889%;
}
main .wrapper .main_content .content_wrapper #style__04 .content_box .bg_style01 .img01 ul li:last-child {
  position: absolute;
  width: 19.4444444444%;
  top: 4.3684710351%;
  right: 2.0833333333%;
}
main .wrapper .main_content .content_wrapper #style__04 .content_box .bg_style01 .img02 .img_position01 {
  position: absolute;
  width: 51.3888888889%;
  top: 6.4102564103%;
  left: 0;
}
main .wrapper .main_content .content_wrapper #style__04 .content_box .bg_style01 .img02 .img_position02 {
  position: absolute;
  width: 57.3611111111%;
  top: 27.5403608737%;
  right: 4.8611111111%;
}
main .wrapper .main_content .content_wrapper #style__04 .content_box .bg_style01 .img02 .img_position03 {
  position: absolute;
  width: 45.8333333333%;
  top: 44.6343779677%;
  left: 7.6388888889%;
}
main .wrapper .main_content .content_wrapper #style__04 .content_box .bg_style01 .img02 .img_position04 {
  position: absolute;
  width: 38.8888888889%;
  top: 44.2545109212%;
  right: 0;
}
main .wrapper .main_content .content_wrapper #style__04 .content_box .bg_style02 .content_lastImg {
  position: absolute;
  width: 31.25%;
  top: 66.2393162393%;
  right: 0;
  left: 0;
  margin: 0 auto;
}
main .wrapper .main_content .content_wrapper #style__04 .content_box .bg_style02 .one_credit {
  top: 88.7939221273%;
}
main .wrapper .main_content .content_wrapper #style__05 {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main .wrapper .main_content .content_wrapper #style__05 {
    margin-bottom: 80px;
  }
}
main .wrapper .main_content .content_wrapper #style__05:before {
  content: "";
  display: block;
  padding-top: 292.5%;
}
main .wrapper .main_content .content_wrapper #style__05 .content_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .wrapper .main_content .content_wrapper #style__05 .content_box h2 span {
  position: absolute;
}
main .wrapper .main_content .content_wrapper #style__05 .content_box h2 span.title01 {
  top: 5.7929724596%;
  left: 5.5555555556%;
  width: 14.5833333333%;
}
main .wrapper .main_content .content_wrapper #style__05 .content_box h2 span.title02 {
  width: 54.8611111111%;
  top: 0%;
  left: 9.0277777778%;
}
main .wrapper .main_content .content_wrapper #style__05 .content_box h2 span.title03 {
  top: 2.6115859449%;
  left: 12.9166666667%;
  width: 75.6944444444%;
}
main .wrapper .main_content .content_wrapper #style__05 .content_box .bg_style01 .img01 {
  position: absolute;
  top: 34.9002849003%;
  left: 6.9444444444%;
  width: 34.3055555556%;
  z-index: 1;
}
main .wrapper .main_content .content_wrapper #style__05 .content_box .bg_style01 .img02 {
  position: absolute;
  top: 30.7217473884%;
  right: 0%;
  width: 62.2222222222%;
}
main .wrapper .main_content .content_wrapper #style__05 .content_box .bg_style02 .position_base .img03 {
  position: absolute;
  top: 59.2117758784%;
  left: 9.0277777778%;
  width: 51.1111111111%;
}
main .wrapper .main_content .content_wrapper #style__05 .content_box .bg_style02 .position_base .img04 {
  position: absolute;
  top: 57.5973409307%;
  right: 3.8888888889%;
  width: 28.8888888889%;
}
main .wrapper .main_content .content_wrapper #style__05 .content_box .bg_style02 .position_base .img05 {
  position: absolute;
  top: 73.5042735043%;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 50.8333333333%;
}
main .wrapper .main_content .content_wrapper #style__05 .content_box .bg_style02 .one_credit {
  position: absolute;
  top: 93.4947768281%;
}
main .wrapper .main_content .content_wrapper #style__06 {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main .wrapper .main_content .content_wrapper #style__06 {
    margin-bottom: 50px;
  }
}
main .wrapper .main_content .content_wrapper #style__06:before {
  content: "";
  display: block;
  padding-top: 421.6666666667%;
}
main .wrapper .main_content .content_wrapper #style__06 .content_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .wrapper .main_content .content_wrapper #style__06 .content_box h2 span {
  position: absolute;
}
main .wrapper .main_content .content_wrapper #style__06 .content_box h2 span.title06 {
  top: 5.2042160738%;
  left: 5.5555555556%;
  width: 14.5833333333%;
  z-index: 1;
}
main .wrapper .main_content .content_wrapper #style__06 .content_box h2 span.title07 {
  width: 79.7222222222%;
  top: 0%;
  right: 9.0277777778%;
}
main .wrapper .main_content .content_wrapper #style__06 .content_box .bg_style01 .img01 {
  position: absolute;
  top: 23.5177865613%;
  left: 3.1944444444%;
  width: 49.3055555556%;
  z-index: 1;
}
main .wrapper .main_content .content_wrapper #style__06 .content_box .bg_style01 .img02 {
  position: absolute;
  top: 21.3109354414%;
  right: 0%;
  width: 62.2222222222%;
}
main .wrapper .main_content .content_wrapper #style__06 .content_box .bg_style02.position_base .img03 {
  position: absolute;
  top: 48.9789196311%;
  left: 0%;
  width: 44.7222222222%;
}
main .wrapper .main_content .content_wrapper #style__06 .content_box .bg_style02.position_base .img04 {
  position: absolute;
  top: 42.325428195%;
  right: 4.8611111111%;
  width: 65.2777777778%;
}
main .wrapper .main_content .content_wrapper #style__06 .content_box .bg_style02.position_base .img05 {
  position: absolute;
  top: 50.9881422925%;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 50.8333333333%;
}
main .wrapper .main_content .content_wrapper #style__06 .content_box .bg_style02 .one_credit {
  position: absolute;
  top: 64.8550724638%;
}
main .wrapper .main_content .content_wrapper #style__06 .content_box .bg_style03 .img05 {
  position: absolute;
  top: 65.5797101449%;
  right: 14.3055555556%;
  width: 47.9166666667%;
}
main .wrapper .main_content .content_wrapper #style__06 .content_box .bg_style03 .content_lastImg {
  position: absolute;
  width: 56.9444444444%;
  top: 68.6758893281%;
  right: 0;
  left: 0;
  margin: 0 auto;
}
main .wrapper .main_content .content_wrapper #style__06 .content_box .bg_style03 .one_credit {
  top: 87.7140974967%;
}
main .wrapper .main_content .content_wrapper #style__07 {
  position: relative;
  width: 100%;
}
main .wrapper .main_content .content_wrapper #style__07:before {
  content: "";
  display: block;
  padding-top: 341.25%;
}
main .wrapper .main_content .content_wrapper #style__07 .content_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .wrapper .main_content .content_wrapper #style__07 .content_box h2 span {
  position: absolute;
}
main .wrapper .main_content .content_wrapper #style__07 .content_box h2 span.title07 {
  top: 5.0875050875%;
  left: 5.9722222222%;
  width: 14.4444444444%;
}
main .wrapper .main_content .content_wrapper #style__07 .content_box h2 span.title08 {
  width: 54.1666666667%;
  top: 6.6341066341%;
  left: 0%;
}
main .wrapper .main_content .content_wrapper #style__07 .content_box h2 span.title09 {
  top: 18.315018315%;
  left: 0%;
  width: 81.25%;
}
main .wrapper .main_content .content_wrapper #style__07 .content_box h2 span.title10 {
  top: 0%;
  right: 8.3333333333%;
  width: 40.2777777778%;
  z-index: 1;
}
main .wrapper .main_content .content_wrapper #style__07 .content_box .bg_style01 .position_base .img01 {
  position: absolute;
  top: 41.514041514%;
  left: 11.1111111111%;
  width: 35.5555555556%;
}
@media screen and (max-width: 768px) {
  main .wrapper .main_content .content_wrapper #style__07 .content_box .bg_style01 .position_base .img01 {
    width: 40%;
  }
}
main .wrapper .main_content .content_wrapper #style__07 .content_box .bg_style01 .position_base .img02 {
  position: absolute;
  top: 43.1827431827%;
  right: 5.9722222222%;
  width: 45.2777777778%;
}
main .wrapper .main_content .content_wrapper #style__07 .content_box .bg_style02 .content_lastImg {
  position: absolute;
  top: 61.8233618234%;
  width: 37.5%;
  right: 0;
  left: 0;
  margin: 0 auto;
}
main .wrapper .main_content .content_wrapper #style__07 .content_box .bg_style02 .one_credit {
  position: absolute;
  top: 83.71998372%;
}
main .wrapper .main_content .content_wrapper #style__08 {
  position: relative;
  width: 100%;
}
main .wrapper .main_content .content_wrapper #style__08:before {
  content: "";
  display: block;
  padding-top: 430.5555555556%;
}
main .wrapper .main_content .content_wrapper #style__08 .content_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .wrapper .main_content .content_wrapper #style__08 .content_box h2 span {
  position: absolute;
}
main .wrapper .main_content .content_wrapper #style__08 .content_box h2 span.title08 {
  width: 83.3333333333%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
main .wrapper .main_content .content_wrapper #style__08 .content_box .bg_style01 .position_base .img01 {
  position: absolute;
  top: 23.3870967742%;
  left: 8.1944444444%;
  width: 36.1111111111%;
  z-index: 1;
}
main .wrapper .main_content .content_wrapper #style__08 .content_box .bg_style01 .position_base .img02 {
  position: absolute;
  top: 31.4516129032%;
  right: 0;
  width: 68.0555555556%;
}
main .wrapper .main_content .content_wrapper #style__08 .content_box .bg_style01 .position_base .img03 {
  position: absolute;
  top: 46.1612903226%;
  left: 8.1944444444%;
  width: 43.8888888889%;
}
main .wrapper .main_content .content_wrapper #style__08 .content_box .bg_style01 .position_base .img04 {
  position: absolute;
  top: 48.2258064516%;
  right: 2.7777777778%;
  width: 43.1944444444%;
}
main .wrapper .main_content .content_wrapper #style__08 .content_box .bg_style01 .position_base .img05 {
  position: absolute;
  top: 57.9677419355%;
  left: 15.2777777778%;
  width: 31.9444444444%;
}
main .wrapper .main_content .content_wrapper #style__08 .content_box .bg_style01 .position_base .img06 {
  position: absolute;
  top: 60.3225806452%;
  right: 8.3333333333%;
  width: 41.9444444444%;
}
main .wrapper .main_content .content_wrapper #style__08 .content_box .bg_style02 .img07 {
  position: absolute;
  top: 73.8064516129%;
  width: 30.5555555556%;
  right: 0;
  left: 0;
  margin: 0 auto;
}
main .wrapper .main_content .content_wrapper #style__08 .content_box .bg_style02 .one_credit {
  position: absolute;
  top: 91.1935483871%;
}
main .wrapper .main_content .content_wrapper #style__09 {
  padding-bottom: 160px;
}
main .wrapper .main_content .content_wrapper #style__09 .bg_style01 .flexed {
  margin: 0 auto;
  max-width: 90.5555555556%;
  width: 100%;
}
main .wrapper .main_content .content_wrapper #style__09 .bg_style01 .flexed li {
  width: calc(33.3333333333% - 5px);
  margin-right: 5px;
  margin-bottom: 5px;
}
main .wrapper .main_content .content_wrapper #style__09 .bg_style01 .flexed li:nth-child(3n), main .wrapper .main_content .content_wrapper #style__09 .bg_style01 .flexed li:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
main .wrapper .main_content .content_wrapper #style__09 .bg_style01 .flexed li.last_list {
  margin-bottom: 0;
}
main .wrapper .main_content .content_wrapper #style__09 .bg_style01 .last_link {
  margin: 145px 0 0;
}
main .wrapper .main_content .content_wrapper #style__09 .bg_style01 .last_link a {
  display: block;
  width: 100%;
  max-width: 310px;
  margin: 0 auto;
  background: url(../images/all_linkbg.webp) no-repeat center center;
  background-size: 100%;
  text-align: center;
  padding: 33px 0;
}
main .wrapper .main_content .content_wrapper #style__09 .bg_style01 .last_link a span {
  font-size: 22px;
  letter-spacing: 0.8px;
}
@media screen and (max-width: 768px) {
  main .wrapper .main_content .content_wrapper .sp_navWrap {
    background: #f5f5e6;
  }
  main .wrapper .main_content .content_wrapper .sp_navWrap nav {
    position: relative;
    overflow: hidden;
    width: calc(100% - 38px);
    margin: 0 auto;
  }
  main .wrapper .main_content .content_wrapper .sp_navWrap nav:before {
    content: "";
    display: block;
    padding-top: 245.3333333333%;
  }
  main .wrapper .main_content .content_wrapper .sp_navWrap nav ul {
    align-content: stretch;
    align-items: center;
    justify-content: space-between;
  }
  main .wrapper .main_content .content_wrapper .sp_navWrap nav ul:first-child {
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url(../images/index/index_text1.webp) no-repeat;
    background-size: 100%;
    background-position: 50% 100%;
    padding-bottom: 12.2615803815%;
  }
  main .wrapper .main_content .content_wrapper .sp_navWrap nav ul:first-child li {
    width: 100%;
  }
  main .wrapper .main_content .content_wrapper .sp_navWrap nav ul:first-child li:first-child {
    max-width: 33.9047619048%;
  }
  main .wrapper .main_content .content_wrapper .sp_navWrap nav ul:first-child li:last-child {
    max-width: 49.5238095238%;
  }
  main .wrapper .main_content .content_wrapper .sp_navWrap nav ul:nth-child(2) {
    position: absolute;
    top: 32.6086956522%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url(../images/index/index_text2.webp) no-repeat;
    background-size: 100%;
    background-position: 50% 100%;
    padding-bottom: 16.348773842%;
    justify-content: space-between;
  }
  main .wrapper .main_content .content_wrapper .sp_navWrap nav ul:nth-child(2) li {
    max-width: 24.7619047619%;
    width: 100%;
  }
  main .wrapper .main_content .content_wrapper .sp_navWrap nav ul:nth-child(2) li:nth-child(2) {
    max-width: 23.8095238095%;
  }
  main .wrapper .main_content .content_wrapper .sp_navWrap nav ul:nth-child(2) li:last-child {
    max-width: 30.8571428571%;
  }
  main .wrapper .main_content .content_wrapper .sp_navWrap nav ul:last-child {
    position: absolute;
    top: 64.2391304348%;
    left: 0;
    right: 0;
    margin: 0 auto;
    justify-content: space-between;
  }
  main .wrapper .main_content .content_wrapper .sp_navWrap nav ul:last-child li {
    max-width: 38.0952380952%;
    width: 100%;
  }
  main .wrapper .main_content .content_wrapper .sp_navWrap nav ul:last-child li:nth-child(2) {
    max-width: 24%;
  }
  main .wrapper .main_content .content_wrapper .sp_navWrap nav ul:last-child li:last-child {
    max-width: 24.380952381%;
  }
}
main footer {
  padding-bottom: 30px;
  background: transparent;
  margin-top: -15px;
}
@media screen and (max-width: 768px) {
  main footer {
    margin: 0;
    position: relative;
  }
  main footer::before {
    content: "";
    display: block;
    background: #f5f5e6;
    width: 100%;
    height: 135px;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 5px auto 0;
  }
}
main footer .center_foot {
  max-width: 271px;
  width: 100%;
  margin: 0 auto;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 768px) {
  main footer .center_foot {
    max-width: 40%;
  }
}

.animation01 {
  opacity: 1;
  position: relative;
  height: 200px;
}
@media screen and (min-width: 1450px) {
  .animation01 {
    height: auto;
    padding-top: 98.0052038161%;
  }
}
@media screen and (max-width: 768px) {
  .animation01 {
    max-height: 530px;
    height: 100vh;
  }
}
.animation01 .fade-wrap {
  position: absolute;
  width: 31.25vw;
  top: 330.0094966762%;
  left: 1.9444444444%;
  height: 350px;
}
@media screen and (min-width: 1450px) {
  .animation01 .fade-wrap {
    height: 530px;
    top: 86.4197530864%;
  }
}
@media screen and (max-width: 768px) {
  .animation01 .fade-wrap {
    width: 60vw;
    top: 66%;
    left: 3.7333333333%;
    height: 200px;
  }
}
@media screen and (max-width: 440px) {
  .animation01 .fade-wrap {
    width: 54.8780487805vw;
    top: 75%;
  }
}
.animation01 .fade-wrap .img {
  position: absolute;
  width: 100%;
  opacity: 0;
  transition: opacity 0.8s ease;
}
.animation01 .fade-wrap .img.img01 {
  z-index: 1;
  width: 23.6111111111vw !important;
  top: 19.943019943% !important;
  left: 0 !important;
}
@media screen and (min-width: 1450px) {
  .animation01 .fade-wrap .img.img01 {
    width: 18.75vw !important;
    top: 27.0655270655% !important;
    left: -0.5555555556vw !important;
  }
}
@media screen and (max-width: 768px) {
  .animation01 .fade-wrap .img.img01 {
    left: -6.6666666667% !important;
    width: 69.3333333333% !important;
    top: 16% !important;
  }
}
.animation01 .fade-wrap .img.img02 {
  z-index: 2;
  max-width: 23.6111111111vw !important;
  top: 1.4245014245% !important;
  left: 10.8333333333vw !important;
  width: 100% !important;
}
@media screen and (min-width: 1450px) {
  .animation01 .fade-wrap .img.img02 {
    max-width: 20.8333333333vw !important;
    top: 11.8708452042% !important;
    left: 8.3333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .animation01 .fade-wrap .img.img02 {
    max-width: 74.6666666667% !important;
    top: -3.5% !important;
    left: 20% !important;
    width: 100% !important;
    right: auto;
  }
}
@media screen and (max-width: 440px) {
  .animation01 .fade-wrap .img.img02 {
    max-width: 80% !important;
  }
}
.animation01 .fade-wrap .img.is-view {
  opacity: 1;
}

.img01.animation02 {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.img01.animation02 .fade-wrap02 {
  position: relative;
  width: 100%;
  padding-top: 41.6666666667%;
  display: block;
}
@media screen and (max-width: 768px) {
  .img01.animation02 .fade-wrap02 {
    overflow: hidden;
    padding-top: 112.2666666667%;
    width: calc(100% + 38px);
    margin-left: -30px;
  }
}
.img01.animation02 .fade-wrap02 .img {
  position: absolute;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  height: auto;
  object-fit: contain;
  z-index: 1;
}
.img01.animation02 .fade-wrap02 .img.is-view02 {
  opacity: 1;
  z-index: 10;
}
.img01.animation02 .fade-wrap02 .img.img01 {
  width: 9.1666666667vw !important;
  top: 0.9496676163% !important;
  right: 43.0555555556% !important;
}
@media screen and (max-width: 768px) {
  .img01.animation02 .fade-wrap02 .img.img01 {
    width: 16vw !important;
    top: -1.8817204301% !important;
    right: 64% !important;
    z-index: 1;
  }
}
.img01.animation02 .fade-wrap02 .img.img02 {
  width: 7.7777777778vw;
  top: 3.5137701804%;
  right: 26.3888888889%;
}
@media screen and (max-width: 768px) {
  .img01.animation02 .fade-wrap02 .img.img02 {
    width: 16.8vw;
    top: 8.5333333333%;
    right: 36.8%;
  }
}
.img01.animation02 .fade-wrap02 .img.img03 {
  width: 9.7222222222vw;
  top: 4.3684710351%;
  right: 2.0833333333%;
}
@media screen and (max-width: 768px) {
  .img01.animation02 .fade-wrap02 .img.img03 {
    width: 21.8666666667vw;
    top: 13.3333333333%;
    right: -0.5333333333%;
  }
}

@media screen and (max-width: 768px) {
  .sp_onlybg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    will-change: transform;
    background: url(../images/bg.webp) no-repeat;
    background-position: 50% 100%;
    background-size: cover;
  }
}
/* AOSの初期状態
[data-aos="fade-up"] {
  transform: translate3d(0, 20px, 0);
}
[data-aos="fade-right"] {
  transform: translate3d(-20px, 0, 0);
}
[data-aos="fade-left"] {
  transform: translate3d(20px, 0, 0);
}
*//*# sourceMappingURL=style.css.map */