/*! Writen  by SCSS */
.inner_main .main_img {
  background-image: url("/bunjyo/sakai-hamaderakoen/img/access/main.jpg"); }
  @media screen and (max-width: 480px) {
    .inner_main .main_img {
      background-image: url("/bunjyo/sakai-hamaderakoen/img/access/main_sp.jpg"); } }
  .inner_main .main_img figure {
    width: calc(370%/16); }
    @media screen and (max-width: 480px) {
      .inner_main .main_img figure {
        width: calc(85%/3.75); } }

.fast_sec {
  margin-bottom: 60px; }
  @media screen and (max-width: 480px) {
    .fast_sec {
      margin-bottom: 40px; } }

.sec01 {
  margin-bottom: 100px; }
  @media screen and (max-width: 480px) {
    .sec01 {
      margin-bottom: 40px; } }

.sec02 {
  margin-bottom: 100px; }
  @media screen and (max-width: 480px) {
    .sec02 {
      margin-bottom: 40px; } }

.sec01 .sec_ttl_img {
  margin: 0 auto; }
  @media screen and (max-width: 600px) {
    .sec01 .sec_ttl_img {
      margin-bottom: 40px; } }
  @media screen and (max-width: 480px) {
    .sec01 .sec_ttl_img {
      width: calc(162%/3.55);
      margin-bottom: 20px; } }
.sec01 .item01 {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 60px;
  margin-bottom: 20px; }
  @media screen and (max-width: 600px) {
    .sec01 .item01 {
      flex-direction: column;
      margin-bottom: 45px; } }
  .sec01 .item01 .img01 {
    width: calc(280%/10); }
    @media screen and (max-width: 600px) {
      .sec01 .item01 .img01 {
        width: 100%;
        text-align: center; } }
    @media screen and (max-width: 480px) {
      .sec01 .item01 .img01 {
        max-width: 239px; } }
  .sec01 .item01 .txt02 {
    width: calc(368%/10); }
    @media screen and (max-width: 600px) {
      .sec01 .item01 .txt02 {
        width: 100%;
        text-align: center;
        margin-bottom: 20px; } }
    @media screen and (max-width: 480px) {
      .sec01 .item01 .txt02 {
        width: calc(316%/3.35);
        margin-bottom: 25px; } }
.sec01 .item02 {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 600px) {
    .sec01 .item02 {
      flex-direction: column;
      max-width: 415px;
      margin: 0 auto;
      grid-gap: 13px 0; } }
  .sec01 .item02 .item {
    width: calc(415%/12.8);
    position: relative; }
    @media screen and (max-width: 600px) {
      .sec01 .item02 .item {
        width: 100%; } }
    .sec01 .item02 .item .txt {
      position: absolute;
      inset: 0;
      margin: auto;
      display: flex;
      justify-content: center;
      align-items: center; }
      .sec01 .item02 .item .txt img {
        position: relative;
        z-index: 2;
        width: calc(114%/4.15); }
      .sec01 .item02 .item .txt.txt04 img {
        width: calc(112%/4.15); }
      .sec01 .item02 .item .txt::before {
        content: "";
        background: #727171;
        width: calc(217%/4.15);
        height: calc(107%/1.64);
        mix-blend-mode: multiply;
        box-sizing: border-box;
        z-index: 1;
        position: absolute;
        inset: 0;
        margin: auto; }
        @media screen and (max-width: 480px) {
          .sec01 .item02 .item .txt::before {
            width: calc(175%/3.35);
            height: calc(85%/1.33); } }

.sec02 .item03 {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .sec02 .item03 {
      flex-direction: column; } }
  .sec02 .item03 .border_txts {
    width: calc(500%/10); }
    @media screen and (max-width: 768px) {
      .sec02 .item03 .border_txts {
        width: 100%;
        margin-bottom: 15px; } }
  .sec02 .item03 .imgs {
    width: calc(457%/10); }
    @media screen and (max-width: 768px) {
      .sec02 .item03 .imgs {
        width: 100%;
        max-width: 457px;
        margin: 0 auto; } }
    .sec02 .item03 .imgs figcaption {
      margin-top: 3px; }