:root {
  --black: #333;
  --light-gray: #fcf9f1;
  --middle-gray: #F4EEDC;
  --dark-gray: #F4EEDC;
  --red: #d60148;
  --blue: #61C6E4;
  --green: #B3C423;
  --main-color: #F6B74D;
  --deep-orange: #F38200;
  --sub-color: #B3C423;
}

.sub_page.planning_page section .planning_tab {
  padding-top: 45px;
  width: 100%;
  background: var(--light-gray);
}
.sub_page.planning_page section .planning_tab ul {
  margin: 0 auto;
  max-width: 1200px;
  justify-content: space-between;
}
@media screen and (max-width: 1000px) {
  .sub_page.planning_page section .planning_tab ul {
    border-left: none;
    max-width: 96%;
  }
}
.sub_page.planning_page section .planning_tab ul li {
  width: 24%;
}
@media screen and (max-width: 1000px) {
  .sub_page.planning_page section .planning_tab ul li {
    width: 49%;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .sub_page.planning_page section .planning_tab ul li {
    width: 100%;
    border-right: none;
  }
}
.sub_page.planning_page section .planning_tab ul li a {
  display: flex;
  padding: 16px;
  text-align: center;
  color: white;
  justify-content: center;
  align-items: center;
  transition: all 0.1s;
  border: 2px solid var(--deep-orange);
  background: var(--deep-orange);
  border-radius: 5px;
}
@media screen and (max-width: 480px) {
  .sub_page.planning_page section .planning_tab ul li a {
    padding: 15px;
  }
}
.sub_page.planning_page section .planning_tab ul li a span {
  font-size: 1.9rem;
  font-weight: 700;
  display: inline-block;
  text-align: center;
  flex-grow: 1;
  transition: all 0.1s;
}
@media screen and (max-width: 480px) {
  .sub_page.planning_page section .planning_tab ul li a span {
    font-size: 1.6rem;
  }
}
.sub_page.planning_page section .planning_tab ul li a i {
  margin-left: auto;
  transition: all 0.1s;
}
.sub_page.planning_page section .planning_tab ul li a span,
.sub_page.planning_page section .planning_tab ul li a i {
  color: var();
}
.sub_page.planning_page section .planning_tab ul li a:hover {
  background: white;
}
.sub_page.planning_page section .planning_tab ul li a:hover span,
.sub_page.planning_page section .planning_tab ul li a:hover i {
  color: var(--deep-orange);
}
.sub_page.planning_page section .planning_box {
  margin-bottom: 55px;
}
@media screen and (max-width: 480px) {
  .sub_page.planning_page section .planning_box {
    margin-bottom: 30px;
  }
}
.sub_page.planning_page section .planning_box h3 {
  font-size: 3rem;
}
@media screen and (max-width: 480px) {
  .sub_page.planning_page section .planning_box h3 {
    font-size: 2rem;
  }
}
.sub_page.planning_page section .planning_box:last-child {
  margin-bottom: 0;
}
.sub_page.planning_page section .planning_box ul {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
@media screen and (max-width: 480px) {
  .sub_page.planning_page section .planning_box ul {
    margin-top: 20px;
  }
}
.sub_page.planning_page section .planning_box ul li {
  background: white;
  width: 49%;
  border: 1px solid var(--middle-gray);
  border-bottom: 2px solid var(--middle-gray);
  padding: 25px 35px;
  border-radius: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .sub_page.planning_page section .planning_box ul li {
    width: 100%;
  }
}
.sub_page.planning_page section .planning_box ul li .new_plan_example {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sub_page.planning_page section .planning_box ul li .plan_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-grow: 1;
  flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
  .sub_page.planning_page section .planning_box ul li .plan_box {
    flex-direction: column-reverse;
  }
}
.sub_page.planning_page section .planning_box ul li .plan_box .scene span {
  display: inline-block;
  margin-right: 6px;
  font-weight: 600;
  color: var(--deep-orange);
  font-size: 1.5rem;
}
.sub_page.planning_page section .planning_box ul li .plan_box .plan_img {
  width: 30%;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 480px) {
  .sub_page.planning_page section .planning_box ul li .plan_box .plan_img {
    width: 100%;
    margin-bottom: 20px;
  }
}
.sub_page.planning_page section .planning_box ul li .plan_box .plan_img img {
  width: 100%;
}
.sub_page.planning_page section .planning_box ul li .plan_box .plan_text {
  width: 65%;
}
@media screen and (max-width: 480px) {
  .sub_page.planning_page section .planning_box ul li .plan_box .plan_text {
    width: 100%;
  }
}
.sub_page.planning_page section .planning_box ul li .plan_box .plan_text h4 {
  margin-top: 15px;
  font-size: 2rem;
}
@media screen and (max-width: 480px) {
  .sub_page.planning_page section .planning_box ul li .plan_box .plan_text h4 {
    font-size: 1.6rem;
    margin-top: 10px;
  }
}
.sub_page.planning_page section .planning_box ul li .plan_box .plan_text p {
  margin-top: 15px;
  font-size: 1.5rem;
  line-height: 2.8rem;
}
@media screen and (max-width: 480px) {
  .sub_page.planning_page section .planning_box ul li .plan_box .plan_text p {
    font-size: 1.3rem;
    line-height: 2.2rem;
  }
}
.sub_page.planning_page section .planning_box ul li .plan_box .scene.tag_box {
  width: 100%;
}
.sub_page.planning_page section .planning_box ul li .plan_box .scene.tag_box span {
  display: inline-block;
  margin-right: 3px;
  padding: 2px 5px 3px;
  font-weight: 600;
  border: 1px solid #666;
  color: #666;
  font-size: 1.2rem;
}
.sub_page.planning_page section .planning_box ul li .tag_box {
  margin-top: 20px;
}
.sub_page.planning_page section .planning_box ul li .tag_box span {
  border: 1px solid #b3b3b3;
  color: #666;
  font-size: 1.3rem;
  display: inline-block;
  padding: 1px 4px 3px;
  margin-right: 2px;
  margin-bottom: 2px;
  border-radius: 2px;
}
@media screen and (max-width: 480px) {
  .sub_page.planning_page section .planning_box ul li .tag_box span {
    font-size: 1.1rem;
    padding: 1px 3px 2px;
    margin-right: 1px;
  }
}
.sub_page.planning_page section .planning_box ul li .tag_box span.plan_options:last-child {
  display: none;
}
.sub_page.planning_page section .planning_box ul li .buttons {
  width: 100%;
  padding-top: 20px;
  margin-top: auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .sub_page.planning_page section .planning_box ul li .buttons {
    flex-direction: column;
  }
}
.sub_page.planning_page section .planning_box ul li .buttons .button {
  border: 1px solid var(--deep-orange);
  width: 49%;
  border-radius: 100px;
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 480px) {
  .sub_page.planning_page section .planning_box ul li .buttons .button {
    width: 100%;
    align-items: c;
    margin-bottom: 10px;
  }
}
.sub_page.planning_page section .planning_box ul li .buttons .button i {
  font-size: 90%;
  color: white;
  margin-right: auto;
}
@media screen and (max-width: 480px) {
  .sub_page.planning_page section .planning_box ul li .buttons .button i {
    font-size: 1.8rem;
  }
}
.sub_page.planning_page section .planning_box ul li .buttons .button p {
  flex-grow: 1;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2rem;
  color: white;
}
@media screen and (max-width: 480px) {
  .sub_page.planning_page section .planning_box ul li .buttons .button p {
    font-size: 1.8rem;
  }
}
.sub_page.planning_page section .planning_box ul li .buttons .button:hover i,
.sub_page.planning_page section .planning_box ul li .buttons .button:hover p {
  color: var(--deep-orange);
}
.sub_page.planning_page section .planning_box ul li .buttons .button.plan_button_1 {
  background: white;
}
.sub_page.planning_page section .planning_box ul li .buttons .button.plan_button_1 p {
  color: var(--deep-orange);
}
.sub_page.planning_page section .planning_box ul li .buttons .button.plan_button_1:hover {
  background: var(--deep-orange);
}
.sub_page.planning_page section .planning_box ul li .buttons .button.plan_button_1:hover p {
  color: white;
}

.lightbox {
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 9999;
}/*# sourceMappingURL=planning.css.map */