/*! Writen  by SCSS */
.fix_bg {
  position: relative;
  z-index: 1; }
  .fix_bg::before {
    content: "";
    display: block;
    position: fixed;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background: url("../../image/bg_fix.jpg") top center/cover no-repeat; }

.sec_main {
  position: relative;
  width: 100%;
  padding-bottom: 500px;
  background: url("../../plan/image/main_bg.jpg") top center/cover no-repeat; }
  @media screen and (max-width: 1600px) {
    .sec_main {
      padding-bottom: calc(500%/16); } }
  @media screen and (max-width: 480px) {
    .sec_main {
      background: url("../../plan/image/main_bg_sp.jpg") top center/cover no-repeat; } }
  .sec_main .main_txt {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    position: absolute;
    inset: 0;
    margin: auto;
    max-width: 720px;
    width: calc(720%/16); }
    @media screen and (max-width: 480px) {
      .sec_main .main_txt {
        width: calc(340%/4.14); } }
  .sec_main .t_cap {
    color: #fff;
    font-size: 12px;
    padding: 0 5px;
    text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000;
    position: absolute;
    bottom: 3px;
    right: 3px; }
    @media screen and (max-width: 480px) {
      .sec_main .t_cap {
        font-size: 8px; } }

.bg_sec {
  background: rgba(0, 0, 0, 0.4);
  color: #fff; }

.txt42 {
  font-size: clamp(16px, 3.03vw, 42px);
  line-height: 1.4;
  letter-spacing: 0.05em;
  margin-bottom: clamp(25px, 2.35%, 30px); }
  @media screen and (max-width: 480px) {
    .txt42 {
      margin-bottom: 10px; } }

.sec01 {
  padding-top: clamp(40px, 6.25%, 80px);
  padding-bottom: clamp(30px, 4.69%, 60px); }
  .sec01 .lead {
    color: #000; }
  .sec01 .sec_ttl {
    margin-bottom: clamp(25px, 2.35%, 30px); }
    @media screen and (max-width: 480px) {
      .sec01 .sec_ttl {
        margin-bottom: 15px;
        margin: 0 -20px 15px;
        font-size: 4.9vw; } }

.torikago {
  max-width: 740px;
  margin: 0 auto;
  position: relative; }
  .torikago .t_img {
    position: relative; }
    .torikago .t_img img:not(.default) {
      opacity: 0;
      position: absolute;
      inset: 0;
      margin: auto; }
    .torikago .t_img img.active {
      opacity: 1; }
  .torikago .perth_link {
    position: absolute;
    inset: 0;
    margin: auto; }
    .torikago .perth_link a {
      position: absolute;
      display: block;
      box-sizing: border-box;
      top: calc(24%/4.58);
      padding-bottom: calc(234%/4.58); }
      .torikago .perth_link a.plan_a {
        left: calc(77%/10.01);
        width: calc(99%/10.01); }
      .torikago .perth_link a.plan_b {
        left: calc(176%/10.01);
        width: calc(90%/10.01); }
      .torikago .perth_link a.plan_c {
        left: calc(266%/10.01);
        width: calc(82%/10.01); }
      .torikago .perth_link a.plan_d1 {
        left: calc(348%/10.01);
        width: calc(82%/10.01); }
      .torikago .perth_link a.plan_d2 {
        left: calc(430%/10.01);
        width: calc(82%/10.01); }
      .torikago .perth_link a.plan_e1 {
        left: calc(512%/10.01);
        width: calc(81%/10.01); }
      .torikago .perth_link a.plan_e2 {
        left: calc(593%/10.01);
        width: calc(81%/10.01); }
      .torikago .perth_link a.plan_f {
        left: calc(674%/10.01);
        width: calc(72%/10.01);
        padding-bottom: calc(217%/4.58); }
      .torikago .perth_link a.plan_g {
        left: calc(746%/10.01);
        width: calc(78%/10.01);
        padding-bottom: calc(217%/4.58); }
      .torikago .perth_link a.plan_h {
        left: calc(824%/10.01);
        width: calc(99%/10.01);
        padding-bottom: calc(217%/4.58); }

.box01 .cap_r {
  max-width: 1000px;
  margin: 10px auto 0; }
.box01 .bg_box_w {
  max-width: 1000px;
  margin: 0 auto;
  color: #3e3a39;
  border-radius: 20px;
  background: #fff;
  padding: calc(30%/10); }
  @media screen and (max-width: 480px) {
    .box01 .bg_box_w {
      border-radius: 4px; } }
  .box01 .bg_box_w .bg_ttl {
    line-height: 1;
    padding: 0.403em;
    text-align: center;
    background: #e8e4d7;
    font-size: clamp(16px, 1.66vw, 22px); }
    @media screen and (max-width: 480px) {
      .box01 .bg_box_w .bg_ttl {
        padding: 0.21em 0.403em; } }
  .box01 .bg_box_w .txt01 {
    margin-top: clamp(10px, 1.18%, 15px);
    text-align: center;
    line-height: 1;
    letter-spacing: 0.03em;
    font-size: clamp(20px, 2.12vw, 28px); }
.box01 .bg_box01 {
  margin-bottom: clamp(25px, 2.35%, 30px); }
  @media screen and (max-width: 480px) {
    .box01 .bg_box01 {
      margin-bottom: 10px; } }
.box01 .bg_box02 {
  display: flex;
  align-items: stretch;
  justify-content: space-between; }
  .box01 .bg_box02 .in_l {
    background: #947318;
    width: calc(79%/5.42);
    padding-bottom: calc(79%/5.42);
    border-radius: 130px;
    position: relative; }
    @media screen and (max-width: 900px) {
      .box01 .bg_box02 .in_l {
        width: 60px;
        padding-bottom: 60px; } }
    @media screen and (max-width: 480px) {
      .box01 .bg_box02 .in_l {
        width: calc(55%/3.51);
        padding-bottom: calc(55%/3.51);
        border-radius: 30px; } }
    .box01 .bg_box02 .in_l p {
      color: #fff;
      position: absolute;
      inset: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 1;
      margin: auto;
      font-size: clamp(16px, 1.51vw, 20px); }
  .box01 .bg_box02 .bg_ttl {
    padding: 0.334em 0.403em; }
    @media screen and (max-width: 480px) {
      .box01 .bg_box02 .bg_ttl {
        padding: 0.21em 0.403em; } }
  .box01 .bg_box02 .in_r {
    width: calc(760%/9.23);
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media screen and (max-width: 900px) {
      .box01 .bg_box02 .in_r {
        width: calc(100% - 70px); } }
    @media screen and (max-width: 480px) {
      .box01 .bg_box02 .in_r {
        width: calc(290%/3.51); } }
    .box01 .bg_box02 .in_r .mb_ex {
      margin-bottom: 0.3em; }
      @media screen and (max-width: 480px) {
        .box01 .bg_box02 .in_r .mb_ex {
          margin-bottom: 0.2em; } }

.sec02 {
  padding-top: clamp(25px, 2.35%, 30px);
  padding-bottom: clamp(25px, 3.13%, 40px); }
  @media screen and (max-width: 480px) {
    .sec02 {
      padding: 7px 0 8px; } }

.sec03 {
  padding-top: clamp(30px, 4.69%, 60px);
  padding-bottom: clamp(60px, 7.82%, 100px); }
  @media screen and (max-width: 480px) {
    .sec03 {
      padding-top: 30px;
      padding-bottom: 80px; } }
  .sec03 .plan_btns {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-bottom: clamp(30px, 4.69%, 60px); }
    @media screen and (max-width: 480px) {
      .sec03 .plan_btns {
        margin-bottom: 20px;
        justify-content: space-between; } }
    .sec03 .plan_btns li {
      line-height: 0; }
      @media screen and (min-width: 480px) {
        .sec03 .plan_btns li {
          width: calc(305%/12.8); }
          .sec03 .plan_btns li:not(:nth-last-child(-n+4)) {
            margin-bottom: calc(20%/12.8); }
          .sec03 .plan_btns li:not(:nth-child(4n)) {
            margin-right: calc(20%/12.8); } }
      @media screen and (max-width: 480px) {
        .sec03 .plan_btns li {
          width: calc(479%/10); }
          .sec03 .plan_btns li:not(:nth-last-child(-n+2)) {
            margin-bottom: calc(30%/10); } }
      .sec03 .plan_btns li a {
        display: block;
        line-height: 0;
        position: relative; }
        .sec03 .plan_btns li a:hover img.off {
          opacity: 0; }
        .sec03 .plan_btns li a:hover img.on {
          opacity: 1; }
      .sec03 .plan_btns li img {
        pointer-events: none; }
        .sec03 .plan_btns li img.on {
          opacity: 0;
          position: absolute;
          inset: 0;
          margin: auto; }
  .sec03 .bnner_box {
    max-width: 1000px;
    margin: 0 auto; }