@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,
input,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.6rem;
  line-height: 1.4;
  vertical-align: baseline;
  box-sizing: border-box;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

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

html {
  font-size: 62.5%;
}

em {
  color: black;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

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

.content {
  margin-top: 0;
}

.wrap {
  width: 100%;
}

.main {
  padding: 0;
  border-radius: 0;
  border: none;
}

.mysyle {
  overflow: hidden;
}

a {
  text-decoration: none;
}

input[type=submit],
input[type=checkbox],
input[type=radio] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.pc-layout {
  display: block;
}

.sp-layout {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .pc-layout {
    display: none !important;
  }
  .sp-layout {
    display: block !important;
  }
}
.gray {
  color: #4D4D4D;
}

@font-face {
  font-family: "poppin";
  src: url("../font/POPPINS-SEMIBOLD.woff") format("woff"), url("../font/Poppins-SemiBold.ttf") format("truetype");
  font-weight: semibold;
  font-style: normal;
}
html,
body {
  position: relative;
}
html.active,
body.active {
  overflow: hidden;
}

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s ease;
  overflow: scroll;
  z-index: 500;
}
.overlay.active {
  pointer-events: all;
  opacity: 1;
}
.overlay .humbergerclose {
  position: absolute;
  top: 5rem;
  right: 5.3rem;
  width: 3.4rem;
  height: 2.1rem;
}
.overlay .humbergerclose div {
  position: absolute;
  top: 50%;
  background: #000000;
  width: 100%;
  height: 0.2rem;
}
.overlay .humbergerclose div:first-of-type {
  transform: translateY(-50%) rotate(45deg);
}
.overlay .humbergerclose div:last-of-type {
  transform: translateY(-50%) rotate(-45deg);
}
.overlay .overlayWrapper .ul {
  padding-top: 20rem;
}
.overlay .overlayWrapper .ul__li {
  text-align: center;
}
.overlay .overlayWrapper .ul__li .link {
  color: #000000;
  font-weight: 700;
  font-size: 2.4rem;
}
.overlay .overlayWrapper .ul__li + .ul__li {
  margin-top: 2.5rem;
}

.stickyWrapper {
  position: relative;
}
.stickyWrapper .rightArea {
  position: absolute;
  padding-top: 60rem;
  top: 0;
  right: 0;
  width: 39rem;
  height: 100%;
  z-index: 200;
  opacity: 1;
  padding-bottom: 170rem;
}
@media (max-width: 768px) {
  .stickyWrapper .rightArea {
    max-height: 28rem;
  }
}
.stickyWrapper .rightArea.pc {
  display: block;
  padding-bottom: 230rem;
}
@media (max-width: 768px) {
  .stickyWrapper .rightArea.pc {
    display: none;
  }
}
.stickyWrapper .rightArea.sp {
  display: none;
  background: #E1FEFF;
  padding: 0 1rem;
}
@media (max-width: 768px) {
  .stickyWrapper .rightArea.sp {
    display: block;
  }
}
@media (max-width: 768px) {
  .stickyWrapper .rightArea {
    padding: 0;
    position: relative;
    width: 100%;
    display: block;
    opacity: 1;
    transition: none;
  }
}
.stickyWrapper .rightArea .imgWrapper {
  position: sticky;
  top: 5rem;
  right: 0;
}
@media (max-width: 768px) {
  .stickyWrapper .rightArea .imgWrapper {
    position: relative;
    top: -7rem;
  }
}
.stickyWrapper .rightArea .imgWrapper .imgArea,
.stickyWrapper .rightArea .imgWrapper .imgArea1 {
  display: block;
  width: 100%;
}
.stickyWrapper .rightArea .imgWrapper .imgArea img,
.stickyWrapper .rightArea .imgWrapper .imgArea1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.stickyWrapper .rightArea .imgWrapper .imgArea1 .link {
  cursor: pointer;
}
.stickyWrapper .rightArea .imgWrapper .imgArea1 .link .imgArea1-2 {
  display: none;
}
@media (min-width: 768px) {
  .stickyWrapper .rightArea .imgWrapper .imgArea1 .link:hover .imgArea {
    display: none;
  }
  .stickyWrapper .rightArea .imgWrapper .imgArea1 .link:hover .imgArea1-2 {
    display: block;
  }
}
.stickyWrapper .rightArea .imgWrapper .imgArea2 {
  margin-top: 3.3rem;
}
@media (max-width: 768px) {
  .stickyWrapper .rightArea .imgWrapper .imgArea2 {
    margin-top: 4px;
  }
}
.stickyWrapper .rightArea .imgWrapper .imgArea2 .imgArea img,
.stickyWrapper .rightArea .imgWrapper .imgArea2 .imgArea2-2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.stickyWrapper .rightArea .imgWrapper .imgArea2 button {
  cursor: pointer;
}
.stickyWrapper .rightArea .imgWrapper .imgArea2 button .imgArea2-2 {
  display: none;
}
@media (min-width: 768px) {
  .stickyWrapper .rightArea .imgWrapper .imgArea2 button:hover .imgArea {
    display: none;
  }
  .stickyWrapper .rightArea .imgWrapper .imgArea2 button:hover .imgArea2-2 {
    display: block;
  }
}
.stickyWrapper .rightArea .imgWrapper .imgArea2 button#productBtn {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
@media (max-width: 768px) {
  .stickyWrapper .rightArea .imgWrapper .imgArea2 button#productBtn {
    width: 18.2rem;
    display: block;
  }
}
.stickyWrapper .rightArea .imgWrapper .imgArea3 {
  position: relative;
  margin: 0 auto;
  margin-top: 5.4rem;
  width: 19.2rem;
  left: 5.8rem;
  display: block;
}
@media (max-width: 768px) {
  .stickyWrapper .rightArea .imgWrapper .imgArea3 {
    width: 16rem;
    margin-top: 0;
    top: -5.1rem;
    left: 9.4rem;
  }
}
@media (max-width: 768px) {
  .stickyWrapper .rightArea .imgWrapper .imgArea1 .link {
    width: 18.2rem;
    display: block;
  }
}
.stickyWrapper .mainContentWrapper {
  overflow: hidden;
}

.m-header {
  height: 119.7rem;
  position: relative;
  background: #60AACA;
  z-index: 100;
}
@media screen and (max-width: 1600px) {
  .m-header {
    height: 107.7rem;
  }
}
@media (max-width: 768px) {
  .m-header {
    height: 88rem;
  }
}
.m-header .imgWrapper {
  display: none;
}
@media (max-width: 768px) {
  .m-header .imgWrapper {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    width: 100%;
    overflow: hidden;
    bottom: -28.9rem;
  }
}
.m-header .imgWrapper .imgArea {
  position: relative;
  left: -21.5rem;
  display: block;
  width: 122%;
  height: 100%;
}
.m-header .imgWrapper .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.m-header .name {
  position: absolute;
  bottom: 4.6rem;
  left: 4.7rem;
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  z-index: 200;
}
@media (max-width: 768px) {
  .m-header .name {
    left: 1.7rem;
    bottom: 10.2rem;
    font-size: 1.3rem;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    z-index: 200;
  }
}
.m-header .backBottomImg {
  position: absolute;
  bottom: -0.3rem;
  display: block;
  width: 100%;
  z-index: 1;
}
@media (max-width: 768px) {
  .m-header .backBottomImg {
    bottom: -3px;
  }
}
.m-header .backBottomImg .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.m-header .backBottomImg .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  vertical-align: bottom;
}
.m-header .intro_anim_container {
  background-image: url("../img/intro/anim_bg.webp");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100vw;
  position: relative;
}
.m-header .intro_anim_container picture.imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.m-header .intro_anim_container picture.imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.m-header .intro_anim_container .intro_anim_text {
  position: absolute;
  width: 28%;
  left: 0;
  right: 0;
  margin: auto;
  top: -28rem;
  bottom: 0;
  z-index: 100;
  overflow: hidden;
  transition: all 1s ease-out;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_text {
    width: 83%;
    top: -42rem;
  }
}
.m-header .intro_anim_container .intro_anim_text.not_visible {
  opacity: 0;
}
.m-header .intro_anim_container .intro_anim_text.visible {
  opacity: 1;
}
.m-header .intro_anim_container .intro_anim_whale {
  width: 70%;
  position: absolute;
  top: auto;
  bottom: -8rem;
  z-index: 80;
  transition: all 1.3s ease-out;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_whale {
    bottom: 18rem;
    width: 167%;
  }
}
.m-header .intro_anim_container .intro_anim_whale.not_visible {
  opacity: 0;
  left: -15rem;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_whale.not_visible {
    left: -42rem;
  }
}
.m-header .intro_anim_container .intro_anim_whale.visible {
  animation: frontanime1 4.9s forwards;
  left: 0;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_whale.visible {
    left: -37rem;
  }
}
@keyframes frontanime1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.m-header .intro_anim_container .intro_anim_cloud {
  width: 59%;
  position: absolute;
  top: auto;
  bottom: -4rem;
  z-index: 80;
  transition: all 1.6s ease-out;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_cloud {
    display: none;
  }
}
.m-header .intro_anim_container .intro_anim_cloud.not_visible {
  opacity: 0;
  right: -15rem;
}
.m-header .intro_anim_container .intro_anim_cloud.visible {
  right: -2rem;
  animation: frontanime2 5s forwards;
}
@keyframes frontanime2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.m-header .intro_anim_container .intro_anim_planet {
  width: 42%;
  position: absolute;
  bottom: auto;
  right: 0;
  z-index: 80;
  transition: all 1.8s ease-out;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_planet {
    width: 76%;
  }
}
.m-header .intro_anim_container .intro_anim_planet.not_visible {
  opacity: 0;
  top: -15rem;
  right: -15rem;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_planet.not_visible {
    top: -7rem;
    right: -24rem;
  }
}
.m-header .intro_anim_container .intro_anim_planet.visible {
  top: 0;
  right: 0;
  animation: frontanime3 5s forwards;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_planet.visible {
    top: -4rem;
    right: -29rem;
  }
}
@keyframes frontanime3 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.m-header .intro_anim_container .intro_anim_giraffe {
  width: 43%;
  position: absolute;
  top: auto;
  z-index: 80;
  transition: all 2.2s ease-out;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_giraffe {
    width: 103%;
  }
}
.m-header .intro_anim_container .intro_anim_giraffe.not_visible {
  opacity: 0;
  right: -15rem;
  bottom: -15rem;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_giraffe.not_visible {
    bottom: 14rem;
    right: -44rem;
  }
}
.m-header .intro_anim_container .intro_anim_giraffe.visible {
  right: -6px;
  bottom: -4rem;
  animation: frontanime4 5s forwards;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_giraffe.visible {
    bottom: 19rem;
    right: -39rem;
  }
}
@keyframes frontanime4 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.m-header .intro_anim_container .intro_anim_fish {
  width: 60.5%;
  position: absolute;
  top: auto;
  bottom: -1rem;
  z-index: 100;
  transition: all 2s ease-out;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_fish {
    width: 120.5%;
  }
}
.m-header .intro_anim_container .intro_anim_fish.not_visible {
  opacity: 0;
  left: -15rem;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_fish.not_visible {
    left: -32rem;
    bottom: 22rem;
  }
}
.m-header .intro_anim_container .intro_anim_fish.visible {
  left: 0;
  animation: frontanime5 5s forwards;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_fish.visible {
    left: -27rem;
    bottom: 18rem;
  }
}
@keyframes frontanime5 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.m-header .intro_anim_container .intro_anim_flamingo {
  width: 46.5%;
  position: absolute;
  top: auto;
  z-index: 80;
  transition: all 1s ease-out;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_flamingo {
    width: 101.5%;
  }
}
.m-header .intro_anim_container .intro_anim_flamingo.not_visible {
  opacity: 0;
  bottom: -15rem;
  right: -15rem;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_flamingo.not_visible {
    bottom: 19.6rem;
    right: -38rem;
  }
}
.m-header .intro_anim_container .intro_anim_flamingo.visible {
  bottom: -1.4rem;
  right: -4px;
  animation: frontanim6 5s forwards;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_flamingo.visible {
    bottom: 24.6rem;
    right: -33rem;
  }
}
@keyframes frontanime6 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.m-header .intro_anim_container .intro_anim_girl {
  width: 17%;
  position: absolute;
  top: auto;
  left: -7rem;
  right: 0;
  z-index: 80;
  margin: 0 auto;
  transition: all 2s ease-out;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_girl {
    width: 51%;
    left: 2rem;
  }
}
.m-header .intro_anim_container .intro_anim_girl.not_visible {
  opacity: 0;
  bottom: -16rem;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_girl.not_visible {
    bottom: 16.6rem;
  }
}
.m-header .intro_anim_container .intro_anim_girl.visible {
  bottom: 5.6rem;
  animation: frontanim7 5s forwards;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_girl.visible {
    bottom: 17.6rem;
  }
}
@keyframes frontanime7 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.m-header .intro_anim_container .intro_anim_bottom_cloud {
  width: 100%;
  position: absolute;
  top: auto;
  bottom: -26rem;
  left: 0;
  right: 0;
  z-index: 120;
  transition: all 1s ease-out;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_bottom_cloud {
    width: 380%;
    left: -51rem;
  }
}
.m-header .intro_anim_container .intro_anim_bottom_cloud.not_visible {
  opacity: 0;
  bottom: -44rem;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_bottom_cloud.not_visible {
    bottom: -9rem;
  }
}
.m-header .intro_anim_container .intro_anim_bottom_cloud.visible {
  bottom: -26rem;
}
@media (max-width: 768px) {
  .m-header .intro_anim_container .intro_anim_bottom_cloud.visible {
    bottom: -1rem;
  }
}
@keyframes frontanime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

html.modal_open {
  overflow: hidden;
}

#modal,
#modal1,
#modal2,
#modal3 {
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 300;
  pointer-events: none;
}
#modal.modal_open,
#modal1.modal_open,
#modal2.modal_open,
#modal3.modal_open {
  pointer-events: all;
  opacity: 1;
}

@media (max-width: 768px) {
  #modal1 .text.text1 {
    top: 13.5rem;
  }
}

@media (max-width: 768px) {
  #modal3 .text {
    top: 12.5rem;
  }
}

#modal3 .name {
  left: -16.8rem;
}

.modal_overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease;
}
.modal_overlay.youtube .modal_overlay_container {
  background: transparent;
}
body.modal_open .modal_overlay {
  opacity: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  transition: all 0.3s ease;
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 900;
  background: #F15A24;
  background: rgba(0, 0, 0, 0.6);
}
body.modal_open .modal_overlay.youtube {
  background: #000;
}
@media (max-width: 768px) {
  body.modal_open .modal_overlay {
    align-items: flex-start;
  }
}
.modal_overlay .modal_overlay_container {
  width: 96rem;
  margin: 0 auto;
  position: relative;
  background: #F15A24;
}
.modal_overlay.youtube .modal_overlay_container {
  width: 80%;!important;
}
@media (max-width: 768px) {
  .modal_overlay .modal_overlay_container {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
}
.modal_overlay .modal_overlay_container .wrapper {
  position: relative;
  padding: 8rem 12.8rem 18rem;
}
@media (max-width: 768px) {
  .modal_overlay .modal_overlay_container .wrapper {
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
  }
}
.modal_overlay .modal_overlay_container .wrapper button#close_modal_btn1, .modal_overlay .modal_overlay_container .wrapper button#close_modal_btn1 {
  position: absolute;
  background: transparent;
  border: none;
  display: block;
  margin: 0;
  padding: 0;
  top: 4.5rem;
  right: 13.4rem;
  width: 3.6rem;
  transition: all 0.3s ease;
}
.modal_overlay .modal_overlay_container .wrapper button#close_modal_btn1:hover, .modal_overlay .modal_overlay_container .wrapper button#close_modal_btn1:hover {
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .modal_overlay .modal_overlay_container .wrapper button#close_modal_btn1, .modal_overlay .modal_overlay_container .wrapper button#close_modal_btn1 {
    top: -3.3rem;
    width: 3.6rem;
    right: 0;
  }
}
.modal_overlay .modal_overlay_container .wrapper button#close_modal_btn1.movie {
  top: -5.5rem;
  right: 0;
}
.modal_overlay .modal_overlay_container .wrapper button#close_modal_btn1{
  top: 2rem;
  right: 2rem;
}
@media (max-width: 768px) {
  .modal_overlay .modal_overlay_container .wrapper button#close_modal_btn1 {
    top: -4.3rem;
    width: 3.6rem;
    right: 0.4rem;
  }
}
.modal_overlay .modal_overlay_container .wrapper picture.imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.modal_overlay .modal_overlay_container .wrapper picture.imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal_overlay .modal_overlay_container .wrapper .hukidashiArea1 {
  width: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .modal_overlay .modal_overlay_container .wrapper .hukidashiArea1 {
    width: 42rem;
  }
}
.modal_overlay .modal_overlay_container .wrapper .hukidashiArea1 .text {
  width: 100%;
  position: absolute;
  top: 10.5rem;
  padding: 1.7rem 2.5rem;
  font-size: 2.5rem;
  letter-spacing: 1px;
  line-height: 3.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
@media (max-width: 768px) {
  .modal_overlay .modal_overlay_container .wrapper .hukidashiArea1 .text {
    top: 10.3rem;
    padding: 0 3rem;
    font-size: 2.1rem;
    letter-spacing: 0;
    line-height: 3.5rem;
  }
}
@media (max-width: 768px) {
  .modal_overlay .modal_overlay_container .wrapper .hukidashiArea1 .text.text1 {
    top: 12.3rem;
  }
}
.modal_overlay .modal_overlay_container .wrapper .hukidashiArea1 .pictureArea1 {
  position: absolute;
  width: 29rem;
  right: -1rem;
  bottom: -16.2rem;
}
@media (max-width: 768px) {
  .modal_overlay .modal_overlay_container .wrapper .hukidashiArea1 .pictureArea1 {
    position: absolute;
    width: 24.6rem;
    right: -2rem;
    bottom: -13.2rem;
  }
}
.modal_overlay .modal_overlay_container .wrapper .hukidashiArea1 .pictureArea1 .name {
  position: absolute;
  left: -10.8rem;
  top: 13.1rem;
  font-size: 2.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
@media (max-width: 768px) {
  .modal_overlay .modal_overlay_container .wrapper .hukidashiArea1 .pictureArea1 .name {
    left: -8.8rem;
    top: 13.1rem;
    font-size: 2.1rem;
  }
}
.modal_overlay .modal_overlay_container .wrapper .hukidashiArea1 .pictureArea1 .name .span {
  font-size: 1.8rem;
}

#modal .wrapper {
  margin: 0 auto;
  width: 90%;
}
#modal .hukidashiArea1 {
  margin-top: 1rem;
  height: auto;
}
@media (max-width: 768px) {
  #modal .hukidashiArea1 {
    width: 100%;
    height: auto;
  }
}
#modal .hukidashiArea1 iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
#modal .modal_overlay_container {
/*  max-height: 644px;*/
}
#modal .modal_overlay_container .wrapper {
  padding: 0;
  top: 50%;
}

.front {
  position: relative;
}
@media (max-width: 768px) {
  .front {
    padding-bottom: 0;
  }
}
.front .listContent {
  z-index: 150;
  left: -60%;
  transition: all 0.3s ease;
}
.front .listContent.visible {
  left: 0;
}
@media (max-width: 768px) {
  .front .listContent p.text {
    border-radius: 0 1rem 0 0 !important;
    border: 2px solid #FFFFFF !important;
    border-left: none !important;
    font-size: 1.7rem !important;
    padding-left: 1.6rem !important;
    padding-right: 2rem !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    line-height: 1.5 !important;
  }
}
.front .anim_odd .areaBanner .imgWrapper .imgArea {
  position: relative;
  transition: all 0.5s ease;
  transform: scale(0.4);
  transition: all 0.3s ease;
}
.front .anim_odd .areaBanner .imgWrapper .imgArea.visible {
  transform: scale(1);
}
.front .anim_odd .contentsWrapper {
  position: relative;
  left: -20rem;
  opacity: 0;
  transition: all 0.5s ease;
  transform: rotate(-20deg);
}
.front .anim_odd .contentsWrapper.visible {
  opacity: 1;
  left: 0;
  transform: rotate(0);
}
.front .anim_odd .hukidashiArea1,
.front .anim_odd .hukidashiArea2,
.front .anim_odd .hukidashiArea3,
.front .anim_odd .hukidashiArea4 {
  opacity: 0;
  transition: all 0.5s ease;
  transform: rotate(-30deg);
}
.front .anim_odd .hukidashiArea1.visible,
.front .anim_odd .hukidashiArea2.visible,
.front .anim_odd .hukidashiArea3.visible,
.front .anim_odd .hukidashiArea4.visible {
  opacity: 1;
  transform: rotate(0);
}
.front .anim_even .areaBanner .imgWrapper .imgArea {
  position: relative;
  transition: all 0.5s ease;
  transform: scale(0.4);
  transition: all 0.3s ease;
}
.front .anim_even .areaBanner .imgWrapper .imgArea.visible {
  transform: scale(1);
}
.front .anim_even .contentsWrapper {
  position: relative;
  right: -20rem;
  opacity: 0;
  transition: all 0.5s ease;
  transform: rotate(20deg);
}
.front .anim_even .contentsWrapper.visible {
  opacity: 1;
  right: 0;
  transform: rotate(0);
}
.front .anim_even .hukidashiArea1,
.front .anim_even .hukidashiArea2,
.front .anim_even .hukidashiArea3,
.front .anim_even .hukidashiArea4 {
  opacity: 0;
  transition: all 0.5s ease;
  transform: rotate(30deg);
}
.front .anim_even .hukidashiArea1.visible,
.front .anim_even .hukidashiArea2.visible,
.front .anim_even .hukidashiArea3.visible,
.front .anim_even .hukidashiArea4.visible {
  opacity: 1;
  transform: rotate(0);
}
.front .section1 {
  background: #E1FEFF;
  position: relative;
}
@media (max-width: 768px) {
  .front .section1 {
    padding-bottom: 10rem;
  }
}
.front .section1__wrapper {
  position: relative;
  z-index: 100;
  max-width: 106rem;
  padding-top: 13rem;
  padding-bottom: 18.7rem;
  gap: 5.4rem;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .front .section1__wrapper {
    max-width: 100%;
    flex-direction: column;
    padding-top: 1rem;
    padding-bottom: 0;
    gap: 0;
  }
}
.front .section1__wrapper .text {
  position: relative;
  flex: 1;
  top: 3px;
  left: 1rem;
  font-size: 2.3rem;
  line-height: 4.5rem;
  letter-spacing: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-weight: 400;
  flex: 0.95;
}
@media (max-width: 768px) {
  .front .section1__wrapper .text {
    left: 0;
    right: 0;
    top: 5.5rem;
    font-size: 1.8rem;
    padding-left: 3.8rem;
    padding-right: 3.3rem;
    letter-spacing: 1px;
    line-height: 3.76rem;
  }
  .front .section1__wrapper .text .sp {
    display: none;
  }
}
.front .section1__wrapper .imgWrapper {
  position: relative;
  top: 10rem;
  width: 26rem;
}
.front .section1__wrapper .imgWrapper .imgArea {
  display: block;
  width: 107%;
}
@media (max-width: 768px) {
  .front .section1__wrapper .imgWrapper .imgArea {
    width: 104%;
  }
}
.front .section1__wrapper .imgWrapper .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .front .section1__wrapper .imgWrapper {
    top: 8rem;
    width: 22.4rem;
    right: 4.2rem;
  }
}
.front .section1__wrapper .imgWrapper .text1 {
  margin-top: 1.1rem;
  font-size: 1.9rem;
  letter-spacing: 1.3px;
  line-height: 1.4;
  text-align: right;
  width: 107%;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section1__wrapper .imgWrapper .text1 {
    margin-top: 9px;
    font-size: 1.5rem;
    font-weight: 400;
    width: 104%;
  }
  .front .section1__wrapper .imgWrapper .text1 br {
    display: none;
  }
}
.front .section1__wrapper .imgWrapper .text2 {
  font-size: 2.6rem;
  text-align: right;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  position: relative;
  font-weight: 500;
  letter-spacing: 1px;
  width: 107%;
}
@media (max-width: 768px) {
  .front .section1__wrapper .imgWrapper .text2 {
    position: static;
    font-size: 2.2rem;
    margin-top: 1px;
    width: 104%;
  }
}
.front .section2 {
  position: relative;
  background: #FDC341;
  z-index: 2;
  background-image: url("../img/main/section2/backimg3.webp");
  min-height: 50rem;
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  background-position: 0 0;
  transition: all 0s ease;
}
.front .section2__wrapper {
  position: relative;
}
.front .section2__wrapper #backImageCloud {
  width: 93.2rem;
  right: 1rem;
  top: 315.6rem;
  position: absolute;
  z-index: -1;
  opacity: 0;
}
@media (max-width: 768px) {
  .front .section2__wrapper #backImageCloud {
    display: none;
  }
}
.front .section2__wrapper #backImageCloud.visible {
  animation: hyouzi2 1.3s linear forwards;
  top: 500.6rem;
}
@keyframes hyouzi2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.front .section2__wrapper #backImageCloud .imgArea {
  display: block;
  width: 100%;
  position: relative;
  top: var(--cloud-top);
}
.front .section2__wrapper #backImageCloud img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section2__wrapper #backImageWhale {
  width: 121rem;
  left: -20.7rem;
  position: absolute;
  z-index: -1;
  opacity: 0;
  top: 120.5rem;
}
@media screen and (max-width: 1600px) {
  .front .section2__wrapper #backImageWhale {
    width: 99rem;
  }
}
.front .section2__wrapper #backImageWhale .imgArea {
  display: block;
  width: 100%;
  position: relative;
  top: var(--whale-top);
}
.front .section2__wrapper #backImageWhale .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section2__wrapper #backImageWhale.visible {
  animation: hyouzi1 1.3s linear forwards;
  top: 115.5rem;
}
@keyframes hyouzi1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .front .section2__wrapper #backImageWhale {
    display: none;
  }
}
.front .section2 .back_img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: -3px;
  z-index: -1;
}
@media (max-width: 768px) {
  .front .section2 .back_img {
    top: 26rem;
  }
}
.front .section2 .back_img .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section2 .back_img .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.front .section2 .historyImgWrapper {
  margin: 0 auto;
  max-width: 60.2rem;
  background: #E1FEFF;
  padding: 0 3.5rem;
  padding-top: 10rem;
  position: relative;
}
@media (max-width: 768px) {
  .front .section2 .historyImgWrapper {
    padding-bottom: 0;
    padding-right: 5rem;
    padding-left: 9.3rem;
    padding-top: 6.9rem;
  }
}
.front .section2 .historyImgWrapper .historyImgArea {
  display: block;
  width: 100%;
}
.front .section2 .historyImgWrapper .historyImgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .front .section2 .historyImgWrapper .historyImgArea {
    position: relative;
    left: -3.1rem;
  }
}
.front .section2 .historyImgWrapper .scrolldown {
  position: absolute;
  left: auto;
  bottom: 10rem;
  height: 11rem;
  right: 11rem;
}
@media (max-width: 768px) {
  .front .section2 .historyImgWrapper .scrolldown {
    bottom: 4.5rem;
    height: 8.6rem;
    right: 16rem;
  }
}
.front .section2 .historyImgWrapper .scrolldown span {
  position: absolute;
  left: 1rem;
  top: 0;
  color: #333;
  font-size: 7px;
  letter-spacing: 0.05rem;
  writing-mode: vertical-rl;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .front .section2 .historyImgWrapper .scrolldown span {
    left: 4px;
    font-size: 1.3rem;
  }
}
.front .section2 .historyImgWrapper .scrolldown:before {
  content: "";
  display: block;
  position: absolute;
  left: -0.4rem;
  bottom: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #333;
  background-color: #333;
  animation: circlemove 1.6s ease-in-out infinite, circlemovehide 1.6s ease-in-out infinite;
}
.front .section2 .historyImgWrapper .scrolldown:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1rem;
  left: 0;
  width: 2px;
  height: 12rem;
  background: #333;
}
@keyframes circlemove {
  0% {
    bottom: 8.8rem;
  }
  100% {
    bottom: -5px;
  }
}
@keyframes circlemovehide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
.front .section2 .area1993,
.front .section2 .area1994,
.front .section2 .area1995,
.front .section2 .area1996,
.front .section2 .area1997,
.front .section2 .area1998,
.front .section2 .area1999,
.front .section2 .area2000,
.front .section2 .area2001,
.front .section2 .area2002,
.front .section2 .area2003 {
  margin: 0 auto;
  max-width: 60.2rem;
  position: relative;
  background: #E1FEFF;
}
@media (max-width: 768px) {
  .front .section2 .area1993,
  .front .section2 .area1994,
  .front .section2 .area1995,
  .front .section2 .area1996,
  .front .section2 .area1997,
  .front .section2 .area1998,
  .front .section2 .area1999,
  .front .section2 .area2000,
  .front .section2 .area2001,
  .front .section2 .area2002,
  .front .section2 .area2003 {
    width: 22.5rem;
  }
}
.front .section2 .area1993 picture.imgArea,
.front .section2 .area1994 picture.imgArea,
.front .section2 .area1995 picture.imgArea,
.front .section2 .area1996 picture.imgArea,
.front .section2 .area1997 picture.imgArea,
.front .section2 .area1998 picture.imgArea,
.front .section2 .area1999 picture.imgArea,
.front .section2 .area2000 picture.imgArea,
.front .section2 .area2001 picture.imgArea,
.front .section2 .area2002 picture.imgArea,
.front .section2 .area2003 picture.imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section2 .area1993 picture.imgArea img,
.front .section2 .area1994 picture.imgArea img,
.front .section2 .area1995 picture.imgArea img,
.front .section2 .area1996 picture.imgArea img,
.front .section2 .area1997 picture.imgArea img,
.front .section2 .area1998 picture.imgArea img,
.front .section2 .area1999 picture.imgArea img,
.front .section2 .area2000 picture.imgArea img,
.front .section2 .area2001 picture.imgArea img,
.front .section2 .area2002 picture.imgArea img,
.front .section2 .area2003 picture.imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .front .section2 .area1993 .text,
  .front .section2 .area1994 .text,
  .front .section2 .area1995 .text,
  .front .section2 .area1996 .text,
  .front .section2 .area1997 .text,
  .front .section2 .area1998 .text,
  .front .section2 .area1999 .text,
  .front .section2 .area2000 .text,
  .front .section2 .area2001 .text,
  .front .section2 .area2002 .text,
  .front .section2 .area2003 .text {
    line-height: 1.5 !important;
  }
}
.front .section2 .area1993Wrapper {
  position: relative;
}
.front .section2 .area1993Wrapper .listContent {
  display: none;
  position: absolute;
  top: 27.3rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section2 .area1993Wrapper .listContent {
    top: 18.3rem;
  }
}
.front .section2 .area1993Wrapper .listContent .text1 {
  padding: 1.7rem 0 2.1rem 10rem;
  width: 40.2rem;
}
@media (max-width: 768px) {
  .front .section2 .area1993Wrapper .listContent .text1 {
    width: 23.5rem;
  }
}
.front .section2 .area1993Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section2 .area1993 {
  margin: 0 auto;
  max-width: 60.2rem;
  position: relative;
  padding-bottom: 16rem;
}
@media (max-width: 768px) {
  .front .section2 .area1993 {
    padding-bottom: 2rem;
  }
}
.front .section2 .area1993 .imgArea2 {
  position: absolute;
  top: 32.5rem;
  left: -3.3rem;
  width: 38.2rem;
}
@media (max-width: 768px) {
  .front .section2 .area1993 .imgArea2 {
    top: 35.1rem;
    left: -9rem;
    width: 24.1rem;
    z-index: 2;
    display: none;
  }
}
.front .section2 .area1993 .imgArea1 {
  position: relative;
  top: 0.1rem;
  left: 16rem;
  width: 57.5rem;
}
@media (max-width: 768px) {
  .front .section2 .area1993 .imgArea1 {
    position: relative;
    top: 1.2rem;
    left: -10.3rem;
    width: 44.2rem;
  }
}
.front .section2 .area1994Wrapper {
  position: relative;
}
.front .section2 .area1994Wrapper .listContent {
  display: none;
  position: absolute;
  top: 9.3rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section2 .area1994Wrapper .listContent {
    top: 15.3rem;
  }
}
.front .section2 .area1994Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 32.2rem;
}
@media (max-width: 768px) {
  .front .section2 .area1994Wrapper .listContent .text1 {
    width: 18.2rem;
  }
}
.front .section2 .area1994Wrapper .listContent .text2 {
  margin-top: 1.1rem;
  padding: 1.7rem 0 9px 10rem;
  width: 33.6rem;
}
@media (max-width: 768px) {
  .front .section2 .area1994Wrapper .listContent .text2 {
    width: 18.6rem;
  }
}
.front .section2 .area1994Wrapper .listContent .text3 {
  margin-top: 1.1rem;
  padding: 1.7rem 0 9px 10rem;
  width: 36rem;
  line-height: 3.9rem;
}
@media (max-width: 768px) {
  .front .section2 .area1994Wrapper .listContent .text3 {
    width: 20rem;
  }
}
.front .section2 .area1994Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section2 .area1994 {
  margin: 0 auto;
  max-width: 60.2rem;
  position: relative;
  z-index: 11;
  padding-bottom: 55rem;
}
@media (max-width: 768px) {
  .front .section2 .area1994 {
    padding-bottom: 45rem;
  }
}
.front .section2 .area1994 .yearArea {
  position: absolute;
  right: -18.3rem;
  top: -31.5rem;
  width: 34.6rem;
  display: block;
}
@media (max-width: 768px) {
  .front .section2 .area1994 .yearArea {
    right: -12.2rem;
    top: -14.3rem;
    width: 22.8rem;
    z-index: 20;
  }
}
.front .section2 .area1994 .hukidashiArea1 {
  position: relative;
  top: -9.7rem;
  width: 34.8rem;
  z-index: 3;
  left: -10.9rem;
}
@media (max-width: 768px) {
  .front .section2 .area1994 .hukidashiArea1 {
    top: 2rem;
    left: -5.6rem;
    width: 22.4rem;
    z-index: 5;
  }
}
.front .section2 .area1994 .hukidashiArea1 .text {
  width: 100%;
  position: absolute;
  top: 39%;
  left: 56%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 4.6rem;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area1994 .hukidashiArea1 .text {
    top: 40%;
    left: 62%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section2 .area1994 .hukidashiArea2 {
  position: relative;
  top: -16.2rem;
  left: 45.9rem;
  width: 34.5rem;
  z-index: 3;
}
@media (max-width: 768px) {
  .front .section2 .area1994 .hukidashiArea2 {
    top: -2.3rem;
    left: 11.2rem;
    width: 23rem;
    z-index: 5;
  }
}
.front .section2 .area1994 .hukidashiArea2 .text {
  width: 100%;
  position: absolute;
  top: 43%;
  left: 63%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.8rem;
  font-size: 2.4rem;
  line-height: 3.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area1994 .hukidashiArea2 .text {
    top: 42%;
    left: 66%;
    padding: 0;
    font-size: 1.9rem;
    line-height: 1.4;
  }
}
.front .section2 .area1994 .pictureArea1 {
  position: absolute;
  top: -18.3rem;
  left: 9.4rem;
  width: 46.1rem;
  z-index: 2;
}
@media (max-width: 768px) {
  .front .section2 .area1994 .pictureArea1 {
    top: -4.4rem;
    left: -2.8rem;
    width: 31.4rem;
  }
}
.front .section2 .area1994 .ilustArea2 {
  position: absolute;
  bottom: -27.6rem;
  left: 19.8rem;
  width: 55.5rem;
  z-index: 6;
}
@media (max-width: 768px) {
  .front .section2 .area1994 .ilustArea2 {
    bottom: -27.1rem;
    left: -4.2rem;
    width: 35.2rem;
  }
}
.front .section2 .area1995Wrapper {
  position: relative;
}
.front .section2 .area1995Wrapper .listContent {
  position: absolute;
  top: -0.1rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section2 .area1995Wrapper .listContent {
    top: 0.9rem;
  }
}
.front .section2 .area1995Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 32.1rem;
}
@media (max-width: 768px) {
  .front .section2 .area1995Wrapper .listContent .text1 {
    width: 17.6rem;
  }
}
.front .section2 .area1995Wrapper .listContent .text2 {
  margin-top: 1.1rem;
  padding: 1.7rem 0 1.6rem 10rem;
  width: 30rem;
}
@media (max-width: 768px) {
  .front .section2 .area1995Wrapper .listContent .text2 {
    width: 15rem;
  }
}
.front .section2 .area1995Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section2 .area1995 {
  z-index: 12;
  margin: 0 auto;
  max-width: 60.2rem;
  position: relative;
}
.front .section2 .area1995 .yearArea {
  position: absolute;
  left: -18.1rem;
  top: -22.9rem;
  width: 30.5rem;
  display: block;
}
@media (max-width: 768px) {
  .front .section2 .area1995 .yearArea {
    left: -11.2rem;
    top: -15.1rem;
    width: 20.2rem;
    z-index: 20;
  }
}
.front .section2 .area1995 .hukidashiArea1 {
  position: absolute;
  top: -12.1rem;
  left: 48.8rem;
  width: 27.3rem;
  z-index: 3;
  z-index: 40;
}
@media (max-width: 768px) {
  .front .section2 .area1995 .hukidashiArea1 {
    top: -7.3rem;
    left: 14.2rem;
    width: 17.3rem;
  }
}
.front .section2 .area1995 .hukidashiArea1 .text {
  width: 100%;
  position: absolute;
  top: 41%;
  left: 53%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 6.8rem;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area1995 .hukidashiArea1 .text {
    top: 40%;
    left: 73%;
    padding: 0;
    font-size: 2rem;
  }
}
.front .section2 .area1995 .pictureArea1 {
  position: relative;
  top: -8.9rem;
  left: 9.7rem;
  width: 44.4rem;
  z-index: -1;
}
@media (max-width: 768px) {
  .front .section2 .area1995 .pictureArea1 {
    top: -6.2rem;
    left: -3.1rem;
    width: 31.3rem;
  }
}
.front .section2 .area1996Wrapper {
  position: relative;
}
.front .section2 .area1996Wrapper .listContent {
  position: absolute;
  top: -25.5rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section2 .area1996Wrapper .listContent {
    top: -22.5rem;
    z-index: 100;
  }
}
.front .section2 .area1996Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 32.6rem;
}
@media (max-width: 768px) {
  .front .section2 .area1996Wrapper .listContent .text1 {
    width: 17.6rem;
  }
}
.front .section2 .area1996Wrapper .listContent .text2 {
  margin-top: 1.1rem;
  padding: 1.7rem 0 9px 10rem;
  width: 33.7rem;
}
@media (max-width: 768px) {
  .front .section2 .area1996Wrapper .listContent .text2 {
    width: 18.8rem;
  }
}
.front .section2 .area1996Wrapper .listContent .text3 {
  margin-top: 1.1rem;
  padding: 1.7rem 0 9px 10rem;
  width: 34.7rem;
}
@media (max-width: 768px) {
  .front .section2 .area1996Wrapper .listContent .text3 {
    width: 19.8rem;
  }
}
.front .section2 .area1996Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section2 .area1996 {
  z-index: 14;
  margin: 0 auto;
  max-width: 60.2rem;
  position: relative;
  padding-bottom: 25rem;
}
@media (max-width: 768px) {
  .front .section2 .area1996 {
    padding-bottom: 15rem;
  }
}
.front .section2 .area1996 .yearArea {
  position: absolute;
  right: -15.6rem;
  top: -39.6rem;
  width: 29.8rem;
  display: block;
  z-index: 2;
}
@media (max-width: 768px) {
  .front .section2 .area1996 .yearArea {
    right: -10.2rem;
    top: -27.7rem;
    width: 20.4rem;
    z-index: 20;
  }
}
.front .section2 .area1996 .hukidashiArea1 {
  position: absolute;
  top: -5.9rem;
  left: -13.9rem;
  width: 27rem;
  z-index: 3;
}
@media (max-width: 768px) {
  .front .section2 .area1996 .hukidashiArea1 {
    top: -5.6rem;
    left: -8.4rem;
    width: 17.3rem;
  }
}
.front .section2 .area1996 .hukidashiArea1 .text {
  width: 100%;
  position: absolute;
  top: 41%;
  left: 57%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 4.2rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area1996 .hukidashiArea1 .text {
    top: 39%;
    left: 62%;
    padding: 0;
    font-size: 1.8rem;
    line-height: 1.4;
  }
}
.front .section2 .area1996 .hukidashiArea2 {
  position: absolute;
  top: -15.9rem;
  left: 50.1rem;
  width: 27rem;
  z-index: 3;
  display: none;
}
@media (max-width: 768px) {
  .front .section2 .area1996 .hukidashiArea2 {
    display: block;
    top: -14.6rem;
    left: 14.6rem;
    width: 17.3rem;
    display: none;
  }
}
.front .section2 .area1996 .hukidashiArea2 .text {
  width: 100%;
  position: absolute;
  top: 41%;
  left: 78%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 4.2rem;
  font-size: 2.8rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area1996 .hukidashiArea2 .text {
    top: 39%;
    left: 75%;
    padding: 0;
    font-size: 1.8rem;
    line-height: 1.4;
  }
}
.front .section2 .area1996 .pictureArea1 {
  position: absolute;
  top: -13.4rem;
  left: 11.6rem;
  width: 42.8rem;
}
@media (max-width: 768px) {
  .front .section2 .area1996 .pictureArea1 {
    top: -11.3rem;
    left: -0.7rem;
    width: 27.6rem;
  }
}
.front .section2 .area1996 .pictureArea1 .imgArea {
  display: block;
  width: 100%;
}
.front .section2 .area1996 .pictureArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section2 .area1997Wrapper {
  position: relative;
}
.front .section2 .area1997Wrapper .listContent {
  position: absolute;
  top: 57.4rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section2 .area1997Wrapper .listContent {
    top: 38rem;
  }
}
.front .section2 .area1997Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 31.8rem;
}
@media (max-width: 768px) {
  .front .section2 .area1997Wrapper .listContent .text1 {
    width: 17.5rem;
  }
}
.front .section2 .area1997Wrapper .listContent .text2 {
  margin-top: 1.1rem;
  padding: 1.7rem 0 9px 10rem;
  width: 35.6rem;
}
@media (max-width: 768px) {
  .front .section2 .area1997Wrapper .listContent .text2 {
    width: 19.8rem;
  }
}
.front .section2 .area1997Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section2 .area1997 {
  margin: 0 auto;
  max-width: 60.2rem;
  position: relative;
  z-index: 16;
}
@media (max-width: 768px) {
  .front .section2 .area1997 {
    padding-bottom: 65rem;
  }
}
.front .section2 .area1997 .yearArea {
  position: absolute;
  right: 45.9rem;
  top: 0.2rem;
  width: 30rem;
  display: block;
}
@media (max-width: 768px) {
  .front .section2 .area1997 .yearArea {
    right: 12.7rem;
    top: 0.1rem;
    width: 19.2rem;
    z-index: 8;
  }
}
.front .section2 .area1997 .hukidashiArea1 {
  position: absolute;
  top: 11.3rem;
  left: 50.3rem;
  width: 28.6rem;
  z-index: 6;
}
@media (max-width: 768px) {
  .front .section2 .area1997 .hukidashiArea1 {
    top: 6.8rem;
    left: 13.9rem;
    width: 18.8rem;
    z-index: 10;
  }
}
.front .section2 .area1997 .hukidashiArea1 .text {
  width: 100%;
  position: absolute;
  top: 42%;
  left: 71%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 1.2rem;
  font-size: 2.4rem;
  line-height: 4.1rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area1997 .hukidashiArea1 .text {
    top: 40%;
    left: 72%;
    padding: 0;
    font-size: 1.7rem;
    line-height: 1.4;
  }
}
.front .section2 .area1997 .pictureArea1 {
  position: relative;
  top: -8.9rem;
  left: -1.2rem;
  width: 79.8rem;
  z-index: 5;
}
@media (max-width: 768px) {
  .front .section2 .area1997 .pictureArea1 {
    position: absolute;
    top: -6.7rem;
    left: -10.6rem;
    width: 43.9rem;
  }
}
.front .section2 .area1997 .pictureArea1 .hukidashiArea2 {
  position: absolute;
  top: 47.3rem;
  left: 42.3rem;
  width: 41.6rem;
  z-index: 6;
}
@media (max-width: 768px) {
  .front .section2 .area1997 .pictureArea1 .hukidashiArea2 {
    top: 31.8rem;
    left: 18.9rem;
    width: 27.8rem;
    z-index: 10;
  }
}
.front .section2 .area1997 .pictureArea1 .hukidashiArea2 .text {
  width: 100%;
  position: absolute;
  top: 44%;
  left: 59%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 1.2rem;
  font-size: 2.4rem;
  line-height: 4.1rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.front .section2 .area1997 .pictureArea1 .hukidashiArea2 .text .span {
  font-size: 2.4rem;
  line-height: 4.1rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-weight: 500;
}
@media (max-width: 768px) {
  .front .section2 .area1997 .pictureArea1 .hukidashiArea2 .text .span {
    font-size: 1.6rem !important;
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  .front .section2 .area1997 .pictureArea1 .hukidashiArea2 .text {
    top: 41%;
    left: 60%;
    padding: 0;
    line-height: 1.3 !important;
  }
}
.front .section2 .area1998Wrapper {
  position: relative;
}
.front .section2 .area1998Wrapper .listContent {
  position: absolute;
  top: 11.4rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section2 .area1998Wrapper .listContent {
    top: 10rem;
  }
}
.front .section2 .area1998Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 30rem;
}
@media (max-width: 768px) {
  .front .section2 .area1998Wrapper .listContent .text1 {
    width: 16rem;
  }
}
.front .section2 .area1998Wrapper .listContent .text2 {
  margin-top: 1.1rem;
  padding: 1.7rem 0 9px 10rem;
  width: 38.9rem;
}
@media (max-width: 768px) {
  .front .section2 .area1998Wrapper .listContent .text2 {
    width: 22rem;
  }
}
.front .section2 .area1998Wrapper .listContent .text3 {
  margin-top: 1.1rem;
  padding: 1.7rem 0 9px 10rem;
  width: 31.9rem;
}
@media (max-width: 768px) {
  .front .section2 .area1998Wrapper .listContent .text3 {
    width: 17.5rem;
  }
}
.front .section2 .area1998Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section2 .area1998 {
  margin: 0 auto;
  max-width: 60.2rem;
  position: relative;
  z-index: 18;
  padding-bottom: 30rem;
}
@media (max-width: 768px) {
  .front .section2 .area1998 {
    padding-bottom: 22rem;
  }
}
.front .section2 .area1998 .yearArea {
  position: absolute;
  left: -16.1rem;
  top: -14.3rem;
  width: 29rem;
  display: block;
}
@media (max-width: 768px) {
  .front .section2 .area1998 .yearArea {
    left: -10.7rem;
    top: -7.4rem;
    width: 19.7rem;
    z-index: 20;
  }
}
.front .section2 .area1998 .ilustArea1 {
  position: absolute;
  top: -18.9rem;
  left: 4.4rem;
  width: 65.1rem;
  z-index: 3;
}
@media (max-width: 768px) {
  .front .section2 .area1998 .ilustArea1 {
    top: -11.1rem;
    left: -6.7rem;
    width: 43.7rem;
  }
}
.front .section2 .area1998 .ilustArea1 .hukidashiArea1 {
  position: absolute;
  top: -4.1rem;
  left: 43.4rem;
  width: 27.2rem;
  z-index: 3;
}
@media (max-width: 768px) {
  .front .section2 .area1998 .ilustArea1 .hukidashiArea1 {
    top: 3.5rem;
    right: 11.5rem;
    width: 18.1rem;
    left: auto;
  }
}
.front .section2 .area1998 .ilustArea1 .hukidashiArea1 .text {
  width: 100%;
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 5.4rem;
  font-size: 3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area1998 .ilustArea1 .hukidashiArea1 .text {
    font-size: 1.8rem;
    left: 13rem;
    top: 7rem;
    padding: 0;
  }
}
.front .section2 .area1998 .pictureArea1 {
  position: relative;
  top: 27.9rem;
  left: 2rem;
  width: 58.1rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .front .section2 .area1998 .pictureArea1 {
    top: 21.8rem;
    left: -7.5rem;
    width: 38.1rem;
  }
}
.front .section2 .area1998 .pictureArea1 .hukidashiArea1 {
  position: absolute;
  top: 30.6rem;
  left: -20rem;
  width: 36.5rem;
  z-index: 10;
}
@media (max-width: 768px) {
  .front .section2 .area1998 .pictureArea1 .hukidashiArea1 {
    top: 20.2rem;
    left: -3rem;
    width: 24.6rem;
  }
}
.front .section2 .area1998 .pictureArea1 .hukidashiArea1 .text {
  width: 100%;
  position: absolute;
  top: 43%;
  left: 59%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 3.4rem;
  font-size: 2.4rem;
  line-height: 4.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area1998 .pictureArea1 .hukidashiArea1 .text {
    padding: 0;
    font-size: 1.8rem;
    top: 41%;
    left: 65%;
    line-height: 1.5;
  }
}
.front .section2 .area1998 .pictureArea1 .hukidashiArea2 {
  position: absolute;
  top: 0.6rem;
  left: 38rem;
  width: 35.5rem;
  z-index: 10;
}
@media (max-width: 768px) {
  .front .section2 .area1998 .pictureArea1 .hukidashiArea2 {
    top: 0.2rem;
    left: 15rem;
    width: 23.6rem;
  }
}
.front .section2 .area1998 .pictureArea1 .hukidashiArea2 .text {
  width: 100%;
  position: absolute;
  top: 41%;
  left: 67%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 3.4rem;
  font-size: 2.4rem;
  line-height: 4.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area1998 .pictureArea1 .hukidashiArea2 .text {
    padding: 0;
    font-size: 1.8rem;
    top: 39%;
    left: 72%;
    line-height: 1.5;
  }
}
.front .section2 .area1998 .pictureArea1 .hukidashiArea3 {
  position: absolute;
  top: 40.6rem;
  left: 51rem;
  width: 20.5rem;
  z-index: 10;
}
@media (max-width: 768px) {
  .front .section2 .area1998 .pictureArea1 .hukidashiArea3 {
    top: 26.2rem;
    left: 24rem;
    width: 13.6rem;
  }
}
.front .section2 .area1998 .pictureArea1 .hukidashiArea3 .text {
  width: 100%;
  position: absolute;
  top: 38%;
  left: 56%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 5.4rem;
  font-size: 2.4rem;
  line-height: 4.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area1998 .pictureArea1 .hukidashiArea3 .text {
    padding: 0;
    font-size: 1.8rem;
    top: 37%;
    left: 76%;
    line-height: 1.5;
  }
}
.front .section2 .area1999Wrapper {
  position: relative;
}
.front .section2 .area1999Wrapper .listContent {
  position: absolute;
  top: 14.9rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section2 .area1999Wrapper .listContent {
    top: 10.9rem;
  }
}
.front .section2 .area1999Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 33.2rem;
}
@media (max-width: 768px) {
  .front .section2 .area1999Wrapper .listContent .text1 {
    width: 18.2rem;
  }
}
.front .section2 .area1999Wrapper .listContent .text2 {
  margin-top: 1.4rem;
  padding: 1.7rem 0 9px 10rem;
  line-height: 4rem;
  width: 35.2rem;
}
@media (max-width: 768px) {
  .front .section2 .area1999Wrapper .listContent .text2 {
    width: 20.2rem;
    margin-top: 1.1rem;
  }
}
.front .section2 .area1999Wrapper .listContent .text3 {
  margin-top: 1.4rem;
  padding: 1.7rem 0 9px 10rem;
  line-height: 4rem;
  width: 34.2rem;
}
@media (max-width: 768px) {
  .front .section2 .area1999Wrapper .listContent .text3 {
    width: 19.5rem;
    margin-top: 1.1rem;
  }
}
.front .section2 .area1999Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section2 .area1999 {
  margin: 0 auto;
  max-width: 60.2rem;
  position: relative;
  z-index: 20;
}
.front .section2 .area1999 .yearArea {
  position: absolute;
  right: -16.6rem;
  top: -18rem;
  width: 29rem;
  display: block;
  z-index: 20;
}
@media (max-width: 768px) {
  .front .section2 .area1999 .yearArea {
    right: -10.6rem;
    top: -11rem;
    width: 19.4rem;
    z-index: 20;
  }
}
.front .section2 .area1999 .hukidashiArea1 {
  position: absolute;
  top: 3.2rem;
  left: -26.2rem;
  width: 36.5rem;
  z-index: 10;
}
.front .section2 .area1999 .hukidashiArea1.sp {
  display: none;
}
@media (max-width: 768px) {
  .front .section2 .area1999 .hukidashiArea1.sp {
    display: block;
  }
}
@media (max-width: 768px) {
  .front .section2 .area1999 .hukidashiArea1 {
    top: -3.1rem;
    left: -5.7rem;
    width: 24.2rem;
    z-index: 20;
    right: auto;
  }
}
.front .section2 .area1999 .hukidashiArea1 .text {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 61%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0px 3.9rem;
  font-size: 2.4rem;
  line-height: 3.9rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area1999 .hukidashiArea1 .text {
    padding: 0;
    top: 6.5rem;
    font-size: 1.9rem;
    left: 16rem;
    line-height: 1.5;
  }
}
.front .section2 .area1999 .pictureArea1 {
  position: relative;
  top: -9.1rem;
  left: 11rem;
  width: 45.2rem;
  z-index: 6;
}
@media (max-width: 768px) {
  .front .section2 .area1999 .pictureArea1 {
    top: -6rem;
    left: -2.1rem;
    width: 30.5rem;
  }
}
.front .section2 .area1999 .pictureArea1 .hukidashiArea1 {
  position: absolute;
  top: 3.2rem;
  left: -26.2rem;
  width: 36.5rem;
  z-index: 10;
}
@media (max-width: 768px) {
  .front .section2 .area1999 .pictureArea1 .hukidashiArea1.pc {
    display: none;
  }
}
@media (max-width: 768px) {
  .front .section2 .area1999 .pictureArea1 .hukidashiArea1 {
    top: 2.9rem;
    left: -5.7rem;
    width: 24.2rem;
    z-index: 10;
    right: auto;
  }
}
.front .section2 .area1999 .pictureArea1 .hukidashiArea1 .text {
  width: 100%;
  position: absolute;
  top: 41%;
  left: 62%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0px 3.9rem;
  font-size: 2.4rem;
  line-height: 3.9rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area1999 .pictureArea1 .hukidashiArea1 .text {
    padding: 0;
    top: 6.5rem;
    font-size: 1.9rem;
    left: 16rem;
    line-height: 1.5;
  }
}
.front .section2 .area2000Wrapper {
  position: relative;
  z-index: 30;
}
.front .section2 .area2000Wrapper .listContent {
  position: absolute;
  top: 24.8rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section2 .area2000Wrapper .listContent {
    top: 17rem;
  }
}
.front .section2 .area2000Wrapper .listContent .text1 {
  padding: 1.7rem 0 1.4rem 10rem;
  width: 38.7rem;
}
@media (max-width: 768px) {
  .front .section2 .area2000Wrapper .listContent .text1 {
    width: 20rem;
  }
}
.front .section2 .area2000Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section2 .area2000 {
  margin: 0 auto;
  max-width: 60.2rem;
  position: relative;
  z-index: 30;
  padding-bottom: 75rem;
}
@media (max-width: 768px) {
  .front .section2 .area2000 {
    padding-bottom: 50rem;
  }
}
.front .section2 .area2000 .yearArea {
  position: absolute;
  left: -20.2rem;
  top: -4.2rem;
  width: 30rem;
  display: block;
  z-index: 10;
}
@media (max-width: 768px) {
  .front .section2 .area2000 .yearArea {
    left: -13rem;
    top: -2.1rem;
    width: 19.8rem;
    z-index: 5;
  }
}
.front .section2 .area2000 .pictureArea1 {
  position: absolute;
  top: -18.9rem;
  left: 3.7rem;
  width: 58.8rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .front .section2 .area2000 .pictureArea1 {
    top: -12.4rem;
    left: -6.7rem;
    width: 39.3rem;
  }
}
.front .section2 .area2000 .pictureArea1 .hukidashiArea1 {
  position: absolute;
  top: 21.7rem;
  left: 49.2rem;
  width: 21.3rem;
  z-index: 3;
}
@media (max-width: 768px) {
  .front .section2 .area2000 .pictureArea1 .hukidashiArea1 {
    top: 14.4rem;
    left: 22.3rem;
    width: 15.5rem;
  }
}
.front .section2 .area2000 .pictureArea1 .hukidashiArea1 .text {
  width: 100%;
  position: absolute;
  top: 38%;
  left: 55%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 3.2rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area2000 .pictureArea1 .hukidashiArea1 .text {
    top: 37%;
    left: 65%;
    padding: 0;
    font-size: 1.9rem;
  }
}
.front .section2 .area2000 .pictureArea1 .hukidashiArea2 {
  position: absolute;
  top: 35.7rem;
  left: 42.2rem;
  width: 35.3rem;
  z-index: 3;
}
@media (max-width: 768px) {
  .front .section2 .area2000 .pictureArea1 .hukidashiArea2 {
    top: 24.4rem;
    left: 18.3rem;
    width: 23.5rem;
  }
}
.front .section2 .area2000 .pictureArea1 .hukidashiArea2 .text {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 64%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.2rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area2000 .pictureArea1 .hukidashiArea2 .text {
    top: 40%;
    left: 64%;
    padding: 0;
    font-size: 1.9rem;
    line-height: 2.5rem;
  }
}
.front .section2 .area2001Wrapper {
  position: relative;
}
.front .section2 .area2001Wrapper .listContent {
  position: absolute;
  top: 32.8rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section2 .area2001Wrapper .listContent {
    top: 23rem;
  }
}
.front .section2 .area2001Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 23.9rem;
}
@media (max-width: 768px) {
  .front .section2 .area2001Wrapper .listContent .text1 {
    width: 12rem;
  }
}
.front .section2 .area2001Wrapper .listContent .text2 {
  margin-top: 1.1rem;
  padding: 1.7rem 0 9px 10rem;
  width: 27.8rem;
}
@media (max-width: 768px) {
  .front .section2 .area2001Wrapper .listContent .text2 {
    width: 14.7rem;
    margin-top: 1.1rem;
  }
}
.front .section2 .area2001Wrapper .listContent .text3 {
  margin-top: 1.1rem;
  padding: 1.7rem 0 9px 10rem;
  width: 32.8rem;
}
@media (max-width: 768px) {
  .front .section2 .area2001Wrapper .listContent .text3 {
    width: 18rem;
    margin-top: 1.1rem;
  }
}
.front .section2 .area2001Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section2 .area2001 {
  margin: 0 auto;
  max-width: 60.2rem;
  position: relative;
  z-index: 50;
}
.front .section2 .area2001 .yearArea {
  position: absolute;
  left: 46.6rem;
  top: -0.5rem;
  width: 29.4rem;
  display: block;
  z-index: 2;
}
@media (max-width: 768px) {
  .front .section2 .area2001 .yearArea {
    left: 13rem;
    top: -0.9rem;
    width: 19.2rem;
  }
}
.front .section2 .area2001 .pictureArea1 {
  position: relative;
  top: -22.1rem;
  left: -9.7rem;
  width: 66.6rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .front .section2 .area2001 .pictureArea1 {
    top: -14.7rem;
    left: -13rem;
    width: 42.3rem;
  }
}
.front .section2 .area2001 .pictureArea1 .hukidashiArea1 {
  position: absolute;
  top: 45.2rem;
  right: -17.1rem;
  width: 24.2rem;
  z-index: 3;
}
@media (max-width: 768px) {
  .front .section2 .area2001 .pictureArea1 .hukidashiArea1 {
    top: 30.6rem;
    left: 27.4rem;
    width: 16rem;
  }
}
.front .section2 .area2001 .pictureArea1 .hukidashiArea1 .text {
  width: 100%;
  position: absolute;
  top: 42%;
  left: 59%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 3.5rem;
  font-size: 2.4rem;
  line-height: 3.9rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area2001 .pictureArea1 .hukidashiArea1 .text {
    padding: 0;
    font-size: 1.9rem;
    top: 40%;
    left: 68%;
  }
}
.front .section2 .area2001 .pictureArea1 .hukidashiArea2 {
  position: absolute;
  top: 96.2rem;
  right: 50.9rem;
  width: 22.2rem;
  z-index: 3;
}
@media (max-width: 768px) {
  .front .section2 .area2001 .pictureArea1 .hukidashiArea2 {
    top: 64.6rem;
    left: 3.4rem;
    width: 15rem;
  }
}
.front .section2 .area2001 .pictureArea1 .hukidashiArea2 .text {
  width: 100%;
  position: absolute;
  top: 41%;
  left: 54%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 3.5rem;
  font-size: 2.4rem;
  line-height: 3.9rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area2001 .pictureArea1 .hukidashiArea2 .text {
    padding: 0;
    font-size: 1.9rem;
    top: 40%;
    left: 65%;
  }
}
.front .section2 .area2002Wrapper {
  position: relative;
}
.front .section2 .area2002Wrapper .listContent {
  position: absolute;
  top: -16.3rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section2 .area2002Wrapper .listContent {
    top: -12rem;
  }
}
.front .section2 .area2002Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 40.5rem;
}
@media (max-width: 768px) {
  .front .section2 .area2002Wrapper .listContent .text1 {
    width: 24rem;
    margin-top: 1.1rem;
  }
}
.front .section2 .area2002Wrapper .listContent .text2 {
  margin-top: 1.2rem;
  padding: 1.7rem 0 9px 10rem;
  width: 36.1rem;
}
@media (max-width: 768px) {
  .front .section2 .area2002Wrapper .listContent .text2 {
    width: 20.5rem;
    margin-top: 1.1rem;
  }
}
.front .section2 .area2002Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section2 .area2002 {
  margin: 0 auto;
  max-width: 60.2rem;
  position: relative;
  z-index: 50;
  padding-bottom: 11rem;
}
@media (max-width: 768px) {
  .front .section2 .area2002 {
    padding-bottom: 11rem;
  }
}
.front .section2 .area2002 .yearArea {
  position: absolute;
  right: -18.7rem;
  top: -30.2rem;
  width: 30.1rem;
  display: block;
}
@media (max-width: 768px) {
  .front .section2 .area2002 .yearArea {
    right: -10.9rem;
    top: -21.1rem;
    width: 18.8rem;
    z-index: 10;
  }
}
.front .section2 .area2002 .pictureArea1 {
  position: absolute;
  top: -26.9rem;
  left: 8.3rem;
  width: 41.9rem;
}
@media (max-width: 768px) {
  .front .section2 .area2002 .pictureArea1 {
    position: absolute;
    top: -18.1rem;
    left: -3.3rem;
    width: 28.6rem;
  }
}
.front .section2 .area2002 .pictureArea1 .hukidashiArea1 {
  position: absolute;
  top: -9.6rem;
  left: -14.7rem;
  width: 22rem;
  z-index: 3;
}
@media (max-width: 768px) {
  .front .section2 .area2002 .pictureArea1 .hukidashiArea1 {
    top: -7.2rem;
    left: 6px;
    width: 14.9rem;
  }
}
.front .section2 .area2002 .pictureArea1 .hukidashiArea1 .text {
  width: 100%;
  position: absolute;
  top: 39%;
  left: 55%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 3.5rem;
  font-size: 2.4rem;
  line-height: 3.9rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area2002 .pictureArea1 .hukidashiArea1 .text {
    padding: 0;
    font-size: 1.9rem;
    top: 38%;
    left: 64%;
  }
}
.front .section2 .area2003Wrapper {
  position: relative;
}
.front .section2 .area2003Wrapper .listContent {
  position: absolute;
  top: 21.4rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section2 .area2003Wrapper .listContent {
    top: 7rem;
  }
}
.front .section2 .area2003Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 30.8rem;
}
@media (max-width: 768px) {
  .front .section2 .area2003Wrapper .listContent .text1 {
    width: 16.8rem;
  }
}
.front .section2 .area2003Wrapper .listContent .text2 {
  margin-top: 1.5rem;
  padding: 1.7rem 0 9px 10rem;
  width: 38.7rem;
}
@media (max-width: 768px) {
  .front .section2 .area2003Wrapper .listContent .text2 {
    width: 21.5rem;
    margin-top: 1.1rem;
  }
}
.front .section2 .area2003Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section2 .area2003 {
  margin: 0 auto;
  max-width: 60.2rem;
  position: relative;
  z-index: 50;
}
.front .section2 .area2003 .yearArea {
  position: absolute;
  left: -19.7rem;
  top: -8.6rem;
  width: 30.9rem;
  display: block;
  z-index: 60;
}
@media (max-width: 768px) {
  .front .section2 .area2003 .yearArea {
    left: -12.9rem;
    top: -10.4rem;
    width: 20.3rem;
  }
}
.front .section2 .area2003 .pictureArea1 {
  position: relative;
  top: -3.3rem;
  left: -3.3rem;
  width: 58.3rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .front .section2 .area2003 .pictureArea1 {
    top: -7.3rem;
    left: -10.3rem;
    width: 38.3rem;
  }
}
.front .section2 .area2003 .pictureArea1 .hukidashiArea1 {
  position: absolute;
  top: -1.7rem;
  left: 54.8rem;
  width: 26.7rem;
}
@media (max-width: 768px) {
  .front .section2 .area2003 .pictureArea1 .hukidashiArea1 {
    top: -0.6rem;
    left: 25rem;
    width: 18.4rem;
  }
}
.front .section2 .area2003 .pictureArea1 .hukidashiArea1 .text {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 59%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0px 4.6rem;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section2 .area2003 .pictureArea1 .hukidashiArea1 .text {
    padding: 0;
    top: 40%;
    left: 71%;
    font-size: 1.9rem;
  }
}
.front .section2 .area2003 .bannerArea1 {
  position: absolute;
  display: block;
  width: 60rem;
  left: 1.5rem;
  bottom: -32.9rem;
}
.front .section2 .area2003 .bannerArea1 .imgArea,
.front .section2 .area2003 .bannerArea1 .imgArea2 {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section2 .area2003 .bannerArea1 .imgArea img,
.front .section2 .area2003 .bannerArea1 .imgArea2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section2 .area2003 .bannerArea1 .imgArea2 {
  display: none;
}
.front .section2 .area2003 .bannerArea1:active .imgArea {
  display: none;
}
.front .section2 .area2003 .bannerArea1:active .imgArea2 {
  display: block;
}
@media (max-width: 768px) {
  .front .section2 .area2003 .bannerArea1 {
    position: absolute;
    width: 39.3rem;
    top: auto;
    bottom: -17.4rem;
    left: -6.6rem;
    z-index: 20;
  }
}
.front .section2 .areaBannerWrapper {
  position: relative;
  z-index: 50;
}
.front .section2 .areaBannerWrapper .areaBanner {
  margin: 0 auto;
  max-width: 60.2rem;
  position: relative;
  padding-bottom: 30rem;
  background: #E1FEFF;
}
@media (max-width: 768px) {
  .front .section2 .areaBannerWrapper .areaBanner {
    width: 22.5rem;
    padding-bottom: 12rem;
  }
}
.front .section2 .areaBannerWrapper .areaBanner .imgWrapper {
  position: absolute;
  display: block;
  width: 60rem;
  left: 1.5rem;
  bottom: 0;
  cursor: pointer;
}
.front .section2 .areaBannerWrapper .areaBanner .imgWrapper .imgArea,
.front .section2 .areaBannerWrapper .areaBanner .imgWrapper .imgArea2 {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section2 .areaBannerWrapper .areaBanner .imgWrapper .imgArea img,
.front .section2 .areaBannerWrapper .areaBanner .imgWrapper .imgArea2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section2 .areaBannerWrapper .areaBanner .imgWrapper .imgArea2 {
  display: none;
}
.front .section2 .areaBannerWrapper .areaBanner .imgWrapper:active .imgArea, .front .section2 .areaBannerWrapper .areaBanner .imgWrapper:hover .imgArea {
  display: none;
}
.front .section2 .areaBannerWrapper .areaBanner .imgWrapper:active .imgArea2, .front .section2 .areaBannerWrapper .areaBanner .imgWrapper:hover .imgArea2 {
  display: block;
}
@media (max-width: 768px) {
  .front .section2 .areaBannerWrapper .areaBanner .imgWrapper {
    position: absolute;
    width: 39.3rem;
    top: auto;
    bottom: -0.4rem;
    left: -6.6rem;
    z-index: 20;
  }
}
.front .section2 .cloud_img {
  position: relative;
  top: -48.8rem;
  left: 0;
  width: 100%;
}
@media (max-width: 768px) {
  .front .section2 .cloud_img {
    top: -22.1rem;
  }
}
.front .section2 .cloud_img .imgArea {
  position: absolute;
  display: block;
  width: 100%;
}
.front .section2 .cloud_img .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section3 {
  background: #519CBC;
  position: relative;
  display: block;
  background-image: url("../img/main/section3/back_img4.webp");
  min-height: 50rem;
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  background-position: 0 0;
  transition: all 0s ease;
}
.front .section3__wrapper {
  position: relative;
}
.front .section3__wrapper #backImagePlanet {
  width: 86.4rem;
  right: -29.8rem;
  position: absolute;
  z-index: 0;
  opacity: 0;
  top: 35.5rem;
}
@media screen and (max-width: 1600px) {
  .front .section3__wrapper #backImagePlanet {
    width: 85rem;
  }
}
.front .section3__wrapper #backImagePlanet .imgArea {
  display: block;
  width: 100%;
  position: relative;
  top: var(--planet-top);
}
.front .section3__wrapper #backImagePlanet .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section3__wrapper #backImagePlanet.visible {
  animation: hyouzi1 1.3s linear forwards;
  top: 35.5rem;
}
@keyframes hyouzi1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .front .section3__wrapper #backImagePlanet {
    display: none;
  }
}
.front .section3__wrapper #backImageRainbow {
  width: 186.5rem;
  left: -41.9rem;
  position: absolute;
  z-index: 0;
  opacity: 0;
  top: 300.6rem;
}
@media (max-width: 768px) {
  .front .section3__wrapper #backImageRainbow {
    display: none;
  }
}
@media (max-width: 1600px) {
  .front .section3__wrapper #backImageRainbow {
    width: 149.2rem;
    left: -33.52rem;
  }
}
.front .section3__wrapper #backImageRainbow .imgArea {
  display: block;
  position: relative;
  top: var(--rainbow-top);
}
.front .section3__wrapper #backImageRainbow.visible {
  animation: hyouzi2 1.3s linear forwards;
  top: 300.6rem;
}
@keyframes hyouzi2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.front .section3__wrapper #backImageRainbow img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section3 .section3__wrapper {
  position: relative;
}
.front .section3 .section3__wrapper .area2004,
.front .section3 .section3__wrapper .area2005,
.front .section3 .section3__wrapper .area2006,
.front .section3 .section3__wrapper .area2007,
.front .section3 .section3__wrapper .area2008,
.front .section3 .section3__wrapper .area2009,
.front .section3 .section3__wrapper .area2010,
.front .section3 .section3__wrapper .area2011,
.front .section3 .section3__wrapper .area2012,
.front .section3 .section3__wrapper .area2013 {
  margin: 0 auto;
  width: 60.2rem;
  position: relative;
  background: #E1FEFF;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2004,
  .front .section3 .section3__wrapper .area2005,
  .front .section3 .section3__wrapper .area2006,
  .front .section3 .section3__wrapper .area2007,
  .front .section3 .section3__wrapper .area2008,
  .front .section3 .section3__wrapper .area2009,
  .front .section3 .section3__wrapper .area2010,
  .front .section3 .section3__wrapper .area2011,
  .front .section3 .section3__wrapper .area2012,
  .front .section3 .section3__wrapper .area2013 {
    width: 22.5rem;
  }
}
.front .section3 .section3__wrapper .area2004 picture.imgArea,
.front .section3 .section3__wrapper .area2005 picture.imgArea,
.front .section3 .section3__wrapper .area2006 picture.imgArea,
.front .section3 .section3__wrapper .area2007 picture.imgArea,
.front .section3 .section3__wrapper .area2008 picture.imgArea,
.front .section3 .section3__wrapper .area2009 picture.imgArea,
.front .section3 .section3__wrapper .area2010 picture.imgArea,
.front .section3 .section3__wrapper .area2011 picture.imgArea,
.front .section3 .section3__wrapper .area2012 picture.imgArea,
.front .section3 .section3__wrapper .area2013 picture.imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section3 .section3__wrapper .area2004 picture.imgArea img,
.front .section3 .section3__wrapper .area2005 picture.imgArea img,
.front .section3 .section3__wrapper .area2006 picture.imgArea img,
.front .section3 .section3__wrapper .area2007 picture.imgArea img,
.front .section3 .section3__wrapper .area2008 picture.imgArea img,
.front .section3 .section3__wrapper .area2009 picture.imgArea img,
.front .section3 .section3__wrapper .area2010 picture.imgArea img,
.front .section3 .section3__wrapper .area2011 picture.imgArea img,
.front .section3 .section3__wrapper .area2012 picture.imgArea img,
.front .section3 .section3__wrapper .area2013 picture.imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2004 .text,
  .front .section3 .section3__wrapper .area2005 .text,
  .front .section3 .section3__wrapper .area2006 .text,
  .front .section3 .section3__wrapper .area2007 .text,
  .front .section3 .section3__wrapper .area2008 .text,
  .front .section3 .section3__wrapper .area2009 .text,
  .front .section3 .section3__wrapper .area2010 .text,
  .front .section3 .section3__wrapper .area2011 .text,
  .front .section3 .section3__wrapper .area2012 .text,
  .front .section3 .section3__wrapper .area2013 .text {
    line-height: 1.5 !important;
  }
}
.front .section3 .section3__wrapper .area2004Wrapper {
  position: relative;
}
.front .section3 .section3__wrapper .area2004Wrapper .listContent {
  position: absolute;
  top: 48.8rem;
  display: flex;
  flex-direction: column;
  z-index: 200;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2004Wrapper .listContent {
    top: 31.8rem;
  }
}
.front .section3 .section3__wrapper .area2004Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 30.7rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2004Wrapper .listContent .text1 {
    width: 17rem;
  }
}
.front .section3 .section3__wrapper .area2004Wrapper .listContent .text2 {
  margin-top: 1.2rem;
  padding: 1.7rem 0 9px 10rem;
  width: 38.8rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2004Wrapper .listContent .text2 {
    width: 22rem;
    margin-top: 1.1rem;
  }
}
.front .section3 .section3__wrapper .area2004Wrapper .listContent .text3 {
  margin-top: 1.2rem;
  padding: 1.7rem 0 9px 10rem;
  width: 40.5rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2004Wrapper .listContent .text3 {
    width: 23.5rem;
    margin-top: 1.1rem;
  }
}
.front .section3 .section3__wrapper .area2004Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section3 .section3__wrapper .area2004Wrapper .hukidashiArea1 {
  position: absolute;
  right: -20.2rem;
  width: 39.5rem;
  top: 50.2rem;
  z-index: 200;
  display: none;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2004Wrapper .hukidashiArea1 {
    display: block;
    right: 0.5rem;
    width: 26rem;
    top: 32.3rem;
  }
}
.front .section3 .section3__wrapper .area2004Wrapper .hukidashiArea1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section3 .section3__wrapper .area2004Wrapper .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 41%;
  left: 58%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 4.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2004Wrapper .hukidashiArea1 p.text {
    top: 41%;
    left: 65%;
    font-size: 1.8rem;
    padding: 0;
    line-height: 1.5;
  }
}
.front .section3 .section3__wrapper .area2004 {
  z-index: 100;
  padding-bottom: 47rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2004 {
    padding-bottom: 33rem;
  }
}
.front .section3 .section3__wrapper .area2004 .hukidashiArea1 {
  position: absolute;
  right: -20.2rem;
  width: 39.5rem;
  top: 50.2rem;
  z-index: 100;
  display: block;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2004 .hukidashiArea1 {
    right: -0.5rem;
    width: 26rem;
    top: 32.3rem;
    display: none;
  }
}
.front .section3 .section3__wrapper .area2004 .hukidashiArea1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section3 .section3__wrapper .area2004 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 41%;
  left: 58%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 4.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2004 .hukidashiArea1 p.text {
    top: 41%;
    left: 68%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section3 .section3__wrapper .area2004 .ilustArea2 {
  position: absolute;
  top: 2rem;
  width: 63rem;
  z-index: 15;
  right: -6.6rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2004 .ilustArea2 {
    top: 5rem;
    width: 40.5rem;
    right: -14.8rem;
  }
}
.front .section3 .section3__wrapper .area2004 .yearArea {
  position: relative;
  width: 30.3rem;
  left: -18.1rem;
  top: 19.6rem;
  z-index: 100;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2004 .yearArea {
    width: 20.2rem;
    left: -9.8rem;
    top: 12.3rem;
  }
}
.front .section3 .section3__wrapper .area2004 .pictureArea1 {
  position: relative;
  bottom: -44.9rem;
  left: 18.4rem;
  width: 35.2rem;
  z-index: 10;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2004 .pictureArea1 {
    top: 29.4rem;
    width: 23.7rem;
    right: -3.1rem;
    left: auto;
  }
}
.front .section3 .section3__wrapper .area2004 .pictureArea1 .ilustArea1 {
  position: absolute;
  top: 8rem;
  width: 46rem;
  z-index: 15;
  right: -27.6rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2004 .pictureArea1 .ilustArea1 {
    top: 5rem;
    width: 30.5rem;
    right: -8.8rem;
  }
}
.front .section3 .section3__wrapper .area2005Wrapper {
  position: relative;
}
.front .section3 .section3__wrapper .area2005Wrapper .listContent {
  position: absolute;
  top: 10.2rem;
  display: flex;
  flex-direction: column;
  z-index: 200;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2005Wrapper .listContent {
    top: 3rem;
  }
}
.front .section3 .section3__wrapper .area2005Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 29rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2005Wrapper .listContent .text1 {
    width: 15.5rem;
  }
}
.front .section3 .section3__wrapper .area2005Wrapper .listContent .text2 {
  margin-top: 1.4rem;
  padding: 1.7rem 0 9px 10rem;
  width: 30.5rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2005Wrapper .listContent .text2 {
    width: 17rem;
    margin-top: 1.1rem;
  }
}
.front .section3 .section3__wrapper .area2005Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section3 .section3__wrapper .area2005Wrapper .backimg2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.front .section3 .section3__wrapper .area2005 {
  position: relative;
  z-index: 110;
}
.front .section3 .section3__wrapper .area2005 .yearArea {
  position: absolute;
  width: 31rem;
  left: -17.8rem;
  top: -16.8rem;
  z-index: 200;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2005 .yearArea {
    width: 20.5rem;
    left: -9.6rem;
    top: -15.3rem;
  }
}
.front .section3 .section3__wrapper .area2005 .pictureArea1 {
  position: relative;
  bottom: 7.1rem;
  left: -9rem;
  width: 83.5rem;
  z-index: 20;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2005 .pictureArea1 {
    top: -10.1rem;
    left: -16.8rem;
    width: 48.8rem;
  }
}
.front .section3 .section3__wrapper .area2005 .pictureArea1 .hukidashiArea2 {
  position: absolute;
  top: 37.3rem;
  z-index: 200;
  left: -9.9rem;
  width: 28.1rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2005 .pictureArea1 .hukidashiArea2 {
    top: 27rem;
    left: 6rem;
    width: 17.4rem;
    z-index: 20;
  }
}
.front .section3 .section3__wrapper .area2005 .pictureArea1 .hukidashiArea2 p.text {
  width: 100%;
  position: absolute;
  top: 42%;
  left: 56%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 4.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2005 .pictureArea1 .hukidashiArea2 p.text {
    top: 41%;
    left: 64%;
    font-size: 1.8rem;
    line-height: 3rem;
    padding: 0;
  }
}
.front .section3 .section3__wrapper .area2005 .hukidashiArea3 {
  position: absolute;
  bottom: 24.1rem;
  z-index: 200;
  left: 52.2rem;
  width: 21.9rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2005 .hukidashiArea3 {
    bottom: 23.1rem;
    left: 16rem;
    width: 14.4rem;
  }
}
.front .section3 .section3__wrapper .area2005 .hukidashiArea3 p.text {
  width: 100%;
  position: absolute;
  top: 41%;
  left: 58%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 4.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2005 .hukidashiArea3 p.text {
    top: 40%;
    left: 74%;
    font-size: 1.8rem;
    line-height: 3rem;
    padding: 0;
  }
}
.front .section3 .section3__wrapper .area2005 .hukidashiArea1 {
  position: absolute;
  top: -7.4rem;
  z-index: 200;
  right: -16.7rem;
  width: 32.6rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2005 .hukidashiArea1 {
    width: 20.8rem;
    top: -8.5rem;
    right: -9.8rem;
  }
}
.front .section3 .section3__wrapper .area2005 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 45%;
  left: 62%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 4.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2005 .hukidashiArea1 p.text {
    top: 45%;
    left: 69%;
    font-size: 1.8rem;
    line-height: 3rem;
    padding: 0;
  }
}
.front .section3 .section3__wrapper .area2006Wrapper {
  position: relative;
}
.front .section3 .section3__wrapper .area2006Wrapper .listContent {
  position: absolute;
  top: -8.5rem;
  display: flex;
  flex-direction: column;
  z-index: 200;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2006Wrapper .listContent {
    top: -12rem;
  }
}
.front .section3 .section3__wrapper .area2006Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 30.1rem;
  line-height: 4rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2006Wrapper .listContent .text1 {
    width: 16.1rem;
  }
}
.front .section3 .section3__wrapper .area2006Wrapper .listContent .text2 {
  margin-top: 9px;
  padding: 1.7rem 0 9px 10rem;
  width: 36.1rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2006Wrapper .listContent .text2 {
    width: 20.5rem;
    margin-top: 1.1rem;
  }
}
.front .section3 .section3__wrapper .area2006Wrapper .listContent .text3 {
  margin-top: 1.6rem;
  padding: 1.7rem 0 9px 10rem;
  width: 33.7rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2006Wrapper .listContent .text3 {
    width: 18.5rem;
    margin-top: 1.1rem;
  }
}
.front .section3 .section3__wrapper .area2006Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section3 .section3__wrapper .area2006 {
  position: relative;
  z-index: 120;
  padding-bottom: 5rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2006 {
    padding-bottom: 0;
  }
}
.front .section3 .section3__wrapper .area2006 .yearArea {
  position: absolute;
  width: 30.3rem;
  z-index: 30;
  top: -19rem;
  right: -15.9rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2006 .yearArea {
    width: 20.5rem;
    top: -19.5rem;
    left: auto;
    right: -10.4rem;
  }
}
.front .section3 .section3__wrapper .area2006 .pictureArea1 {
  width: 57.4rem;
  position: relative;
  left: -3rem;
  top: 0.9rem;
  z-index: 30;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2006 .pictureArea1 {
    width: 37.3rem;
    left: -10.9rem;
    top: -5.4rem;
  }
}
.front .section3 .section3__wrapper .area2006 .pictureArea1 .hukidashiArea1 {
  position: absolute;
  top: -5.8rem;
  z-index: 200;
  right: -23.6rem;
  width: 27.8rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2006 .pictureArea1 .hukidashiArea1 {
    right: -1.3rem;
    right: -7.3rem;
    top: -3.6rem;
    width: 18.5rem;
  }
}
.front .section3 .section3__wrapper .area2006 .pictureArea1 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 59%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 4.6rem;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2006 .pictureArea1 .hukidashiArea1 p.text {
    top: 39%;
    left: 71%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section3 .section3__wrapper .area2007Wrapper {
  position: relative;
}
.front .section3 .section3__wrapper .area2007Wrapper .listContent {
  position: absolute;
  top: -2.7rem;
  display: flex;
  flex-direction: column;
  z-index: 200;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2007Wrapper .listContent {
    top: -18rem;
  }
}
.front .section3 .section3__wrapper .area2007Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 38.8rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2007Wrapper .listContent .text1 {
    width: 22.5rem;
  }
}
.front .section3 .section3__wrapper .area2007Wrapper .listContent .text2 {
  padding: 1.7rem 0 9px 10rem;
  margin-top: 1rem;
  width: 43.4rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2007Wrapper .listContent .text2 {
    width: 26rem;
    margin-top: 1.1rem;
  }
}
.front .section3 .section3__wrapper .area2007Wrapper .listContent .text3 {
  margin-top: 47.8rem;
  padding: 1.7rem 0 9px 10rem;
  width: 38.2rem;
  line-height: 4rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2007Wrapper .listContent .text3 {
    margin-top: 31.8rem;
    width: 22.2rem;
  }
}
.front .section3 .section3__wrapper .area2007Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section3 .section3__wrapper .area2007 {
  position: relative;
  z-index: 130;
}
.front .section3 .section3__wrapper .area2007 .yearArea {
  width: 29rem;
  position: absolute;
  left: -18.8rem;
  top: -24rem;
  z-index: 30;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2007 .yearArea {
    width: 19.2rem;
    left: -12.2rem;
    top: -32rem;
  }
}
.front .section3 .section3__wrapper .area2007 .hukidashiArea1 {
  position: absolute;
  right: -18.3rem;
  top: -29rem;
  width: 39.9rem;
  z-index: 10;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2007 .hukidashiArea1 {
    right: -11.1rem;
    top: -35rem;
    width: 25.9rem;
  }
}
.front .section3 .section3__wrapper .area2007 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 43%;
  left: 62%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2007 .hukidashiArea1 p.text {
    top: 43%;
    left: 60%;
    font-size: 1.8rem;
    padding: 0;
    line-height: 3rem;
  }
}
.front .section3 .section3__wrapper .area2007 .pictureArea1 {
  position: relative;
  bottom: 17rem;
  left: -16rem;
  width: 76.6rem;
  z-index: 7;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2007 .pictureArea1 {
    top: -16.9rem;
    left: -17.4rem;
    width: 48.4rem;
  }
}
.front .section3 .section3__wrapper .area2008Wrapper {
  position: relative;
}
.front .section3 .section3__wrapper .area2008Wrapper .listContent {
  position: absolute;
  top: -19.7rem;
  display: flex;
  flex-direction: column;
  z-index: 200;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2008Wrapper .listContent {
    top: -15rem;
  }
}
.front .section3 .section3__wrapper .area2008Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 38.8rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2008Wrapper .listContent .text1 {
    width: 22rem;
  }
}
.front .section3 .section3__wrapper .area2008Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section3 .section3__wrapper .area2008 {
  position: relative;
  z-index: 140;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2008 {
    padding-bottom: 17rem;
  }
}
.front .section3 .section3__wrapper .area2008 .yearArea {
  width: 28.2rem;
  position: absolute;
  right: -17.6rem;
  top: -47.3rem;
  left: auto;
  z-index: 30;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2008 .yearArea {
    width: 19.7rem;
    right: -11.7rem;
    top: -35.1rem;
  }
}
.front .section3 .section3__wrapper .area2008 .pictureArea1 {
  position: relative;
  top: -28rem;
  z-index: 10;
  width: 46.8rem;
  left: 5.2rem;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2008 .pictureArea1 {
    position: absolute;
    z-index: 10;
    top: -22rem;
    width: 31.6rem;
    left: -2rem;
  }
}
.front .section3 .section3__wrapper .area2008 .hukidashiArea1 {
  width: 38.4rem;
  position: absolute;
  top: -6.6rem;
  right: 37.7rem;
  z-index: 20;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2008 .hukidashiArea1 {
    width: 24.9rem;
    top: -7.1rem;
    right: 8rem;
  }
}
.front .section3 .section3__wrapper .area2008 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 43%;
  left: 62%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2008 .hukidashiArea1 p.text {
    top: 42%;
    left: 61%;
    font-size: 1.8rem;
    padding: 0;
    line-height: 3rem;
  }
}
.front .section3 .section3__wrapper .area2009Wrapper {
  position: relative;
}
.front .section3 .section3__wrapper .area2009Wrapper .listContent {
  position: absolute;
  top: -7.5rem;
  display: flex;
  flex-direction: column;
  z-index: 200;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2009Wrapper .listContent {
    top: 9rem;
  }
}
.front .section3 .section3__wrapper .area2009Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 41.4rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2009Wrapper .listContent .text1 {
    width: 24.5rem;
  }
}
.front .section3 .section3__wrapper .area2009Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section3 .section3__wrapper .area2009Wrapper .hukidashiArea2 {
  width: 37.4rem;
  position: absolute;
  top: 20.4rem;
  right: -27.3rem;
  z-index: 300;
}
.front .section3 .section3__wrapper .area2009Wrapper .hukidashiArea2.sp {
  display: none;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2009Wrapper .hukidashiArea2.sp {
    display: block;
  }
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2009Wrapper .hukidashiArea2 {
    width: 24.9rem;
    top: 4.9rem;
    right: 1rem;
  }
}
.front .section3 .section3__wrapper .area2009Wrapper .hukidashiArea2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section3 .section3__wrapper .area2009Wrapper .hukidashiArea2 p.text {
  width: 100%;
  position: absolute;
  top: 39%;
  left: 64%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2009Wrapper .hukidashiArea2 p.text {
    top: 40%;
    left: 65%;
    font-size: 1.8rem;
    line-height: 3rem;
    padding: 0;
  }
}
.front .section3 .section3__wrapper .area2009 {
  position: relative;
  z-index: 150;
  padding-bottom: 53rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2009 {
    padding-bottom: 52rem;
  }
}
.front .section3 .section3__wrapper .area2009 .yearArea {
  width: 28rem;
  position: absolute;
  right: 0;
  top: -30.3rem;
  left: -18.8rem;
  z-index: 30;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2009 .yearArea {
    width: 18.8rem;
    top: -6.8rem;
    left: -10.5rem;
  }
}
.front .section3 .section3__wrapper .area2009 .pictureArea1 {
  position: absolute;
  top: -34.6rem;
  left: -7rem;
  z-index: 12;
  margin: 0 auto;
  width: 57.8rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2009 .pictureArea1 {
    top: -8.8rem;
    left: -13.8rem;
    width: 38.6rem;
  }
}
.front .section3 .section3__wrapper .area2009 .pictureArea1 .hukidashiArea1 {
  width: 38.4rem;
  position: absolute;
  top: -22.6rem;
  right: 29.7rem;
  z-index: 20;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2009 .pictureArea1 .hukidashiArea1 {
    width: 24.9rem;
    top: -15.1rem;
    right: 10rem;
  }
}
.front .section3 .section3__wrapper .area2009 .pictureArea1 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 65%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2009 .pictureArea1 .hukidashiArea1 p.text {
    top: 40%;
    left: 62%;
    font-size: 1.8rem;
    padding: 0;
    line-height: 3rem;
  }
}
.front .section3 .section3__wrapper .area2009 .pictureArea1 .hukidashiArea2 {
  width: 37.4rem;
  position: absolute;
  top: 20.4rem;
  right: -27.3rem;
  z-index: 20;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2009 .pictureArea1 .hukidashiArea2.pc {
    display: none;
  }
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2009 .pictureArea1 .hukidashiArea2 {
    width: 24.9rem;
    top: 12.9rem;
    right: -9rem;
  }
}
.front .section3 .section3__wrapper .area2009 .pictureArea1 .hukidashiArea2 p.text {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 65%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2009 .pictureArea1 .hukidashiArea2 p.text {
    top: 42%;
    left: 67%;
    font-size: 1.8rem;
    line-height: 3rem;
    padding: 0;
  }
}
.front .section3 .section3__wrapper .area2010Wrapper {
  position: relative;
}
.front .section3 .section3__wrapper .area2010Wrapper .listContent {
  position: absolute;
  top: -23.2rem;
  display: flex;
  flex-direction: column;
  z-index: 200;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2010Wrapper .listContent {
    top: -18.2rem;
  }
}
.front .section3 .section3__wrapper .area2010Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 27.7rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2010Wrapper .listContent .text1 {
    width: 14.7rem;
  }
}
.front .section3 .section3__wrapper .area2010Wrapper .listContent .text2 {
  margin-top: 1.3rem;
  padding: 1.7rem 0 9px 10rem;
  line-height: 4rem;
  width: 42.9rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2010Wrapper .listContent .text2 {
    width: 25rem;
    margin-top: 1.1rem;
  }
}
.front .section3 .section3__wrapper .area2010Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section3 .section3__wrapper .area2010 {
  position: relative;
  z-index: 160;
}
.front .section3 .section3__wrapper .area2010 .yearArea {
  position: absolute;
  top: -21rem;
  width: 29rem;
  margin: 0 auto;
  right: -15.4rem;
  z-index: 30;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2010 .yearArea {
    width: 19.1rem;
    top: -16.4rem;
    left: 11.4rem;
  }
}
.front .section3 .section3__wrapper .area2010 .pictureArea1 {
  position: relative;
  bottom: 9.3rem;
  width: 54rem;
  margin: 0 auto;
  left: 2.4rem;
  right: 0;
  z-index: 15;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2010 .pictureArea1 {
    bottom: 8.7rem;
    width: 35.4rem;
    left: -5rem;
  }
}
.front .section3 .section3__wrapper .area2010 .pictureArea1 .hukidashiArea1 {
  position: absolute;
  width: 25.7rem;
  top: 8.2rem;
  left: -25rem;
  z-index: 15;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2010 .pictureArea1 .hukidashiArea1 {
    top: 5.4rem;
    width: 17.7rem;
    left: -7rem;
  }
}
.front .section3 .section3__wrapper .area2010 .pictureArea1 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 42%;
  left: 65%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2010 .pictureArea1 .hukidashiArea1 p.text {
    top: 41%;
    left: 70%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section3 .section3__wrapper .area2010 .pictureArea1 .hukidashiArea2 {
  position: absolute;
  width: 40.7rem;
  top: 8.2rem;
  left: 33rem;
  z-index: 15;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2010 .pictureArea1 .hukidashiArea2 {
    top: 5.4rem;
    width: 26.7rem;
    left: 13rem;
  }
}
.front .section3 .section3__wrapper .area2010 .pictureArea1 .hukidashiArea2 p.text {
  width: 100%;
  position: absolute;
  top: 45%;
  left: 63%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2010 .pictureArea1 .hukidashiArea2 p.text {
    top: 43%;
    left: 62%;
    font-size: 1.8rem;
    line-height: 3rem;
    padding: 0;
  }
}
.front .section3 .section3__wrapper .area2011Wrapper {
  position: relative;
}
.front .section3 .section3__wrapper .area2011Wrapper .listContent {
  position: absolute;
  top: -3.7rem;
  display: flex;
  flex-direction: column;
  z-index: 200;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2011Wrapper .listContent {
    top: -4.7rem;
  }
}
.front .section3 .section3__wrapper .area2011Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  line-height: 4rem;
  width: 35.3rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2011Wrapper .listContent .text1 {
    width: 20.3rem;
  }
}
.front .section3 .section3__wrapper .area2011Wrapper .listContent .text2 {
  margin-top: 1rem;
  padding: 1.7rem 0 9px 10rem;
  line-height: 4rem;
  width: 38.3rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2011Wrapper .listContent .text2 {
    width: 22.3rem;
    margin-top: 1.1rem;
  }
}
.front .section3 .section3__wrapper .area2011Wrapper .listContent .text3 {
  margin-top: 15rem;
  padding: 1.7rem 0 9px 10rem;
  line-height: 4rem;
  width: 42.5rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2011Wrapper .listContent .text3 {
    margin-top: 12rem;
    width: 26.3rem;
  }
}
.front .section3 .section3__wrapper .area2011Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section3 .section3__wrapper .area2011 {
  position: relative;
  z-index: 170;
}
.front .section3 .section3__wrapper .area2011 .yearArea {
  position: absolute;
  width: 29.6rem;
  z-index: 30;
  top: -23.5rem;
  left: -19.7rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2011 .yearArea {
    width: 19.1rem;
    top: -17.5rem;
    left: -10.6rem;
  }
}
.front .section3 .section3__wrapper .area2011 .hukidashiArea1 {
  position: absolute;
  top: -20.4rem;
  width: 36.1rem;
  left: auto;
  right: -18.7rem;
  margin: 0 auto;
  z-index: 20;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2011 .hukidashiArea1 {
    top: -16.5rem;
    width: 23.7rem;
    right: -11.8rem;
  }
}
.front .section3 .section3__wrapper .area2011 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 42%;
  left: 66%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2011 .hukidashiArea1 p.text {
    top: 41%;
    left: 68%;
    font-size: 1.8rem;
    line-height: 3rem;
    padding: 0;
  }
}
.front .section3 .section3__wrapper .area2011 .pictureArea1 {
  position: relative;
  top: -16rem;
  width: 51.3rem;
  left: -2.4rem;
  margin: 0 auto;
  z-index: 10;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2011 .pictureArea1 {
    left: auto;
    top: -12.9rem;
    width: 33.6rem;
    right: 7.3rem;
  }
}
.front .section3 .section3__wrapper .area2012Wrapper {
  position: relative;
}
.front .section3 .section3__wrapper .area2012Wrapper .listContent {
  position: absolute;
  top: -5.5rem;
  display: flex;
  flex-direction: column;
  z-index: 200;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2012Wrapper .listContent {
    top: -7.5rem;
  }
}
.front .section3 .section3__wrapper .area2012Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  line-height: 4rem;
  width: 42.5rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2012Wrapper .listContent .text1 {
    width: 25.5rem;
  }
}
.front .section3 .section3__wrapper .area2012Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section3 .section3__wrapper .area2012 {
  position: relative;
  z-index: 180;
  padding-bottom: 70rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2012 {
    padding-bottom: 40rem;
  }
}
.front .section3 .section3__wrapper .area2012 .yearArea {
  position: absolute;
  width: 29rem;
  z-index: 30;
  top: -28.7rem;
  right: -17rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2012 .yearArea {
    width: 19.1rem;
    top: -21.3rem;
    right: -10.8rem;
  }
}
.front .section3 .section3__wrapper .area2012 .pictureArea1 {
  position: absolute;
  width: 50.8rem;
  left: 2rem;
  top: -27.9rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2012 .pictureArea1 {
    position: absolute;
    width: 31.7rem;
    left: -8.1rem;
    top: -21rem;
  }
}
.front .section3 .section3__wrapper .area2012 .pictureArea1 .imgArea {
  display: block;
  width: 100%;
}
.front .section3 .section3__wrapper .area2012 .pictureArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section3 .section3__wrapper .area2012 .pictureArea1 .hukidashiArea1 {
  width: 30.2rem;
  position: absolute;
  top: 27.5rem;
  z-index: 15;
  left: -9.5rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2012 .pictureArea1 .hukidashiArea1 {
    width: 19.9rem;
    top: 18.6rem;
    left: 4.7rem;
  }
}
.front .section3 .section3__wrapper .area2012 .pictureArea1 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 42%;
  left: 67%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2012 .pictureArea1 .hukidashiArea1 p.text {
    top: 41%;
    left: 71%;
    font-size: 1.8rem;
    padding: 0;
    line-height: 3rem;
  }
}
.front .section3 .section3__wrapper .area2012 .pictureArea1 .hukidashiArea2 {
  width: 27.2rem;
  position: absolute;
  top: 41.5rem;
  z-index: 15;
  left: 50.5rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2012 .pictureArea1 .hukidashiArea2 {
    width: 17.9rem;
    top: 28.6rem;
    left: 24.7rem;
  }
}
.front .section3 .section3__wrapper .area2012 .pictureArea1 .hukidashiArea2 p.text {
  width: 100%;
  position: absolute;
  top: 39%;
  left: 63%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2012 .pictureArea1 .hukidashiArea2 p.text {
    top: 38%;
    left: 67%;
    font-size: 1.8rem;
    line-height: 3rem;
    padding: 0;
  }
}
.front .section3 .section3__wrapper .area2012 .pictureArea1 .hukidashiArea4 {
  width: 22.2rem;
  position: absolute;
  top: 19.5rem;
  z-index: 15;
  left: 47.5rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2012 .pictureArea1 .hukidashiArea4 {
    width: 14.9rem;
    top: 13.6rem;
    left: 22.7rem;
  }
}
.front .section3 .section3__wrapper .area2012 .pictureArea1 .hukidashiArea4 p.text {
  width: 100%;
  position: absolute;
  top: 38%;
  left: 62%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2012 .pictureArea1 .hukidashiArea4 p.text {
    top: 37%;
    left: 67%;
    font-size: 1.8rem;
    padding: 0;
    line-height: 3rem;
  }
}
.front .section3 .section3__wrapper .area2012 .pictureArea2 {
  position: absolute;
  width: 51.8rem;
  left: 1rem;
  top: -25.9rem;
  display: none;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2012 .pictureArea2 {
    position: absolute;
    width: 28.7rem;
    left: -3.1rem;
    top: 1rem;
    display: block;
  }
}
.front .section3 .section3__wrapper .area2012 .pictureArea2 .imgArea {
  display: block;
  width: 100%;
}
.front .section3 .section3__wrapper .area2012 .pictureArea2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section3 .section3__wrapper .area2013Wrapper {
  position: relative;
}
.front .section3 .section3__wrapper .area2013Wrapper .listContent {
  position: absolute;
  top: -11.3rem;
  display: flex;
  flex-direction: column;
  z-index: 200;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2013Wrapper .listContent {
    top: -4rem;
  }
}
.front .section3 .section3__wrapper .area2013Wrapper .listContent .text1 {
  padding: 1.7rem 0 9px 10rem;
  width: 43.5rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2013Wrapper .listContent .text1 {
    width: 25.5rem;
  }
}
.front .section3 .section3__wrapper .area2013Wrapper .listContent .text2 {
  margin-top: 1.1rem;
  padding: 1.7rem 0 9px 10rem;
  width: 38.4rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2013Wrapper .listContent .text2 {
    width: 22.4rem;
  }
}
.front .section3 .section3__wrapper .area2013Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section3 .section3__wrapper .area2013 {
  position: relative;
  z-index: 190;
}
.front .section3 .section3__wrapper .area2013 .yearArea {
  position: absolute;
  width: 31.2rem;
  z-index: 30;
  top: -32.8rem;
  left: -23rem;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2013 .yearArea {
    width: 20rem;
    top: -19.2rem;
    left: -12.5rem;
  }
}
.front .section3 .section3__wrapper .area2013 .pictureArea1 {
  width: 55.3rem;
  position: relative;
  top: -19.1rem;
  left: -2rem;
  right: 0;
  margin: 0 auto;
  z-index: 5;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2013 .pictureArea1 {
    width: 37.9rem;
    top: -7.8rem;
    left: -8.1rem;
  }
}
.front .section3 .section3__wrapper .area2013 .pictureArea1 .hukidashiArea1 {
  width: 37.3rem;
  position: absolute;
  top: -8.6rem;
  right: -24.1rem;
  margin: 0 auto;
  z-index: 20;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2013 .pictureArea1 .hukidashiArea1 {
    width: 24.9rem;
    top: -7.4rem;
    right: -5.3rem;
    z-index: 50;
  }
}
.front .section3 .section3__wrapper .area2013 .pictureArea1 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 42%;
  left: 67%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2013 .pictureArea1 .hukidashiArea1 p.text {
    top: 41%;
    left: 67%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section3 .section3__wrapper .area2013 .pictureArea1 .hukidashiArea2 {
  width: 24.3rem;
  position: absolute;
  top: 26.4rem;
  right: 52.9rem;
  margin: 0 auto;
  z-index: 20;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2013 .pictureArea1 .hukidashiArea2 {
    width: 15.9rem;
    top: 18.6rem;
    right: 26.7rem;
    z-index: 50;
  }
}
.front .section3 .section3__wrapper .area2013 .pictureArea1 .hukidashiArea2 p.text {
  width: 100%;
  position: absolute;
  top: 39%;
  left: 66%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.4rem;
  line-height: 3.7rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2013 .pictureArea1 .hukidashiArea2 p.text {
    top: 37%;
    left: 71%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section3 .section3__wrapper .area2013 .bannerArea1 {
  width: 59.5rem;
  margin: 0 auto;
  position: absolute;
  bottom: -9.7rem;
  left: 3.9rem;
  z-index: 15;
}
.front .section3 .section3__wrapper .area2013 .bannerArea1 .imgArea,
.front .section3 .section3__wrapper .area2013 .bannerArea1 .imgArea2 {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section3 .section3__wrapper .area2013 .bannerArea1 .imgArea img,
.front .section3 .section3__wrapper .area2013 .bannerArea1 .imgArea2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section3 .section3__wrapper .area2013 .bannerArea1 .imgArea2 {
  display: none;
}
.front .section3 .section3__wrapper .area2013 .bannerArea1:active .imgArea {
  display: none;
}
.front .section3 .section3__wrapper .area2013 .bannerArea1:active .imgArea2 {
  display: block;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .area2013 .bannerArea1 {
    width: 39.3rem;
    bottom: -24rem;
    left: -6.6rem;
  }
}
.front .section3 .section3__wrapper .areaBannerWrapper {
  position: relative;
  z-index: 200;
}
.front .section3 .section3__wrapper .areaBannerWrapper .areaBanner {
  margin: 0 auto;
  max-width: 60.2rem;
  position: relative;
  padding-bottom: 10rem;
  background: #E1FEFF;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .areaBannerWrapper .areaBanner {
    width: 22.5rem;
    padding-bottom: 10rem;
  }
}
.front .section3 .section3__wrapper .areaBannerWrapper .areaBanner .imgWrapper {
  position: absolute;
  display: block;
  width: 60rem;
  left: 1.5rem;
  bottom: 0;
  cursor: pointer;
}
.front .section3 .section3__wrapper .areaBannerWrapper .areaBanner .imgWrapper .imgArea,
.front .section3 .section3__wrapper .areaBannerWrapper .areaBanner .imgWrapper .imgArea2 {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section3 .section3__wrapper .areaBannerWrapper .areaBanner .imgWrapper .imgArea img,
.front .section3 .section3__wrapper .areaBannerWrapper .areaBanner .imgWrapper .imgArea2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section3 .section3__wrapper .areaBannerWrapper .areaBanner .imgWrapper .imgArea2 {
  display: none;
}
.front .section3 .section3__wrapper .areaBannerWrapper .areaBanner .imgWrapper:active .imgArea, .front .section3 .section3__wrapper .areaBannerWrapper .areaBanner .imgWrapper:hover .imgArea {
  display: none;
}
.front .section3 .section3__wrapper .areaBannerWrapper .areaBanner .imgWrapper:active .imgArea2, .front .section3 .section3__wrapper .areaBannerWrapper .areaBanner .imgWrapper:hover .imgArea2 {
  display: block;
}
@media (max-width: 768px) {
  .front .section3 .section3__wrapper .areaBannerWrapper .areaBanner .imgWrapper {
    position: absolute;
    width: 39.3rem;
    top: auto;
    bottom: -0.4rem;
    left: -6.6rem;
    z-index: 20;
  }
}
.front .section3 .section3__wrapper .cloudImgArea2 {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: -48.4rem;
}
.front .section3 .section3__wrapper .cloudImgArea2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section3 .cloud_img {
  z-index: 20;
  position: relative;
  top: -55.7rem;
  left: 0;
  width: 100%;
}
@media (max-width: 768px) {
  .front .section3 .cloud_img {
    top: -36.7rem;
  }
}
.front .section3 .cloud_img .imgArea {
  position: absolute;
  display: block;
  width: 100%;
}
.front .section3 .cloud_img .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 {
  position: relative;
  background-image: url("../img/main/section4/back_img1.webp");
  min-height: 50rem;
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  background-position: 0 0;
  transition: all 0s ease;
}
@media (max-width: 768px) {
  .front .section4 {
    padding-bottom: 26rem;
  }
}
.front .section4 .section4__wrapper {
  position: relative;
  z-index: 20;
}
.front .section4 .section4__wrapper #backImageFlamingo {
  width: 136.6rem;
  left: -39.3rem;
  position: absolute;
  z-index: 0;
  opacity: 0;
  top: 80.5rem;
}
@media (max-width: 1600px) {
  .front .section4 .section4__wrapper #backImageFlamingo {
    top: 173.5rem;
    width: 98.6rem;
    left: -21.3rem;
  }
}
.front .section4 .section4__wrapper #backImageFlamingo .imgArea {
  position: relative;
  display: block;
  width: 100%;
  top: var(--flamingo-top);
}
.front .section4 .section4__wrapper #backImageFlamingo .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper #backImageFlamingo.visible {
  animation: hyouzi1 1.3s linear forwards;
  top: 80.5rem;
}
@media (max-width: 1600px) {
  .front .section4 .section4__wrapper #backImageFlamingo.visible {
    top: 173.5rem;
  }
}
@keyframes hyouzi1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper #backImageFlamingo {
    display: none;
  }
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper {
    z-index: 200;
  }
}
.front .section4 .section4__wrapper .area2014,
.front .section4 .section4__wrapper .area2015,
.front .section4 .section4__wrapper .area2016,
.front .section4 .section4__wrapper .area2017,
.front .section4 .section4__wrapper .area2018,
.front .section4 .section4__wrapper .area2019,
.front .section4 .section4__wrapper .area2020,
.front .section4 .section4__wrapper .area2021,
.front .section4 .section4__wrapper .area2022,
.front .section4 .section4__wrapper .area2023,
.front .section4 .section4__wrapper .area2024 {
  margin: 0 auto;
  width: 60.2rem;
  position: relative;
  top: 0;
  background: #E1FEFF;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2014,
  .front .section4 .section4__wrapper .area2015,
  .front .section4 .section4__wrapper .area2016,
  .front .section4 .section4__wrapper .area2017,
  .front .section4 .section4__wrapper .area2018,
  .front .section4 .section4__wrapper .area2019,
  .front .section4 .section4__wrapper .area2020,
  .front .section4 .section4__wrapper .area2021,
  .front .section4 .section4__wrapper .area2022,
  .front .section4 .section4__wrapper .area2023,
  .front .section4 .section4__wrapper .area2024 {
    max-width: 22.5rem;
  }
}
.front .section4 .section4__wrapper .area2014 picture.imgArea,
.front .section4 .section4__wrapper .area2015 picture.imgArea,
.front .section4 .section4__wrapper .area2016 picture.imgArea,
.front .section4 .section4__wrapper .area2017 picture.imgArea,
.front .section4 .section4__wrapper .area2018 picture.imgArea,
.front .section4 .section4__wrapper .area2019 picture.imgArea,
.front .section4 .section4__wrapper .area2020 picture.imgArea,
.front .section4 .section4__wrapper .area2021 picture.imgArea,
.front .section4 .section4__wrapper .area2022 picture.imgArea,
.front .section4 .section4__wrapper .area2023 picture.imgArea,
.front .section4 .section4__wrapper .area2024 picture.imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2014 picture.imgArea img,
.front .section4 .section4__wrapper .area2015 picture.imgArea img,
.front .section4 .section4__wrapper .area2016 picture.imgArea img,
.front .section4 .section4__wrapper .area2017 picture.imgArea img,
.front .section4 .section4__wrapper .area2018 picture.imgArea img,
.front .section4 .section4__wrapper .area2019 picture.imgArea img,
.front .section4 .section4__wrapper .area2020 picture.imgArea img,
.front .section4 .section4__wrapper .area2021 picture.imgArea img,
.front .section4 .section4__wrapper .area2022 picture.imgArea img,
.front .section4 .section4__wrapper .area2023 picture.imgArea img,
.front .section4 .section4__wrapper .area2024 picture.imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2014 .text,
  .front .section4 .section4__wrapper .area2015 .text,
  .front .section4 .section4__wrapper .area2016 .text,
  .front .section4 .section4__wrapper .area2017 .text,
  .front .section4 .section4__wrapper .area2018 .text,
  .front .section4 .section4__wrapper .area2019 .text,
  .front .section4 .section4__wrapper .area2020 .text,
  .front .section4 .section4__wrapper .area2021 .text,
  .front .section4 .section4__wrapper .area2022 .text,
  .front .section4 .section4__wrapper .area2023 .text,
  .front .section4 .section4__wrapper .area2024 .text {
    line-height: 1.5 !important;
  }
}
.front .section4 .section4__wrapper .area2014Wrapper {
  position: relative;
}
.front .section4 .section4__wrapper .area2014Wrapper .listContent {
  position: absolute;
  top: 41.6rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2014Wrapper .listContent {
    top: 27rem;
  }
}
.front .section4 .section4__wrapper .area2014Wrapper .listContent .text1 {
  padding: 1.2rem 0 9px 10.2rem;
  width: 40.4rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2014Wrapper .listContent .text1 {
    width: 23rem;
  }
}
.front .section4 .section4__wrapper .area2014Wrapper .listContent .text2 {
  margin-top: 1.8rem;
  padding: 1.2rem 0 9px 10.2rem;
  width: 29.1rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2014Wrapper .listContent .text2 {
    width: 16rem;
    margin-top: 1.1rem;
  }
}
.front .section4 .section4__wrapper .area2014Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section4 .section4__wrapper .area2014 {
  position: relative;
  z-index: 100;
  padding-bottom: 15rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2014 {
    padding-bottom: 11rem;
  }
}
.front .section4 .section4__wrapper .area2014 .yearArea {
  width: 30.5rem;
  position: absolute;
  top: 9.3rem;
  right: -18.1rem;
  z-index: 2;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2014 .yearArea {
    width: 19.8rem;
    top: 6.3rem;
    right: -11.4rem;
  }
}
.front .section4 .section4__wrapper .area2014 .yearArea .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2014 .yearArea .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2014 .pictureArea1 {
  width: 59.6rem;
  position: relative;
  top: 13.9rem;
  left: -0.8rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2014 .pictureArea1 {
    width: 40.1rem;
    top: 9.6rem;
    left: -9.6rem;
  }
}
.front .section4 .section4__wrapper .area2014 .pictureArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2014 .pictureArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2014 .pictureArea1 .hukidashiArea1 {
  width: 28.3rem;
  position: absolute;
  right: -17.9rem;
  top: 15.6rem;
  z-index: 4;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2014 .pictureArea1 .hukidashiArea1 {
    width: 19.5rem;
    top: 9.5rem;
    right: -4.4rem;
    z-index: 7;
  }
}
.front .section4 .section4__wrapper .area2014 .pictureArea1 .hukidashiArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2014 .pictureArea1 .hukidashiArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2014 .pictureArea1 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 41%;
  left: 55%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 4.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2014 .pictureArea1 .hukidashiArea1 p.text {
    top: 41%;
    left: 66%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2015Wrapper {
  position: relative;
}
.front .section4 .section4__wrapper .area2015Wrapper .listContent {
  position: absolute;
  top: -25.7rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2015Wrapper .listContent {
    top: -19rem;
  }
}
.front .section4 .section4__wrapper .area2015Wrapper .listContent .text1 {
  padding: 2.2rem 0 1.7rem 10.2rem;
  width: 35.3rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2015Wrapper .listContent .text1 {
    width: 19.5rem;
  }
}
.front .section4 .section4__wrapper .area2015Wrapper .listContent .text2 {
  margin-top: 1rem;
  padding: 8px 0 1.5rem 10.2rem;
  width: 32.3rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2015Wrapper .listContent .text2 {
    width: 17.8rem;
    margin-top: 1.1rem;
  }
}
.front .section4 .section4__wrapper .area2015Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section4 .section4__wrapper .area2015 {
  position: relative;
  z-index: 110;
  padding-bottom: 40rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2015 {
    padding-bottom: 22rem;
  }
}
.front .section4 .section4__wrapper .area2015 .yearArea {
  width: 31.9rem;
  position: absolute;
  top: -49.1rem;
  left: -23.7rem;
  z-index: 6;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2015 .yearArea {
    width: 20.3rem;
    top: -33.6rem;
    left: -12.5rem;
  }
}
.front .section4 .section4__wrapper .area2015 .yearArea .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2015 .yearArea .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2015 .pictureArea1 {
  width: 70rem;
  position: absolute;
  top: -38rem;
  left: 0rem;
  z-index: 6;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2015 .pictureArea1 {
    width: 37.8rem;
    top: -26.5rem;
    left: -7.6rem;
  }
}
.front .section4 .section4__wrapper .area2015 .pictureArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2015 .pictureArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea1 {
  width: 27.6rem;
  position: absolute;
  top: 0.8rem;
  right: -6rem;
  z-index: -1;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea1 {
    width: 17.7rem;
    top: 0.4rem;
    left: 23.3rem;
  }
}
.front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 57%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 4.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea1 p.text {
    top: 39%;
    left: 65%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea2 {
  width: 20.9rem;
  position: absolute;
  top: 31.4rem;
  right: 56.6rem;
  z-index: 7;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea2 {
    width: 16.6rem;
    top: 23.9rem;
    left: -3.1rem;
  }
}
.front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea2 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea2 p.text {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 62%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea2 p.text {
    top: 39%;
    left: 73%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea3 {
  width: 29.9rem;
  position: absolute;
  top: 36.9rem;
  left: 48.4rem;
  z-index: -1;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea3 {
    width: 19.4rem;
    top: 25.5rem;
    left: 22.8rem;
    z-index: 5;
  }
}
.front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea3 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea3 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea3 p.text {
  width: 100%;
  position: absolute;
  top: 37%;
  left: 62%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2015 .pictureArea1 .hukidashiArea3 p.text {
    top: 36%;
    left: 63%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2016Wrapper {
  position: relative;
}
.front .section4 .section4__wrapper .area2016Wrapper .listContent {
  position: absolute;
  top: 18.4rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2016Wrapper .listContent {
    top: 15rem;
  }
}
.front .section4 .section4__wrapper .area2016Wrapper .listContent .text1 {
  padding: 1.9rem 0 2rem 10.2rem;
  width: 36.3rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2016Wrapper .listContent .text1 {
    width: 21.3rem;
  }
}
.front .section4 .section4__wrapper .area2016Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section4 .section4__wrapper .area2016 {
  position: relative;
  z-index: 120;
  padding-bottom: 70rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2016 {
    padding-bottom: 53rem;
  }
}
.front .section4 .section4__wrapper .area2016 .yearArea {
  width: 31.4rem;
  position: absolute;
  top: -6.2rem;
  right: -19.5rem;
  z-index: 7;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2016 .yearArea {
    width: 20.3rem;
    top: -1.9rem;
    left: 14.7rem;
  }
}
.front .section4 .section4__wrapper .area2016 .yearArea .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2016 .yearArea .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2016 .pictureArea1 {
  width: 62.3rem;
  position: absolute;
  top: 0.9rem;
  left: -3.2rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2016 .pictureArea1 {
    width: 41.1rem;
    top: 4.2rem;
    left: -11rem;
  }
}
.front .section4 .section4__wrapper .area2016 .pictureArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2016 .pictureArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea1 {
  width: 27.3rem;
  position: absolute;
  top: -12.1rem;
  left: -7.2rem;
  z-index: 7;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea1 {
    width: 18rem;
    top: -8rem;
    left: 5rem;
  }
}
.front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 45%;
  left: 57%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea1 p.text {
    top: 42%;
    left: 67%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea2 {
  width: 27.6rem;
  position: absolute;
  top: 23.9rem;
  right: -19.4rem;
  z-index: 5;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea2 {
    width: 18rem;
    top: 15rem;
    left: 27.5rem;
  }
}
.front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea2 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea2 p.text {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 65%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea2 p.text {
    top: 38%;
    left: 69%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea3 {
  width: 30.6rem;
  position: absolute;
  top: 32.9rem;
  right: 38.6rem;
  z-index: 5;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea3 {
    width: 20rem;
    top: 21rem;
    left: 4.5rem;
  }
}
.front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea3 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea3 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea3 p.text {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 64%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2016 .pictureArea1 .hukidashiArea3 p.text {
    top: 39%;
    left: 66%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2017Wrapper {
  position: relative;
}
.front .section4 .section4__wrapper .area2017Wrapper .listContent {
  position: absolute;
  top: 6.7rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2017Wrapper .listContent {
    top: 1rem;
  }
}
.front .section4 .section4__wrapper .area2017Wrapper .listContent .text1 {
  padding: 1.4rem 0 1.2rem 10.2rem;
  width: 38.2rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2017Wrapper .listContent .text1 {
    width: 21.8rem;
  }
}
.front .section4 .section4__wrapper .area2017Wrapper .listContent .text2 {
  margin-top: 1.2rem;
  padding: 1.4rem 0 1.2rem 10.2rem;
  width: 39.9rem;
  line-height: 4rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2017Wrapper .listContent .text2 {
    width: 22.5rem;
    margin-top: 1.1rem;
  }
}
.front .section4 .section4__wrapper .area2017Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section4 .section4__wrapper .area2017 {
  position: relative;
  z-index: 130;
}
.front .section4 .section4__wrapper .area2017 .yearArea {
  width: 29.5rem;
  position: absolute;
  top: -13rem;
  left: -19.9rem;
  z-index: 3;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2017 .yearArea {
    width: 19.5rem;
    top: -12rem;
    left: -10.6rem;
    z-index: 7;
  }
}
.front .section4 .section4__wrapper .area2017 .yearArea .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2017 .yearArea .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2017 .hukidashiArea1 {
  width: 26.7rem;
  position: absolute;
  top: -9rem;
  left: 41.5rem;
  z-index: 8;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2017 .hukidashiArea1 {
    width: 22.3rem;
    top: -12.1rem;
    left: 11.5rem;
  }
}
.front .section4 .section4__wrapper .area2017 .hukidashiArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2017 .hukidashiArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2017 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 41%;
  left: 63%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2017 .hukidashiArea1 p.text {
    top: 37%;
    left: 74%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2017 .hukidashiArea2 {
  width: 31.3rem;
  position: absolute;
  top: 10rem;
  right: -18.1rem;
  z-index: 9;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2017 .hukidashiArea2 {
    width: 20rem;
    top: 2.2rem;
    left: 14.6rem;
  }
}
.front .section4 .section4__wrapper .area2017 .hukidashiArea2 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2017 .hukidashiArea2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2017 .hukidashiArea2 p.text {
  width: 100%;
  position: absolute;
  top: 41%;
  left: 63%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2017 .hukidashiArea2 p.text {
    top: 41%;
    left: 64%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2017 .hukidashiArea3 {
  width: 22.3rem;
  position: absolute;
  top: 24rem;
  right: 54.9rem;
  z-index: 9;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2017 .hukidashiArea3 {
    width: 15rem;
    top: 12.2rem;
    left: -11.4rem;
  }
}
.front .section4 .section4__wrapper .area2017 .hukidashiArea3 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2017 .hukidashiArea3 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2017 .hukidashiArea3 p.text {
  width: 100%;
  position: absolute;
  top: 38%;
  left: 59%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2017 .hukidashiArea3 p.text {
    top: 39%;
    left: 73%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2017 .pictureArea1 {
  width: 35.6rem;
  position: relative;
  top: -6.1rem;
  left: 16.9rem;
  z-index: 4;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2017 .pictureArea1 {
    width: 23.3rem;
    top: -7.5rem;
    left: 2.5rem;
  }
}
.front .section4 .section4__wrapper .area2017 .pictureArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2017 .pictureArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2017 .pictureArea2 {
  width: 53.2rem;
  position: relative;
  bottom: 9.9rem;
  left: 6.5rem;
  z-index: 5;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2017 .pictureArea2 {
    width: 34.3rem;
    top: -10rem;
    left: -4.2rem;
  }
}
.front .section4 .section4__wrapper .area2017 .pictureArea2 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2017 .pictureArea2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2018Wrapper {
  position: relative;
}
.front .section4 .section4__wrapper .area2018Wrapper .listContent {
  position: absolute;
  top: 0.7rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2018Wrapper .listContent {
    top: -2rem;
  }
}
.front .section4 .section4__wrapper .area2018Wrapper .listContent .text1 {
  padding: 1.4rem 0 1.2rem 10.2rem;
  width: 35.3rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2018Wrapper .listContent .text1 {
    width: 19.8rem;
  }
}
.front .section4 .section4__wrapper .area2018Wrapper .listContent .text2 {
  margin-top: 1.3rem;
  padding: 1.4rem 0 1.2rem 10.2rem;
  width: 34.3rem;
  line-height: 4rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2018Wrapper .listContent .text2 {
    width: 19.3rem;
    margin-top: 1.1rem;
  }
}
.front .section4 .section4__wrapper .area2018Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 0.4rem solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section4 .section4__wrapper .area2018 {
  position: relative;
  z-index: 140;
  padding-bottom: 35rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2018 {
    padding-bottom: 22rem;
  }
}
.front .section4 .section4__wrapper .area2018 .yearArea {
  width: 29.4rem;
  position: absolute;
  top: -27.5rem;
  right: -15.2rem;
  z-index: 7;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2018 .yearArea {
    width: 18.7rem;
    top: -20.2rem;
    left: 13.5rem;
  }
}
.front .section4 .section4__wrapper .area2018 .yearArea .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2018 .yearArea .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2018 .pictureArea1 {
  width: 37.9rem;
  position: absolute;
  top: -22.7rem;
  left: 15.5rem;
  z-index: 6;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2018 .pictureArea1 {
    width: 24.6rem;
    top: -17.1rem;
    left: 1.3rem;
  }
}
.front .section4 .section4__wrapper .area2018 .pictureArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2018 .pictureArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2018 .hukidashiArea1 {
  width: 32.2rem;
  position: absolute;
  top: -24.5rem;
  left: -16.1rem;
  z-index: 7;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2018 .hukidashiArea1 {
    width: 20.6rem;
    top: -18.3rem;
    left: -9.6rem;
  }
}
.front .section4 .section4__wrapper .area2018 .hukidashiArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2018 .hukidashiArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2018 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 63%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2018 .hukidashiArea1 p.text {
    top: 39%;
    left: 62%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2018 .pictureArea2 {
  width: 41.9rem;
  position: relative;
  top: 17.8rem;
  left: 12.9rem;
  z-index: 6;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2018 .pictureArea2 {
    width: 28rem;
    top: 9rem;
    left: -8px;
  }
}
.front .section4 .section4__wrapper .area2018 .pictureArea2 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2018 .pictureArea2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2018 .pictureArea2 .hukidashiArea2 {
  width: 26.6rem;
  position: absolute;
  top: -16.8rem;
  left: 35.3rem;
  z-index: 7;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2018 .pictureArea2 .hukidashiArea2 {
    width: 22rem;
    top: -10.2rem;
    left: 14.6rem;
  }
}
.front .section4 .section4__wrapper .area2018 .pictureArea2 .hukidashiArea2 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2018 .pictureArea2 .hukidashiArea2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2018 .pictureArea2 .hukidashiArea2 p.text {
  width: 100%;
  position: absolute;
  top: 39%;
  left: 60%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2018 .pictureArea2 .hukidashiArea2 p.text {
    top: 39%;
    left: 70%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2018 .pictureArea2 .hukidashiArea3 {
  width: 27.6rem;
  position: absolute;
  top: 5.2rem;
  left: -29.7rem;
  z-index: 7;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2018 .pictureArea2 .hukidashiArea3 {
    width: 18rem;
    top: 3.6rem;
    left: -9.4rem;
  }
}
.front .section4 .section4__wrapper .area2018 .pictureArea2 .hukidashiArea3 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2018 .pictureArea2 .hukidashiArea3 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2018 .pictureArea2 .hukidashiArea3 p.text {
  width: 100%;
  position: absolute;
  top: 42%;
  left: 64%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2018 .pictureArea2 .hukidashiArea3 p.text {
    top: 41%;
    left: 67%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2018 .pictureArea3 {
  width: 33rem;
  position: absolute;
  bottom: -33.3rem;
  left: 1.6rem;
  z-index: 5;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2018 .pictureArea3 {
    width: 19.7rem;
    top: 4.2rem;
    left: -6.2rem;
  }
}
.front .section4 .section4__wrapper .area2018 .pictureArea3 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2018 .pictureArea3 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2019Wrapper {
  position: relative;
}
.front .section4 .section4__wrapper .area2019Wrapper .listContent {
  position: absolute;
  top: 12.4rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2019Wrapper .listContent {
    top: 7rem;
    z-index: 170;
  }
}
.front .section4 .section4__wrapper .area2019Wrapper .listContent .text1 {
  padding: 1.4rem 0 1.2rem 10.2rem;
  width: 32.9rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2019Wrapper .listContent .text1 {
    width: 17.9rem;
  }
}
.front .section4 .section4__wrapper .area2019Wrapper .listContent .text2 {
  margin-top: 1.5rem;
  padding: 1.4rem 0 1.2rem 10.2rem;
  width: 38.2rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2019Wrapper .listContent .text2 {
    width: 21.9rem;
    margin-top: 1.1rem;
  }
}
.front .section4 .section4__wrapper .area2019Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section4 .section4__wrapper .area2019 {
  position: relative;
  z-index: 150;
  padding-bottom: 0rem;
}
.front .section4 .section4__wrapper .area2019 .yearArea {
  width: 29.2rem;
  position: absolute;
  top: -7.3rem;
  left: -21.2rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2019 .yearArea {
    width: 18.7rem;
    left: -11.1rem;
    top: -6.2rem;
    z-index: 8;
  }
}
.front .section4 .section4__wrapper .area2019 .yearArea .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2019 .yearArea .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2019 .ilustArea1 {
  width: 70.7rem;
  position: relative;
  top: -28.4rem;
  left: 0.1rem;
  z-index: 7;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2019 .ilustArea1 {
    width: 44.2rem;
    left: -7rem;
    top: -20.1rem;
    z-index: 1;
  }
}
.front .section4 .section4__wrapper .area2019 .ilustArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2019 .ilustArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2019 .ilustArea1 .hukidashiArea1 {
  width: 27.9rem;
  position: absolute;
  top: -11.1rem;
  left: 24.9rem;
  z-index: 9;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2019 .ilustArea1 .hukidashiArea1 {
    width: 18.2rem;
    left: 15.4rem;
    top: -7.1rem;
  }
}
.front .section4 .section4__wrapper .area2019 .ilustArea1 .hukidashiArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2019 .ilustArea1 .hukidashiArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2019 .ilustArea1 .hukidashiArea1 .text {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-size: 2.9rem;
  line-height: 4.1rem;
  position: absolute;
  top: 8.9rem;
  left: 6rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2019 .ilustArea1 .hukidashiArea1 .text {
    font-size: 1.9rem;
    line-height: 2.7rem;
    top: 5.8rem;
    left: 3.8rem;
  }
}
.front .section4 .section4__wrapper .area2019 .pictureArea1 {
  width: 52.9rem;
  position: absolute;
  bottom: 1rem;
  left: 5.3rem;
  z-index: 2;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2019 .pictureArea1 {
    width: 34rem;
    left: -4.8rem;
    top: 9.5rem;
  }
}
.front .section4 .section4__wrapper .area2019 .pictureArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2019 .pictureArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2019 .pictureArea1 .hukidashiArea1 {
  width: 31.4rem;
  position: absolute;
  bottom: 11.8rem;
  right: -17.7rem;
  z-index: 9;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2019 .pictureArea1 .hukidashiArea1 {
    width: 20.7rem;
    bottom: 12.4rem;
    right: -4.5rem;
  }
}
.front .section4 .section4__wrapper .area2019 .pictureArea1 .hukidashiArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2019 .pictureArea1 .hukidashiArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2019 .pictureArea1 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 42%;
  left: 69%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2019 .pictureArea1 .hukidashiArea1 p.text {
    top: 40%;
    left: 73%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2020Wrapper {
  position: relative;
}
.front .section4 .section4__wrapper .area2020Wrapper .listContent {
  position: absolute;
  top: 18.9rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2020Wrapper .listContent {
    top: 8rem;
    z-index: 170;
  }
}
.front .section4 .section4__wrapper .area2020Wrapper .listContent .text1 {
  padding: 1.4rem 0 1.2rem 10.2rem;
  width: 38.5rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2020Wrapper .listContent .text1 {
    width: 21rem;
  }
}
.front .section4 .section4__wrapper .area2020Wrapper .listContent .text2 {
  margin-top: 1.5rem;
  padding: 1.4rem 0 1.2rem 10.2rem;
  width: 38.2rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2020Wrapper .listContent .text2 {
    width: 22.2rem;
    margin-top: 1.1rem;
  }
}
.front .section4 .section4__wrapper .area2020Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section4 .section4__wrapper .area2020 {
  position: relative;
  z-index: 160;
}
.front .section4 .section4__wrapper .area2020 .yearArea {
  width: 30rem;
  position: absolute;
  top: -9.7rem;
  right: -13rem;
  z-index: 9;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2020 .yearArea {
    width: 19.5rem;
    top: -10.8rem;
    left: 11.8rem;
  }
}
.front .section4 .section4__wrapper .area2020 .yearArea .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2020 .yearArea .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2020 .pictureArea1 {
  width: 48.4rem;
  position: relative;
  top: -6.5rem;
  left: 5.6rem;
  z-index: 3;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2020 .pictureArea1 {
    width: 31.7rem;
    top: -8.9rem;
    left: -5.3rem;
  }
}
.front .section4 .section4__wrapper .area2020 .pictureArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2020 .pictureArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2020 .pictureArea1 .hukidashiArea1 {
  width: 31.4rem;
  position: absolute;
  bottom: 40.8rem;
  right: 39.3rem;
  z-index: 9;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2020 .pictureArea1 .hukidashiArea1 {
    width: 20.7rem;
    bottom: 26.4rem;
    right: 16.5rem;
  }
}
.front .section4 .section4__wrapper .area2020 .pictureArea1 .hukidashiArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2020 .pictureArea1 .hukidashiArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2020 .pictureArea1 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 42%;
  left: 69%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2020 .pictureArea1 .hukidashiArea1 p.text {
    top: 41%;
    left: 71%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2021Wrapper {
  position: relative;
}
.front .section4 .section4__wrapper .area2021Wrapper .listContent {
  position: absolute;
  top: 7.3rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2021Wrapper .listContent {
    top: 2rem;
    z-index: 200;
  }
}
.front .section4 .section4__wrapper .area2021Wrapper .listContent .text1 {
  padding: 1.4rem 0 1.2rem 10.2rem;
  width: 38.5rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2021Wrapper .listContent .text1 {
    width: 21.5rem;
  }
}
.front .section4 .section4__wrapper .area2021Wrapper .listContent .text2 {
  margin-top: 1.5rem;
  padding: 1.4rem 0 1.2rem 10.2rem;
  width: 37.2rem;
  line-height: 4rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2021Wrapper .listContent .text2 {
    width: 21.4rem;
    margin-top: 1.1rem;
  }
}
.front .section4 .section4__wrapper .area2021Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 0.4rem solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section4 .section4__wrapper .area2021 {
  position: relative;
  z-index: 170;
}
.front .section4 .section4__wrapper .area2021 .yearArea {
  width: 29rem;
  position: relative;
  top: -15.3rem;
  left: -20.8rem;
  z-index: 5;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2021 .yearArea {
    width: 19.3rem;
    top: -14rem;
    left: -11.1rem;
  }
}
.front .section4 .section4__wrapper .area2021 .yearArea .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2021 .yearArea .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2021 .hukidashiArea1 {
  width: 38.2rem;
  position: absolute;
  top: -9rem;
  right: -17.8rem;
  z-index: 4;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2021 .hukidashiArea1 {
    width: 25.3rem;
    top: -10rem;
    left: 9.1rem;
  }
}
.front .section4 .section4__wrapper .area2021 .hukidashiArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2021 .hukidashiArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2021 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 65%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2021 .hukidashiArea1 p.text {
    top: 39%;
    left: 66%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2021 .pictureArea1 {
  width: 38rem;
  position: absolute;
  top: -17.6rem;
  left: 19.8rem;
  z-index: 3;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2021 .pictureArea1 {
    width: 24.9rem;
    top: -16.2rem;
    left: 4.2rem;
  }
}
.front .section4 .section4__wrapper .area2021 .pictureArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.front .section4 .section4__wrapper .area2021 .pictureArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2021 .hukidashiArea2 {
  width: 32.1rem;
  position: relative;
  bottom: 7.9rem;
  left: 46.5rem;
  z-index: 4;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2021 .hukidashiArea2 {
    width: 21rem;
    bottom: 9.4rem;
    left: 14.2rem;
  }
}
.front .section4 .section4__wrapper .area2021 .hukidashiArea2 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2021 .hukidashiArea2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2021 .hukidashiArea2 p.text {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 62%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2021 .hukidashiArea2 p.text {
    top: 39%;
    left: 64%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2021 .hukidashiArea3 {
  width: 28.1rem;
  position: relative;
  bottom: 11.9rem;
  left: -13.5rem;
  z-index: 4;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2021 .hukidashiArea3 {
    width: 18rem;
    bottom: 11.4rem;
    left: -8.8rem;
  }
}
.front .section4 .section4__wrapper .area2021 .hukidashiArea3 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2021 .hukidashiArea3 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2021 .hukidashiArea3 p.text {
  width: 100%;
  position: absolute;
  top: 39%;
  left: 68%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2021 .hukidashiArea3 p.text {
    top: 38%;
    left: 72%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2021 .pictureArea2 {
  width: 43rem;
  position: relative;
  top: -50.5rem;
  left: 7.3rem;
  z-index: 3;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2021 .pictureArea2 {
    width: 26.6rem;
    bottom: 32rem;
    left: 4.4rem;
  }
}
.front .section4 .section4__wrapper .area2021 .pictureArea2 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2021 .pictureArea2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2021 .pictureArea3 {
  width: 40.9rem;
  position: absolute;
  bottom: 43rem;
  left: 20.6rem;
  z-index: 4;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2021 .pictureArea3 {
    width: 26.6rem;
    bottom: 33rem;
    left: 4.4rem;
  }
}
.front .section4 .section4__wrapper .area2021 .pictureArea3 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2021 .pictureArea3 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2021 .pictureArea4 {
  width: 36.4rem;
  position: relative;
  bottom: 52.4rem;
  left: 0rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2021 .pictureArea4 {
    width: 23.7rem;
    top: -38.2rem;
    left: -8.3rem;
  }
}
.front .section4 .section4__wrapper .area2021 .pictureArea4 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2021 .pictureArea4 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2021 .ilustArea1 {
  width: 11.1rem;
  position: absolute;
  top: 19rem;
  left: -4.2rem;
  z-index: 3;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2021 .ilustArea1 {
    width: 7.3rem;
    top: 13.2rem;
    left: -3.2rem;
  }
}
.front .section4 .section4__wrapper .area2021 .ilustArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2021 .ilustArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2021 .ilustArea2 {
  width: 13.8rem;
  position: absolute;
  top: 28.1rem;
  left: 8.9rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2021 .ilustArea2 {
    width: 9.4rem;
    top: 18.9rem;
    left: 5.3rem;
    z-index: 1;
  }
}
.front .section4 .section4__wrapper .area2021 .ilustArea2 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2021 .ilustArea2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2022Wrapper {
  position: relative;
}
.front .section4 .section4__wrapper .area2022Wrapper .listContent {
  position: absolute;
  top: -30.6rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2022Wrapper .listContent {
    top: -22rem;
    z-index: 200;
  }
}
.front .section4 .section4__wrapper .area2022Wrapper .listContent .text1 {
  padding: 1.4rem 0 1.2rem 10.2rem;
  width: 33.3rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2022Wrapper .listContent .text1 {
    width: 18.3rem;
  }
}
.front .section4 .section4__wrapper .area2022Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section4 .section4__wrapper .area2022 {
  position: relative;
  z-index: 180;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2022 {
    padding-bottom: 15rem;
  }
}
.front .section4 .section4__wrapper .area2022 .yearArea {
  width: 30.3rem;
  position: absolute;
  top: -63.3rem;
  left: -19.7rem;
  z-index: 5;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2022 .yearArea {
    width: 19.3rem;
    top: -43.7rem;
    left: -10.5rem;
  }
}
.front .section4 .section4__wrapper .area2022 .yearArea .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2022 .yearArea .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2022 .pictureArea1 {
  width: 57.4rem;
  position: absolute;
  top: -52.5rem;
  left: -0.1rem;
  z-index: 2;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2022 .pictureArea1 {
    width: 37rem;
    top: -36.8rem;
    left: -9.2rem;
  }
}
.front .section4 .section4__wrapper .area2022 .pictureArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2022 .pictureArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2023Wrapper {
  position: relative;
}
.front .section4 .section4__wrapper .area2023Wrapper .listContent {
  position: absolute;
  top: 6.1rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023Wrapper .listContent {
    top: -14rem;
    z-index: 300;
  }
}
.front .section4 .section4__wrapper .area2023Wrapper .listContent .text1 {
  padding: 1.4rem 0 1.2rem 10.2rem;
  width: 35.8rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023Wrapper .listContent .text1 {
    width: 20rem;
  }
}
.front .section4 .section4__wrapper .area2023Wrapper .listContent .text2 {
  margin-top: 1.5rem;
  padding: 1.4rem 0 1.2rem 10.2rem;
  width: 33rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023Wrapper .listContent .text2 {
    width: 18rem;
    margin-top: 1.1rem;
  }
}
.front .section4 .section4__wrapper .area2023Wrapper .listContent .text {
  color: #FFFFFF;
  background: #333333;
  border-radius: 0 3rem 0 0;
  border: 4px solid #FFF;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.front .section4 .section4__wrapper .area2023 {
  position: relative;
  z-index: 210;
  padding-bottom: 40rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023 {
    padding-bottom: 5rem;
  }
}
.front .section4 .section4__wrapper .area2023 .yearArea {
  width: 31rem;
  position: absolute;
  top: -15.1rem;
  left: -21.8rem;
  z-index: 4;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023 .yearArea {
    width: 20.3rem;
    top: -27.2rem;
    left: -11.5rem;
  }
}
.front .section4 .section4__wrapper .area2023 .yearArea .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2023 .yearArea .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2023 .pictureArea1 {
  width: 69.4rem;
  position: absolute;
  top: -34.5rem;
  right: -15.1rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023 .pictureArea1 {
    width: 44.1rem;
    top: -38rem;
    right: -16.9rem;
  }
}
.front .section4 .section4__wrapper .area2023 .pictureArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2023 .pictureArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2023 .pictureArea1 .hukidashiArea1 {
  width: 36.6rem;
  position: absolute;
  top: -24.4rem;
  left: 37rem;
  z-index: 2;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023 .pictureArea1 .hukidashiArea1 {
    width: 25.3rem;
    top: -18rem;
    left: 14.7rem;
  }
}
.front .section4 .section4__wrapper .area2023 .pictureArea1 .hukidashiArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2023 .pictureArea1 .hukidashiArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2023 .pictureArea1 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 43%;
  left: 67%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023 .pictureArea1 .hukidashiArea1 p.text {
    top: 42%;
    left: 69%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 {
  width: 40.4rem;
  position: relative;
  top: 34.5rem;
  right: -8.1rem;
  z-index: 1;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023 .pictureArea2 {
    width: 27.1rem;
    top: 6rem;
    right: 3.1rem;
  }
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .hukidashiArea2 {
  width: 29.6rem;
  position: absolute;
  top: -12.4rem;
  left: -27rem;
  z-index: 2;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023 .pictureArea2 .hukidashiArea2 {
    width: 19.3rem;
    top: -8rem;
    left: -8.3rem;
    z-index: 200;
  }
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .hukidashiArea2 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .hukidashiArea2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .hukidashiArea2 p.text {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 68%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023 .pictureArea2 .hukidashiArea2 p.text {
    top: 38%;
    left: 70%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .hukidashiArea3 {
  width: 31.6rem;
  position: absolute;
  top: -4.4rem;
  left: 39rem;
  z-index: 2;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023 .pictureArea2 .hukidashiArea3 {
    width: 20.3rem;
    top: -2rem;
    left: 17.7rem;
  }
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .hukidashiArea3 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .hukidashiArea3 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .hukidashiArea3 p.text {
  width: 100%;
  position: absolute;
  top: 43%;
  left: 68%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023 .pictureArea2 .hukidashiArea3 p.text {
    top: 42%;
    left: 70%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .pictureArea3 {
  width: 37.4rem;
  position: absolute;
  top: -0.5rem;
  right: 1.9rem;
  z-index: 100;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023 .pictureArea2 .pictureArea3 {
    width: 21.1rem;
    top: -1rem;
    right: 4.1rem;
  }
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .pictureArea3 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .pictureArea3 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .pictureArea3 .hukidashiArea2 {
  width: 29.6rem;
  position: absolute;
  top: -12.4rem;
  left: -27rem;
  z-index: 2;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023 .pictureArea2 .pictureArea3 .hukidashiArea2 {
    width: 19.3rem;
    top: -8rem;
    left: -8.3rem;
  }
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .pictureArea3 .hukidashiArea2 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .pictureArea3 .hukidashiArea2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .pictureArea3 .hukidashiArea2 p.text {
  width: 100%;
  position: absolute;
  top: 39%;
  left: 64%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023 .pictureArea2 .pictureArea3 .hukidashiArea2 p.text {
    top: 40%;
    left: 69%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .pictureArea3 .hukidashiArea3 {
  width: 31.6rem;
  position: absolute;
  top: -4.4rem;
  left: 39rem;
  z-index: 2;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023 .pictureArea2 .pictureArea3 .hukidashiArea3 {
    width: 20.3rem;
    top: -2rem;
    left: 17.7rem;
  }
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .pictureArea3 .hukidashiArea3 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .pictureArea3 .hukidashiArea3 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2023 .pictureArea2 .pictureArea3 .hukidashiArea3 p.text {
  width: 100%;
  position: absolute;
  top: 44%;
  left: 64%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2023 .pictureArea2 .pictureArea3 .hukidashiArea3 p.text {
    top: 42%;
    left: 73%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2024 {
  position: relative;
  z-index: 200;
  padding-bottom: 70rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2024 {
    padding-bottom: 48rem;
  }
}
.front .section4 .section4__wrapper .area2024 .yearArea {
  width: 30.2rem;
  position: absolute;
  top: 1.2rem;
  right: -16.4rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2024 .yearArea {
    width: 19.7rem;
    top: 2.2rem;
    right: -12.8rem;
    z-index: 5;
  }
}
.front .section4 .section4__wrapper .area2024 .yearArea .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2024 .yearArea .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2024 .pictureArea1 {
  width: 54.2rem;
  position: absolute;
  top: 0.4rem;
  left: 3.2rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2024 .pictureArea1 {
    width: 35.3rem;
    top: 2rem;
    left: -5.8rem;
  }
}
.front .section4 .section4__wrapper .area2024 .pictureArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2024 .pictureArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2024 .pictureArea1 .hukidashiArea1 {
  width: 29.5rem;
  position: absolute;
  top: 6.4rem;
  left: -17.6rem;
  z-index: 2;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2024 .pictureArea1 .hukidashiArea1 {
    width: 19.3rem;
    top: 2.7rem;
    left: -2.7rem;
  }
}
.front .section4 .section4__wrapper .area2024 .pictureArea1 .hukidashiArea1 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2024 .pictureArea1 .hukidashiArea1 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2024 .pictureArea1 .hukidashiArea1 p.text {
  width: 100%;
  position: absolute;
  top: 46%;
  left: 68%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 0 2.6rem;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2024 .pictureArea1 .hukidashiArea1 p.text {
    top: 44%;
    left: 72%;
    font-size: 1.8rem;
    padding: 0;
  }
}
.front .section4 .section4__wrapper .area2024 .bannerArea1 {
  width: 60.3rem;
  position: relative;
  bottom: -66.3rem;
  left: 0.6rem;
}
.front .section4 .section4__wrapper .area2024 .bannerArea1 .imgArea,
.front .section4 .section4__wrapper .area2024 .bannerArea1 .imgArea2 {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2024 .bannerArea1 .imgArea img,
.front .section4 .section4__wrapper .area2024 .bannerArea1 .imgArea2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2024 .bannerArea1 .imgArea,
.front .section4 .section4__wrapper .area2024 .bannerArea1 .imgArea2 {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2024 .bannerArea1 .imgArea img,
.front .section4 .section4__wrapper .area2024 .bannerArea1 .imgArea2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .area2024 .bannerArea1 .imgArea2 {
  display: none;
}
.front .section4 .section4__wrapper .area2024 .bannerArea1:active .imgArea {
  display: none;
}
.front .section4 .section4__wrapper .area2024 .bannerArea1:active .imgArea2 {
  display: block;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2024 .bannerArea1 {
    width: 39.5rem;
    bottom: -43.6rem;
    left: -6.7rem;
  }
}
.front .section4 .section4__wrapper .area2024 .bannerArea2 {
  width: 52.6rem;
  position: relative;
  bottom: -66rem;
  left: 2.3rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .area2024 .bannerArea2 {
    width: 34rem;
    bottom: -43.5rem;
    left: -5.5rem;
  }
}
.front .section4 .section4__wrapper .area2024 .bannerArea2 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .area2024 .bannerArea2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .areaBannerWrapper {
  position: relative;
  z-index: 200;
}
.front .section4 .section4__wrapper .areaBannerWrapper .areaBanner {
  margin: 0 auto;
  max-width: 60.2rem;
  position: relative;
  padding-bottom: 10rem;
  background: #E1FEFF;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .areaBannerWrapper .areaBanner {
    width: 22.5rem;
    padding-bottom: 6rem;
  }
}
.front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .imgWrapper {
  position: relative;
  display: block;
  width: 60rem;
  left: 1.5rem;
  bottom: 0;
  cursor: pointer;
}
.front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .imgWrapper .imgArea,
.front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .imgWrapper .imgArea2 {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .imgWrapper .imgArea img,
.front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .imgWrapper .imgArea2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .imgWrapper .imgArea2 {
  display: none;
}
.front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .imgWrapper:active .imgArea, .front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .imgWrapper:hover .imgArea {
  display: none;
}
.front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .imgWrapper:active .imgArea2, .front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .imgWrapper:hover .imgArea2 {
  display: block;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .imgWrapper {
    position: absolute;
    width: 39.3rem;
    top: -4rem;
    bottom: 13.6rem;
    left: -6.6rem;
    z-index: 20;
  }
}
.front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .bannerArea2 {
  width: 52.6rem;
  position: relative;
  bottom: -66rem;
  left: 2.3rem;
  padding-top: 4rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .bannerArea2 {
    width: 34rem;
    bottom: -17.5rem;
    left: -5.5rem;
  }
}
.front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .bannerArea2 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .bannerArea2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .bannerArea2 {
  width: 52.6rem;
  position: relative;
  bottom: 0;
  left: 2.3rem;
  padding-top: 4rem;
}
@media (max-width: 768px) {
  .front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .bannerArea2 {
    width: 34rem;
    bottom: -17.5rem;
    left: -5.5rem;
    padding-top: 6rem;
  }
}
.front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .bannerArea2 .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .bannerArea2 .imgArea.visible {
  animation: poyon 1.4s linear;
}
@keyframes poyon {
  60% {
    transform: scale(1, 1);
  }
  65% {
    transform: scale(0.85, 1.15);
  }
  75% {
    transform: scale(1.1, 0.9);
  }
  85% {
    transform: scale(0.95, 1.08);
  }
  9% {
    transform: scale(0.98, 1.02);
  }
  100% {
    transform: scale(1, 1);
  }
}
.front .section4 .section4__wrapper .areaBannerWrapper .areaBanner .bannerArea2 .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .backimgSection {
  position: relative;
  z-index: 2;
}
.front .backimgSection .cloud_img {
  position: absolute;
  top: -115rem;
  left: 0;
  width: 100%;
  z-index: -1;
}
@media (max-width: 768px) {
  .front .backimgSection .cloud_img {
    top: -42rem;
  }
}
.front .backimgSection .cloud_img .imgArea {
  position: absolute;
  display: block;
  width: 100%;
}
.front .backimgSection .cloud_img .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section5 {
  position: relative;
  z-index: 200;
  background: #E1FEFF;
  padding-top: 18rem;
}
@media screen and (max-width: 1600px) {
  .front .section5 {
    padding-top: 16rem;
  }
}
@media (max-width: 768px) {
  .front .section5 {
    padding: 0;
  }
}
.front .section5 .headText {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  font-size: 3rem;
  margin-bottom: 4rem;
  font-weight: 600;
}
.front .section5 .headText br {
  display: none;
}
@media (max-width: 1600px) {
  .front .section5 .headText {
    font-size: 2.8rem;
    margin-bottom: 6.2rem;
  }
}
@media (max-width: 768px) {
  .front .section5 .headText {
    margin-bottom: 3rem;
    margin-top: 12rem;
    line-height: 3.8rem;
    letter-spacing: 0.3rem;
    font-size: 2.2rem;
  }
  .front .section5 .headText br {
    display: block;
  }
}
.front .section5 .section5__wrapper {
  background-color: #E1FEFF;
  padding-bottom: 10rem;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper {
    padding-bottom: 3rem;
  }
}
.front .section5 .section5__wrapper .createWrapper {
  display: flex;
  max-width: 184.5rem;
  margin: 0 auto;
}
@media (max-width: 1600px) {
  .front .section5 .section5__wrapper .createWrapper {
    max-width: 176.5rem;
  }
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .createWrapper {
    padding: 10rem 0;
    padding-top: 0;
    display: block;
  }
}
.front .section5 .section5__wrapper .createWrapper .createrArea {
  width: 25%;
  padding: 1rem 2rem;
  border-right: 1px solid #A0E2F9;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .createWrapper .createrArea {
    width: 80%;
    margin: auto;
    padding: 3rem 0;
    border-right: none;
    border-bottom: 1px solid #A0E2F9;
  }
}
.front .section5 .section5__wrapper .createWrapper .createrArea:nth-of-type(1) {
  border-left: 1px solid #A0E2F9;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .createWrapper .createrArea:nth-of-type(1) {
    border-top: 1px solid #A0E2F9;
    border-left: none;
  }
}
.front .section5 .section5__wrapper .createWrapper .createrArea .mainImg {
  display: block;
  width: 50%;
  margin: 0 auto;
}
.front .section5 .section5__wrapper .createWrapper .createrArea .mainImg .imgArea {
  display: block;
  width: 100%;
}
.front .section5 .section5__wrapper .createWrapper .createrArea .mainImg .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section5 .section5__wrapper .createWrapper .createrArea .text1 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  margin-top: 4.8rem;
  font-weight: 400;
  color: #4d4d4d;
}
.front .section5 .section5__wrapper .createWrapper .createrArea .name {
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 1.4rem;
  font-size: 2.6rem;
  font-weight: 600;
  color: #4d4d4d;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .createWrapper .createrArea .name {
    margin-top: 1.2rem;
  }
}
.front .section5 .section5__wrapper .createWrapper .createrArea .name .span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 2.2rem;
  color: #4d4d4d;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .createWrapper .createrArea .name .span {
    font-size: 2rem;
  }
}
.front .section5 .section5__wrapper .createWrapper .createrArea .text2{
  margin-top: 1.4rem;
  font-size: 2rem;
  line-height: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-weight: 400;
  color: #4d4d4d;
}


.front .section5 .section5__wrapper .createWrapper .createrArea .text2 .sp {
  display: none;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .createWrapper .createrArea .text2 {
    margin-top: 3.4rem;
    font-size: 1.8rem;
  }
  .front .section5 .section5__wrapper .createWrapper .createrArea .text2 .sp {
    display: block;
  }
}
.front .section5 .section5__wrapper .presentArea {
  max-width: 184.5rem;
  margin: 0 auto;
  margin-top: 17.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1600px) {
  .front .section5 .section5__wrapper .presentArea {
    max-width: 176.5rem;
  }
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea {
    max-width: 90%;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 0;
    position: relative;
    top: -5rem;
  }
}
.front .section5 .section5__wrapper .presentArea .presentWrapper {
  width: 91.5rem;
  height: 89.5rem;
  color: #fff;
}
@media screen and (max-width: 1600px) {
  .front .section5 .section5__wrapper .presentArea .presentWrapper {
    width: 87.5rem;
  }
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .presentWrapper {
    width: 100%;
    height: auto;
  }
}
.front .section5 .section5__wrapper .presentArea .presentWrapper .title {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 4.5rem;
  line-height: 6.6rem;
  text-align: center;
  font-weight: 800;
}
@media (min-width: 769px) and (max-width: 1600px) {
  .front .section5 .section5__wrapper .presentArea .presentWrapper .title {
    font-size: 4rem;
  }
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .presentWrapper .title {
    font-size: 2.1rem;
    line-height: 3.2rem;
    margin: 2.2rem 0 2rem;
  }
}
.front .section5 .section5__wrapper .presentArea .presentWrapper .presentImgSend {
  width: 16.8rem;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .presentWrapper .presentImgSend {
    width: 7.9rem;
  }
}
.front .section5 .section5__wrapper .presentArea .presentWrapper .presentImgSend .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section5 .section5__wrapper .presentArea .presentWrapper .presentImgSend .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section5 .section5__wrapper .presentArea .presentWrapper .text {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 2.4rem;
  line-height: 4.8rem;
  text-align: justify;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .presentWrapper .text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 300;
  }
}
.front .section5 .section5__wrapper .presentArea .presentWrapper .text .span {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 3rem;
  margin-top: 4.3rem;
  font-weight: 300;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .presentWrapper .text .span {
    font-size: 1.3rem;
    line-height: 1.9rem;
    margin-top: 0;
    font-weight: 300;
  }
}
.front .section5 .section5__wrapper .presentArea .presentWrapper .bottomText {
  background-color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  padding: 2.5rem;
  font-size: 2.7rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  letter-spacing: 2px;
  font-weight: 700;
}
.front .section5 .section5__wrapper .presentArea .presentWrapper .bottomText .span {
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .presentWrapper .bottomText .span.pc {
    display: none;
  }
}
.front .section5 .section5__wrapper .presentArea .presentWrapper .bottomText .span.sp {
  display: none;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .presentWrapper .bottomText .span.sp {
    display: block;
  }
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .presentWrapper .bottomText .span {
    font-size: 1.6rem;
    font-weight: 500;
  }
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .presentWrapper .bottomText {
    margin-top: 1.6rem;
    font-size: 1.8rem;
    letter-spacing: 0;
    padding: 1.3rem 0;
    position: static;
    font-weight: 500;
  }
}
.front .section5 .section5__wrapper .presentArea .presentWrapper .linkArea .link {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 3.5rem;
  display: block;
  color: #fff;
  text-align: center;
  padding: 2rem;
  border-radius: 3px;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .presentWrapper .linkArea .link {
    font-size: 1.7rem;
    padding: 0.8rem 0 1rem;
  }
}
.front .section5 .section5__wrapper .presentArea .left {
  background: #4D4D4D;
  position: relative;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .left {
    margin-bottom: 1.3rem;
  }
}
.front .section5 .section5__wrapper .presentArea .left .title {
  position: absolute;
  top: 6.1rem;
  left: 12.2rem;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .left .title {
    position: static;
  }
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .left .descriptionArea {
    display: flex;
    justify-content: center;
    gap: 1.3rem;
    margin-bottom: 1.5rem;
  }
}
.front .section5 .section5__wrapper .presentArea .left .descriptionArea .presentImg {
  width: 40.5rem;
  position: absolute;
  top: 23.3rem;
  left: 6.3rem;
}
@media (min-width: 769px) and (max-width: 1600px) {
  .front .section5 .section5__wrapper .presentArea .left .descriptionArea .presentImg {
    max-width: 45%;
    left: 5.3rem;
  }
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .left .descriptionArea .presentImg {
    width: 22.6rem;
    position: static;
  }
}
.front .section5 .section5__wrapper .presentArea .left .descriptionArea .presentImg .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section5 .section5__wrapper .presentArea .left .descriptionArea .presentImg .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section5 .section5__wrapper .presentArea .left .presentImgSend {
  position: absolute;
  top: 47.6rem;
  left: 5.4rem;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .left .presentImgSend {
    top: 29rem;
    left: 2rem;
  }
}
.front .section5 .section5__wrapper .presentArea .left .text {
  width: 36.5rem;
  position: absolute;
  top: 25.1rem;
  right: 5rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .left .text {
    width: 18.6rem;
    position: relative;
    top: 4px;
    right: 5px;
  }
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .left .text .span {
    width: 100%;
    margin-top: 4rem;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 4rem;
    white-space: nowrap;
  }
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .left .text .span.pc {
    display: none;
  }
}
.front .section5 .section5__wrapper .presentArea .left .text .span.sp {
  display: none;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .left .text .span.sp {
    display: block;
  }
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .left .linkArea {
    text-align: center;
    margin-top: 1.8rem;
  }
}
.front .section5 .section5__wrapper .presentArea .left .linkArea .link {
  width: 43.2rem;
  background: #C1272D;
  position: absolute;
  bottom: 12rem;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease;
}
.front .section5 .section5__wrapper .presentArea .left .linkArea .link:hover {
  background: #ed1c24;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .left .linkArea .link {
    position: relative;
    bottom: 6.2rem;
    width: 21.4rem;
    left: 0;
    transform: translateX(0);
    top: 0;
    margin: 0 auto;
  }
}
.front .section5 .section5__wrapper .presentArea .right {
  background: #CC3333;
  position: relative;
}
.front .section5 .section5__wrapper .presentArea .right .title {
  position: absolute;
  top: 6.1rem;
  left: 15.1rem;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .right .title {
    position: static;
    margin-bottom: 1rem;
  }
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .right .descriptionArea {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
  }
}
.front .section5 .section5__wrapper .presentArea .right .descriptionArea .presentImg {
  width: 35.8rem;
  position: absolute;
  top: 19.9rem;
  left: 3.1rem;
}
@media (min-width: 769px) and (max-width: 1800px) {
  .front .section5 .section5__wrapper .presentArea .right .descriptionArea .presentImg {
    max-width: 54%;
    left: 5.1rem;
  }
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .right .descriptionArea .presentImg {
    width: 14.6rem;
    top: -1.1rem;
    left: 0.1rem;
    position: relative;
  }
}
.front .section5 .section5__wrapper .presentArea .right .descriptionArea .presentImg .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.front .section5 .section5__wrapper .presentArea .right .descriptionArea .presentImg .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.front .section5 .section5__wrapper .presentArea .right .descriptionArea .presentImgSend {
  position: absolute;
  top: 50.6rem;
  left: 5.3rem;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .right .descriptionArea .presentImgSend {
    top: 21rem;
    left: 2rem;
  }
}
.front .section5 .section5__wrapper .presentArea .right .descriptionArea .text {
  width: 40rem;
  position: absolute;
  top: 24.1rem;
  right: 5rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .right .descriptionArea .text {
    width: 24.6rem;
    top: auto;
    position: relative;
    right: -8px;
  }
}
.front .section5 .section5__wrapper .presentArea .right .descriptionArea .text .span {
  margin-top: 2.3rem;
  position: relative;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .right .descriptionArea .text .span.pc {
    display: none;
  }
}
.front .section5 .section5__wrapper .presentArea .right .descriptionArea .text .span.sp {
  display: none;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .right .descriptionArea .text .span.sp {
    display: block;
  }
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .right .descriptionArea .text .span {
    margin-top: 1.6rem;
    display: inline-block;
    width: 100%;
    position: relative;
    bottom: auto;
    left: -3rem;
    white-space: nowrap;
  }
  .front .section5 .section5__wrapper .presentArea .right .descriptionArea .text .span br {
    display: block;
  }
}
.front .section5 .section5__wrapper .presentArea .right .descriptionArea .text .span.span2 {
  margin-top: 1rem;
  display: none;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .right .descriptionArea .text .span.span2 {
    margin-top: 0rem;
    display: inline-block;
  }
}
.front .section5 .section5__wrapper .presentArea .right .linkArea .link {
  width: 43.2rem;
  background: #000;
  position: absolute;
  bottom: 12rem;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease;
}
.front .section5 .section5__wrapper .presentArea .right .linkArea .link:hover {
  background: #333;
}
@media (max-width: 768px) {
  .front .section5 .section5__wrapper .presentArea .right .linkArea .link {
    position: relative;
    bottom: auto;
    left: auto;
    transform: translateX(0);
    width: 21.4rem;
    margin: 0 auto;
  }
}
.front .hukidashiArea1 img,
.front .hukidashiArea2 img,
.front .hukidashiArea3 img,
.front .hukidashiArea4 img,
.front .ilustArea1 img,
.front .ilustArea2 img,
.front .pictureArea1 img,
.front .pictureArea2 img,
.front .pictureArea3 img,
.front .pictureArea4 img,
.front .imgArea1 img,
.front .imgArea2 img,
.front .imgArea3 img,
.front .imgArea4 img,
.front .yearArea img {
  pointer-events: none;
}
@media (max-width: 768px) {
  .front .hukidashiArea1 img,
  .front .hukidashiArea2 img,
  .front .hukidashiArea3 img,
  .front .hukidashiArea4 img,
  .front .ilustArea1 img,
  .front .ilustArea2 img,
  .front .pictureArea1 img,
  .front .pictureArea2 img,
  .front .pictureArea3 img,
  .front .pictureArea4 img,
  .front .imgArea1 img,
  .front .imgArea2 img,
  .front .imgArea3 img,
  .front .imgArea4 img,
  .front .yearArea img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-touch-callout: none;
    -moz-user-select: none;
    user-select: none;
  }
}
.front .hukidashiArea1 .text,
.front .hukidashiArea2 .text,
.front .hukidashiArea3 .text,
.front .hukidashiArea4 .text,
.front .ilustArea1 .text,
.front .ilustArea2 .text,
.front .pictureArea1 .text,
.front .pictureArea2 .text,
.front .pictureArea3 .text,
.front .pictureArea4 .text,
.front .imgArea1 .text,
.front .imgArea2 .text,
.front .imgArea3 .text,
.front .imgArea4 .text,
.front .yearArea .text {
  font-weight: 500 !important;
  font-size: 2.3rem !important;
}
@media (max-width: 768px) {
  .front .hukidashiArea1 .text,
  .front .hukidashiArea2 .text,
  .front .hukidashiArea3 .text,
  .front .hukidashiArea4 .text,
  .front .ilustArea1 .text,
  .front .ilustArea2 .text,
  .front .pictureArea1 .text,
  .front .pictureArea2 .text,
  .front .pictureArea3 .text,
  .front .pictureArea4 .text,
  .front .imgArea1 .text,
  .front .imgArea2 .text,
  .front .imgArea3 .text,
  .front .imgArea4 .text,
  .front .yearArea .text {
    font-size: 1.9rem !important;
  }
}
.front .listContent .text {
  border: 2px solid #FFF !important;
  border-left: none !important;
  font-size: 2.2rem !important;
}

.m-footer {
  position: relative;
  z-index: 100;
  width: 100%;
  margin: 0 auto;
  padding-top: 7rem;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 2rem;
  text-align: center;
  background-color: #fff;
}
@media (max-width: 768px) {
  .m-footer {
    padding: 6.7rem 0;
  }
}
.m-footer .iconArea {
  display: flex;
  justify-content: center;
  gap: 6rem;
}
@media (max-width: 768px) {
  .m-footer .iconArea {
    gap: 4rem;
  }
}
.m-footer .iconArea .icon {
  width: 6.8rem;
}
@media (max-width: 768px) {
  .m-footer .iconArea .icon {
    width: 4rem;
  }
}
.m-footer .iconArea .icon .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.m-footer .iconArea .icon .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.m-footer .companyArea {
  margin-top: 9rem;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0 3rem;
}
@media (max-width: 768px) {
  .m-footer .companyArea {
    padding: 0;
    margin-top: 5.7rem;
  }
}
.m-footer .companyArea .companyContent {
  width: 25%;
  border-left: 1px solid #ccc;
  border-collapse: collapse;
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyContent {
    width: 50%;
  }
}
.m-footer .companyArea .companyLogo {
  height: 38.4rem;
  padding: 3rem 0;
  margin: 0 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyLogo {
    height: 26.6rem;
    padding: 2rem 0;
    margin: 0 2rem;
  }
}
.m-footer .companyArea .companyLogo .companyName {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2.1rem;
  line-height: 3rem;
  color: #4D4D4D;
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyLogo .companyName {
    font-size: 1.7rem;
    line-height: 2.1rem;
  }
}
.m-footer .companyArea .companyLogo .companyName .spEnter {
  display: none;
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyLogo .companyName .spEnter {
    display: block;
  }
}
.m-footer .companyArea .companyLogo .text {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  line-height: 3rem;
  text-align: left;
  color: #000000;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyLogo .text {
    font-size: 1.6rem;
    line-height: 2.1rem;
  }
}
.m-footer .companyArea .companyContent:nth-child(4),
.m-footer .companyArea .companyContent:nth-child(8) {
  border-right: 1px solid #ccc;
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyContent:nth-child(4),
  .m-footer .companyArea .companyContent:nth-child(8) {
    border-right: none;
  }
}
.m-footer .companyArea .companyContent:nth-child(5) .companyLogo {
  border-bottom: none;
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyContent:nth-child(5) .companyLogo {
    border-bottom: 1px solid #ccc;
  }
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyContent:nth-child(5) .companyLogo .text {
    position: relative;
    top: 1.8rem;
  }
}
.m-footer .companyArea .companyContent:nth-child(6) .companyLogo {
  border-bottom: none;
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyContent:nth-child(6) .companyLogo {
    border-bottom: 1px solid #ccc;
  }
}
.m-footer .companyArea .companyContent:nth-child(7) .companyLogo {
  border-bottom: none;
}
.m-footer .companyArea .companyContent:nth-child(8) .companyLogo {
  border-bottom: none;
}
.m-footer .companyArea .companyContent:nth-child(1) .companyLogo .imgArea {
  display: block;
  width: 19.7rem;
  height: 12rem;
}
.m-footer .companyArea .companyContent:nth-child(1) .companyLogo .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyContent:nth-child(1) .companyLogo .imgArea {
    width: 14rem;
    height: 8rem;
  }
}
.m-footer .companyArea .companyContent:nth-child(2) .companyLogo .imgArea {
  display: block;
  width: 13.5rem;
  height: 15rem;
}
.m-footer .companyArea .companyContent:nth-child(2) .companyLogo .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyContent:nth-child(2) .companyLogo .imgArea {
    width: 9.6rem;
    height: 10rem;
  }
}
.m-footer .companyArea .companyContent:nth-child(3) .companyLogo .imgArea {
  display: block;
  width: 20.1rem;
  height: 12rem;
}
.m-footer .companyArea .companyContent:nth-child(3) .companyLogo .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyContent:nth-child(3) .companyLogo .imgArea {
    width: 14.2rem;
  }
}
.m-footer .companyArea .companyContent:nth-child(4) .companyLogo .imgArea {
  display: block;
  width: 14.1rem;
  height: 12rem;
}
.m-footer .companyArea .companyContent:nth-child(4) .companyLogo .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyContent:nth-child(4) .companyLogo .imgArea {
    width: 10rem;
  }
}
.m-footer .companyArea .companyContent:nth-child(5) .companyLogo .imgArea {
  display: block;
  width: 24.4rem;
  height: 100%;
}
.m-footer .companyArea .companyContent:nth-child(5) .companyLogo .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyContent:nth-child(5) .companyLogo .imgArea {
    position: relative;
    top: -1rem;
    width: 14.1rem;
    height: 8.4rem;
  }
}
.m-footer .companyArea .companyContent:nth-child(6) .companyLogo .imgArea {
  display: block;
  width: 18.2rem;
  height: 100%;
}
.m-footer .companyArea .companyContent:nth-child(6) .companyLogo .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyContent:nth-child(6) .companyLogo .imgArea {
    width: 12.4rem;
  }
}
.m-footer .companyArea .companyContent:nth-child(7) .companyLogo .imgArea {
  display: block;
  width: 21.5rem;
  height: 16rem;
}
.m-footer .companyArea .companyContent:nth-child(7) .companyLogo .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyContent:nth-child(7) .companyLogo .imgArea {
    width: 14.6rem;
  }
}
.m-footer .companyArea .companyContent:nth-child(8) .companyLogo .imgArea {
  position: relative;
  top: -2.8rem;
  display: block;
  width: 7.1rem;
  height: 16rem;
}
.m-footer .companyArea .companyContent:nth-child(8) .companyLogo .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .m-footer .companyArea .companyContent:nth-child(8) .companyLogo .imgArea {
    top: -0.8rem;
    width: 4.6rem;
  }
}
.m-footer .bottomArea .bottomImg {
  width: 14.7rem;
  margin: 0 auto;
  margin-top: 14.3rem;
  display: block;
}
@media (max-width: 768px) {
  .m-footer .bottomArea .bottomImg {
    width: 13rem;
    margin-top: 6.7rem;
  }
}
.m-footer .bottomArea .bottomImg .imgArea {
  display: block;
  width: 100%;
  height: 100%;
}
.m-footer .bottomArea .bottomImg .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  -o-object-fit: contain;
     object-fit: contain;
}
.m-footer .bottomArea .small {
  display: block;
  margin-top: 6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.65rem;
}
@media (max-width: 768px) {
  .m-footer .bottomArea .small {
    font-size: 1.5rem;
    margin-top: 2.7rem;
  }
}

html,
body {
  background: #FFF;
}

@media screen and (min-width: 768px) {
  html {
    font-size: 0.55vw;
  }
}
@media (min-width: 1600px) {
  html {
    font-size: 50%;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 1vw;
  }
}
@media (max-width: 500px) {
  html {
    font-size: 2vw;
  }
}/*# sourceMappingURL=style.css.map */


@media (max-width: 768px) {
  .sp_movie_area {
    position: absolute;
    top: -10rem;
  }
  .sp_movie_area .imgArea,
  .sp_movie_area .imgArea1 {
  
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .sp_movie_area .imgArea img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
     object-position: center;
     image-rendering: -webkit-optimize-contrast;
     -o-object-fit: contain;
     object-fit: contain;
  }
  .sp_movie_area .imgArea,
  .sp_movie_area .imgArea1 {
    cursor: pointer;
    display: block;
    width: 84%;
    margin: 0 auto;
  }
}

@media (min-width: 769px) and (max-width: 1600px) {
  .sp_movie_area {
    display: none;
  }
}