#wrapper {
 background: #f0f8ff;
}

section.secTtl_area .imgBox {
 width: 90%;
 max-width: 1036px;
 height: auto;
 margin-left: 22px;
}
section.secTtl_area .imgBox img {
 width: 100%;
 height: auto;
}
@media screen and (max-width: 768px) {
 section.secTtl_area .imgBox {
  width: 95%;
  margin-right: 0;
  margin-left: auto;
 }
}

.layout_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 justify-content: space-between;
 margin: 70px auto 0;
 padding-bottom: 145px;

 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
}
@media screen and (max-width: 768px) {
 .layout_box {
  margin: 35px auto 0;
  padding-bottom: 75px;
 }
}
.layout_box .side_navBar_area {
 width: 26.67%;
 min-width: 250px;
 margin: 0 auto 0 0;
}
@media screen and (max-width: 768px) {
 .layout_box .side_navBar_area {
  display: none;
 }
}
.layout_box .side_navBar_area .nav_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: sticky;
 top: 120px;
 width: 100%;
 height: auto;
 justify-content: center;
 align-items: flex-start;
 padding-left: 12%;

 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-box-align: start;
 -ms-flex-align: start;
}
.layout_box .side_navBar_area .nav_box ul {
 display: inline-block;
}
.layout_box .side_navBar_area .nav_box ul li {
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.layout_box .side_navBar_area .nav_box ul li:nth-child(n+2) {
 margin: 20px auto 0;
}
.layout_box .side_navBar_area .nav_box ul li a {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: flex-start;
 align-items: center;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;

 -webkit-box-pack: start;
 -ms-flex-pack: start;
 -webkit-box-align: center;
 -ms-flex-align: center;
}
.layout_box .side_navBar_area .nav_box ul li a p {
 color: rgba(0, 0, 0, 0.5);
 font-size: 18px;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.layout_box .side_navBar_area .nav_box ul li a p:nth-child(2) {
 margin-left: 10px;
}
.layout_box .side_navBar_area .nav_box ul li a:hover {
 opacity: 0.75;
}
.layout_box .side_navBar_area .nav_box ul li a:hover p {
 color: #ff5069;
}
.layout_box .side_navBar_area .nav_box ul li a.act_sec p {
 color: #ff5069;
}
.layout_box .main_area {
 width: 73.33%;
 min-width: 950px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area {
  width: 100%;
  min-width: initial;
  overflow-x: hidden;
 }
}
.layout_box .main_area .cost_info_area {
 width: 100%;
 max-width: 950px;
 height: auto;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_info_area {
  width: 90%;
  margin: 0 auto;
 }
}
.layout_box .main_area .cost_info_area .ttl_box p {
 color: #ff5069;
 font-weight: bold;
 font-size: 18px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_info_area .ttl_box p {
  font-size: 14px;
 }
}
.layout_box .main_area .cost_info_area .ttl_box h2 {
 position: relative;
 left: -2px;
 font-weight: bold;
 font-weight: 400;
 font-size: 38px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_info_area .ttl_box h2 {
  font-size: 24px;
 }
}
.layout_box .main_area .cost_info_area .txt_box {
 margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_info_area .txt_box {
  margin: 20px auto 0;
 }
}
.layout_box .main_area .cost_info_area .txt_box p {
 font-size: 14px;
 font-size: 1.75;
}
.layout_box .main_area .cost_info_area .txt_box p a {
 display: inline-block;
 margin-top: 10px;
 color: #ff5069;
 text-decoration: underline;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_info_area .txt_box p a {
  margin-top: 5px;
 }
}
.layout_box .main_area .cost_info_area .txt_box p a:hover {
 color: #ff5069;
}
.layout_box .main_area .cost_simulation_area {
 width: 100%;
 max-width: 950px;
 height: auto;
 margin: 20px auto 0;
 margin-left: 0;
 padding: 40px 30px 20px 30px;
 border-radius: 20px;
 background: #ffffff;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area {
  width: 90%;
  margin: 20px auto 0;
  padding: 20px 15px 10px 15px;
  border-radius: 10px;
 }
}
.layout_box .main_area .cost_simulation_area .ttl_box h3 {
 color: #ff5069;
 font-weight: bold;
 font-size: 24px;
}
.layout_box .main_area .cost_simulation_area .calculation_area {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
 margin: 20px auto 0;

 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 -webkit-box-align: end;
 -ms-flex-align: end;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_area {
  flex-direction: column;
  justify-content: center;
  align-items: center;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: calc(100% - 200px);
 justify-content: space-between;
 align-items: flex-end;

 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 -webkit-box-align: end;
 -ms-flex-align: end;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box {
  width: 100%;
 }
}
@media screen and (max-width: 500px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box {
  flex-direction: column;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
 }
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items {
  width: calc(25% - 30px);
 }
}
@media screen and (max-width: 500px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items {
  width: 100%;
  margin-bottom: 10px;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items .txt_box {
 margin-bottom: 5px;
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items .txt_box label {
 font-weight: bold;
 font-size: 16px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items .txt_box label {
  font-size: 14px;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items .input_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: flex-start;
 align-items: center;

 -webkit-box-pack: start;
 -ms-flex-pack: start;
 -webkit-box-align: center;
 -ms-flex-align: center;
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items .input_box select,.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items .input_box input,.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items .input_box option {
 border: none;
 border: 1px solid #c6c6c6;
 border-radius: 0;
 color: #010101;
 background: #ffffff;
 font-size: 16px;
 cursor: pointer;
 box-sizing: border-box;

 -webkit-box-sizing: border-box;
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items .input_box select {
 width: 160px;
 height: 35px;
}
@media screen and (max-width: 500px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items .input_box select {
  width: 100%;
  font-size: 14px;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items .input_box input {
 width: 80px;
 height: 35px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items .input_box input {
  width: 100%;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items .input_box input[type=number] {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items .input_box p {
 margin-left: 3px;
 font-weight: bold;
 font-size: 12px;
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items .input_box p sup {
 font-size: 10px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items.usage_box {
  width: calc(100% - 260px);
 }
}
@media screen and (max-width: 500px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items.usage_box {
  width: 100%;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items.usage_box .input_box select {
 width: 420px;
 font-size: 14px !important;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items.usage_box .input_box select {
  width: 100%;
 }
}
@media screen and (max-width: 500px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items.usage_box .input_box select {
  width: 100%;
  font-weight: 500;
  font-size: 12px !important;
 }
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items.floor_num_box {
  width: 60px;
 }
}
@media screen and (max-width: 500px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items.floor_num_box {
  width: 100%;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items.floor_num_box .input_box select {
 width: 60px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items.floor_num_box .input_box select {
  width: 100%;
 }
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items.acreage_box {
  width: 100px;
 }
}
@media screen and (max-width: 500px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items.acreage_box {
  width: 100%;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .calculation_items.acreage_box .input_box input {
 cursor: auto;
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .cross_box {
 display: grid;
 position: relative;
 width: 14px;
 height: 14px;
 margin-bottom: 10px;

 place-items: center;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .cross_box {
  width: 10px;
  height: 10px;
 }
}
@media screen and (max-width: 500px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .cross_box {
  display: none;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .cross_box:before,.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .cross_box::after {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 width: 100%;
 height: 1px;
 background: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 500px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .cross_box:before,.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .cross_box::after {
  height: 2px;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .cross_box:before {
 transform: translate(-50%, -50%) rotate(45deg);

 -webkit-transform: translate(-50%, -50%) rotate(45deg);
}
.layout_box .main_area .cost_simulation_area .calculation_area .calculation_box .cross_box:after {
 transform: translate(-50%, -50%) rotate(-45deg);

 -webkit-transform: translate(-50%, -50%) rotate(-45deg);
}
.layout_box .main_area .cost_simulation_area .calculation_area .result_btn_box {
 width: 175px;
 height: auto;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .result_btn_box {
  width: 100%;
  margin: 30px auto 0;
 }
}
@media screen and (max-width: 500px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .result_btn_box {
  margin: 20px auto 0;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_area .result_btn_box button {
 display: grid;
 width: 100%;
 height: 45px;
 border: none;
 border-radius: 22.5px;
 color: #ffffff;
 background: #ff5069;
 font-weight: bold;
 font-size: 16px;
 cursor: pointer;

 place-items: center;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_area .result_btn_box button {
  border-radius: 15px;
  font-size: 18px;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_note_area {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 margin: 10px auto 0;

 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 -webkit-box-align: start;
 -ms-flex-align: start;
}
.layout_box .main_area .cost_simulation_area .calculation_note_area.pc_note {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_note_area.pc_note {
  flex-direction: column;
  align-items: flex-end;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
 }
}
@media screen and (max-width: 500px) {
 .layout_box .main_area .cost_simulation_area .calculation_note_area.pc_note {
  display: none;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_note_area.sp_note {
 display: none;
}
@media screen and (max-width: 500px) {
 .layout_box .main_area .cost_simulation_area .calculation_note_area.sp_note {
  display: block;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_note_area .cat_note {
 width: calc(100% - 210px);
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_note_area .cat_note {
  width: 100%;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_note_area .cat_note p {
 padding-left: 1em;
 font-size: 13px;
 text-indent: -1em;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_note_area .cat_note p {
  line-height: 1.35;
  font-size: 12px;
  text-align: right;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_note_area .modal_link {
 width: 210px;
 justify-content: flex-end;
 align-items: center;

 -webkit-box-pack: end;
 -ms-flex-pack: end;
 -webkit-box-align: center;
 -ms-flex-align: center;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_note_area .modal_link {
  width: auto;
  margin-top: 5px;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_note_area .modal_link p {
 padding-right: 7px;
 color: #ff5069;
 font-size: 14px;
 text-decoration: underline;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 cursor: pointer;
}
.layout_box .main_area .cost_simulation_area .calculation_note_area .modal_link p:hover {
 opacity: 0.75;
}
.layout_box .main_area .cost_simulation_area .calculation_note_area .modal_link p i {
 margin-left: 5px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .calculation_note_area .modal_link p {
  font-size: 12px;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_note_area .modal_link.pc_link {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
@media screen and (max-width: 500px) {
 .layout_box .main_area .cost_simulation_area .calculation_note_area .modal_link.pc_link {
  display: none;
 }
}
.layout_box .main_area .cost_simulation_area .calculation_note_area .modal_link.sp_link {
 display: none;
}
@media screen and (max-width: 500px) {
 .layout_box .main_area .cost_simulation_area .calculation_note_area .modal_link.sp_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 }
}
.layout_box .main_area .cost_simulation_area .modal_bg {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999;
 width: 100vw;
 height: 100vh;
 visibility: hidden;
 background: rgba(31, 21, 16, 0.7);
 opacity: 0;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
.layout_box .main_area .cost_simulation_area .modal_bg.act_bg {
 visibility: visible;
 opacity: 1;
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box {
 position: fixed;
 top: 50%;
 left: 50%;
 z-index: 10000;
 width: 90%;
 max-width: 750px;
 visibility: hidden;
 border-radius: 30px;
 background: #ffffff;
 opacity: 0;
 transform: translate(-50%, -50%);
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;

 -webkit-transform: translate(-50%, -50%);
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box.act_box {
 visibility: visible;
 opacity: 1;
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .modal_close {
 position: absolute;
 top: -60px;
 right: 0;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .modal_conversion_box .modal_close {
  top: -35px;
 }
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .modal_close span {
 position: absolute;
 top: 0;
 right: 0;
 width: 50px;
 height: 50px;
 cursor: pointer;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .modal_conversion_box .modal_close span {
  width: 25px;
  height: 25px;
 }
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .modal_close span::before,.layout_box .main_area .cost_simulation_area .modal_conversion_box .modal_close span::after {
 content: "";
 position: absolute;
 top: 50%;
 width: 100%;
 height: 2px;
 background: #ffffff;
 transform: translateY(-50%);

 -webkit-transform: translateY(-50%);
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .modal_close span::before {
 transform: rotate(-45deg);

 -webkit-transform: rotate(-45deg);
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .modal_close span::after {
 transform: rotate(45deg);

 -webkit-transform: rotate(45deg);
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .inner {
 padding: 5%;
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .ttl_box h3 {
 font-weight: 600;
 font-size: 24px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .ttl_box h3 {
  font-size: 18px;
 }
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .ttl_box p {
 margin-top: 10px;
 font-size: 16px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .ttl_box p {
  margin-top: 10px;
  font-size: 14px;
 }
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-top: 20px;

 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 -webkit-box-align: center;
 -ms-flex-align: center;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items {
  flex-direction: column;
  justify-content: center;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
 }
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items input {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: 50px;
 justify-content: flex-start;
 align-items: center;
 font-size: 16px;

 -webkit-box-pack: start;
 -ms-flex-pack: start;
 -webkit-box-align: center;
 -ms-flex-align: center;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items input {
  height: 30px;
 }
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .tsubo_box {
 width: calc(50% - 50px);
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .tsubo_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
 }
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .tsubo_box >p {
 font-weight: 600;
 font-size: 20px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .tsubo_box >p {
  width: 50px;
  font-size: 16px;
 }
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .tsubo_box >input {
  width: calc(100% - 50px);
 }
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .equal_box {
 display: grid;
 width: 50px;
 height: 50px;
 padding-top: 15px;

 place-items: center;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .equal_box {
  transform: rotate(90deg);

  -webkit-transform: rotate(90deg);
 }
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .equal_box p {
 font-weight: bold;
 font-size: 32px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .equal_box p {
  font-size: 24px;
 }
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .menseki_box {
 width: calc(50% - 50px);
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .menseki_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;

  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
 }
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .menseki_box >p {
 font-weight: 600;
 font-size: 20px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .menseki_box >p {
  width: 50px;
  font-size: 16px;
 }
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .menseki_box .menseki {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: flex-start;
 align-items: center;

 -webkit-box-pack: start;
 -ms-flex-pack: start;
 -webkit-box-align: center;
 -ms-flex-align: center;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .menseki_box .menseki {
  width: calc(100% - 50px);
 }
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .menseki_box .menseki input {
 width: calc(100% - 25px);
 height: 50px;
 border: 1px solid #010101;
 font-size: 16px;
}
.layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .menseki_box .menseki p {
 margin-left: 10px;
 font-weight: 600;
 font-size: 18px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .modal_conversion_box .inner .conversion_items .menseki_box .menseki p {
  font-size: 16px;
 }
}
.layout_box .main_area .cost_simulation_area .result_area {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: relative;
 width: 100%;
 height: auto;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: center;
 margin: 15px auto 0;
 padding: 15px 40px;
 border: 1px solid #c6c6c6;
 border-radius: 10px;
 background: #ffffff;

 -webkit-box-pack: start;
 -ms-flex-pack: start;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -ms-flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .result_area {
  justify-content: space-between;
  margin: 30px auto 0;
  padding: 10px 20px;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
 }
}
@media screen and (max-width: 500px) {
 .layout_box .main_area .cost_simulation_area .result_area {
  height: auto;
  flex-direction: column;
  align-items: flex-start;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
 }
}
.layout_box .main_area .cost_simulation_area .result_area >.txt_box {
 width: 200px;
 height: 100%;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .result_area >.txt_box {
  width: 120px;
 }
}
.layout_box .main_area .cost_simulation_area .result_area >.txt_box p {
 font-weight: bold;
 font-size: 20px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .result_area >.txt_box p {
  font-size: 16px;
 }
}
.layout_box .main_area .cost_simulation_area .result_area .result_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: calc(100% - 300px);
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
 align-self: center;
 gap: 20px 0;
 margin: 0 auto;
 margin-right: 0;

 -webkit-box-pack: start;
 -ms-flex-pack: start;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -ms-flex-item-align: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .result_area .result_box {
  position: relative;
  top: auto;
  left: auto;
  width: calc(100% - 120px);
  justify-content: space-between;
  transform: translate(0, 0);

  -webkit-transform: translate(0, 0);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
 }
}
@media screen and (max-width: 500px) {
 .layout_box .main_area .cost_simulation_area .result_area .result_box {
  width: 100%;
  margin: 10px auto 0;
 }
}
.layout_box .main_area .cost_simulation_area .result_area .result_box .input_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 justify-content: space-between;
 align-items: center;

 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 -webkit-box-align: center;
 -ms-flex-align: center;
}
.layout_box .main_area .cost_simulation_area .result_area .result_box .input_box .num_txt {
 width: 80px;
 height: auto;
 margin-right: 20px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .result_area .result_box .input_box .num_txt {
  width: 60px;
 }
}
.layout_box .main_area .cost_simulation_area .result_area .result_box .input_box .num_txt p {
 font-size: 20px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .result_area .result_box .input_box .num_txt p {
  font-size: 16px;
 }
}
.layout_box .main_area .cost_simulation_area .result_area .result_box .input_box .result {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: calc(100% - 80px);
 justify-content: flex-start;
 align-items: flex-end;

 -webkit-box-pack: start;
 -ms-flex-pack: start;
 -webkit-box-align: end;
 -ms-flex-align: end;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .result_area .result_box .input_box .result {
  width: calc(100% - 60px);
 }
}
.layout_box .main_area .cost_simulation_area .result_area .result_box .input_box .result input {
 width: calc(100% - 30px);
 height: 40px;
 padding: 0 5px;
 border: 1px solid #ff5069;
 font-weight: bold;
 font-size: 24px;
 text-align: right;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .result_area .result_box .input_box .result input {
  width: 100%;
  height: 30px;
  font-size: 18px;
  box-sizing: border-box;

  -webkit-box-sizing: border-box;
 }
}
.layout_box .main_area .cost_simulation_area .result_area .result_box .input_box .result .txt_box {
 margin-left: 10px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .result_area .result_box .input_box .result .txt_box {
  width: 5%;
  height: auto;
  padding-left: 0;
 }
}
.layout_box .main_area .cost_simulation_area .result_area .result_box .input_box .result .txt_box p {
 font-weight: bold;
 font-size: 20px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .result_area .result_box .input_box .result .txt_box p {
  font-size: 18px;
 }
}
.layout_box .main_area .cost_simulation_area .note_area {
 width: 100%;
 height: auto;
 margin: 25px auto 0;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .note_area {
  width: 100%;
  margin: 15px auto 0;
  margin-right: 0;
 }
}
.layout_box .main_area .cost_simulation_area .note_area >p {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: flex-end;
 align-items: center;
 font-size: 12px;
 text-align: right;

 -webkit-box-pack: end;
 -ms-flex-pack: end;
 -webkit-box-align: center;
 -ms-flex-align: center;
}
.layout_box .main_area .cost_simulation_area .note_area .note_box {
 width: 100%;
 margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .note_area .note_box {
  margin: 10px auto 0;
 }
}
.layout_box .main_area .cost_simulation_area .note_area .note_box .computation {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 justify-content: flex-end;
 align-items: center;

 -webkit-box-pack: end;
 -ms-flex-pack: end;
 -webkit-box-align: center;
 -ms-flex-align: center;
}
.layout_box .main_area .cost_simulation_area .note_area .note_box .computation p {
 color: #ff5069;
 font-size: 14px;
 text-decoration: underline;
 cursor: pointer;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .note_area .note_box .computation p {
  font-size: 12px;
 }
}
.layout_box .main_area .cost_simulation_area .note_area .note_box .math_list {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: flex-start;
 align-items: flex-start;
 gap: 0 10px;
 margin: 15px auto 0;
 padding: 15px;
 border: 1px solid #c6c6c6;
 background: #ffffff;

 -webkit-box-pack: start;
 -ms-flex-pack: start;
 -webkit-box-align: start;
 -ms-flex-align: start;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .note_area .note_box .math_list {
  flex-wrap: wrap;
  gap: 0 5px;
  margin: 10px auto 0;
  padding: 10px;

  -ms-flex-wrap: wrap;
 }
}
.layout_box .main_area .cost_simulation_area .note_area .note_box .math_list li {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 25%;
 justify-content: center;
 align-items: center;

 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .note_area .note_box .math_list li {
  width: 100%;
 }
}
.layout_box .main_area .cost_simulation_area .note_area .note_box .math_list li >p {
 color: #ff5069;
 font-weight: bold;
 font-size: 24px;
 text-align: center;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .note_area .note_box .math_list li >p {
  font-size: 18px;
 }
}
.layout_box .main_area .cost_simulation_area .note_area .note_box .math_list li dl {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 flex-direction: column;
 justify-content: center;
 align-items: center;

 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
}
.layout_box .main_area .cost_simulation_area .note_area .note_box .math_list li dl dt {
 width: 100%;
 padding: 5px 0;
 border: 1px solid #ff5069;
 font-weight: bold;
 font-size: 17px;
 text-align: center;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .note_area .note_box .math_list li dl dt {
  font-size: 14px;
 }
}
.layout_box .main_area .cost_simulation_area .note_area .note_box .math_list li dl dd {
 flex-grow: 1;
 padding: 5px;
 font-size: 12px;

 -webkit-box-flex: 1;
 -ms-flex-positive: 1;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .note_area .note_box .math_list li dl dd br {
  display: none;
 }
}
.layout_box .main_area .cost_simulation_area .note_area .note_box .math_list li:nth-child(even) {
 width: 4%;
 margin-top: 5px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .note_area .note_box .math_list li:nth-child(even) {
  width: 100%;
  margin: 5px auto;
 }
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .note_area .note_box .math_list li:nth-child(2) {
  transform: rotate(90deg);

  -webkit-transform: rotate(90deg);
 }
}
.layout_box .main_area .cost_simulation_area .note_area .note_box .math_list li:nth-child(7) {
 width: 12.5%;
 border: 1px solid #ff5069;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .note_area .note_box .math_list li:nth-child(7) {
  width: 100%;
 }
}
.layout_box .main_area .cost_simulation_area .note_area .note_box .math_list li:nth-child(7) >p {
 color: #000000;
 font-size: 20px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .note_area .note_box .math_list li:nth-child(7) >p {
  font-size: 18px;
 }
}
.layout_box .main_area .cost_simulation_area .note_area .note_box .close_btn {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 height: auto;
 justify-content: center;
 align-items: center;
 margin: 0 auto 10px;
 padding: 5px 0;
 color: #ffffff;
 background: #301f17;
 font-size: 16px;
 cursor: pointer;

 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .cost_simulation_area .note_area .note_box .close_btn {
  font-size: 14px;
 }
}
.layout_box .main_area .work_flow_area {
 width: 100%;
 height: auto;
 padding: 145px 0 0;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area {
  padding: 100px 0 0;
 }
}
.layout_box .main_area .work_flow_area .bg_area {
 position: relative;
 width: 100%;
 padding: 0;
 padding: 80px 0 80px 50px;
 border-radius: 70px 0 0 70px;
 background-color: #ffffff;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area {
  width: 95%;
  margin: 0 auto;
  margin-right: 0;
  padding: 30px 0 40px 25px;
  border-radius: 40px 0 0 40px;
 }
}
.layout_box .main_area .work_flow_area .bg_area .ttl_box {
 position: absolute;
 top: -50px;
 left: 50px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .ttl_box {
  top: -40px;
  left: 25px;
 }
}
.layout_box .main_area .work_flow_area .bg_area .ttl_box p {
 color: #ff5069;
 font-weight: bold;
 font-size: 18px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .ttl_box p {
  font-size: 14px;
 }
}
.layout_box .main_area .work_flow_area .bg_area .ttl_box h2 {
 position: relative;
 left: -2px;
 font-weight: 400;
 font-size: 38px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .ttl_box h2 {
  font-size: 24px;
 }
}
.layout_box .main_area .work_flow_area .bg_area .slide_area {
 width: 100%;
 max-width: 1150px;
 overflow: hidden;
 margin-top: 30px;
 margin-left: 0 !important;
}
.layout_box .main_area .work_flow_area .bg_area .slide_area ul {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: space-between;
 align-items: flex-start;

 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 -webkit-box-align: start;
 -ms-flex-align: start;
}
.layout_box .main_area .work_flow_area .bg_area .slide_area ul li {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: calc(33.3333333333% - 25px);
 height: auto;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;

 -webkit-box-pack: start;
 -ms-flex-pack: start;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
}
.layout_box .main_area .work_flow_area .bg_area .slide_area ul li:nth-child(4),.layout_box .main_area .work_flow_area .bg_area .slide_area ul li:nth-child(5),.layout_box .main_area .work_flow_area .bg_area .slide_area ul li:nth-child(6),.layout_box .main_area .work_flow_area .bg_area .slide_area ul li:nth-child(8) {
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 cursor: pointer;
}
.layout_box .main_area .work_flow_area .bg_area .slide_area ul li:nth-child(4):hover,.layout_box .main_area .work_flow_area .bg_area .slide_area ul li:nth-child(5):hover,.layout_box .main_area .work_flow_area .bg_area .slide_area ul li:nth-child(6):hover,.layout_box .main_area .work_flow_area .bg_area .slide_area ul li:nth-child(8):hover {
 opacity: 0.75;
}
.layout_box .main_area .work_flow_area .bg_area .slide_area ul li:nth-child(4):hover .img_box .img_item img,.layout_box .main_area .work_flow_area .bg_area .slide_area ul li:nth-child(5):hover .img_box .img_item img,.layout_box .main_area .work_flow_area .bg_area .slide_area ul li:nth-child(6):hover .img_box .img_item img,.layout_box .main_area .work_flow_area .bg_area .slide_area ul li:nth-child(8):hover .img_box .img_item img {
 transform: scale(1.2);

 -webkit-transform: scale(1.2);
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .slide_area ul li:nth-child(4):hover .img_box .img_item img,.layout_box .main_area .work_flow_area .bg_area .slide_area ul li:nth-child(5):hover .img_box .img_item img,.layout_box .main_area .work_flow_area .bg_area .slide_area ul li:nth-child(6):hover .img_box .img_item img,.layout_box .main_area .work_flow_area .bg_area .slide_area ul li:nth-child(8):hover .img_box .img_item img {
  transform: scale(1);

  -webkit-transform: scale(1);
 }
}
.layout_box .main_area .work_flow_area .bg_area .slide_area ul li .img_box {
 position: relative;
}
.layout_box .main_area .work_flow_area .bg_area .slide_area ul li .img_box .num_box {
 display: grid;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2;
 width: 37.25%;
 height: 37.25%;
 border: 1px solid #301f17;
 border-radius: 50%;
 background: #f7f7f7;

 place-items: center;
 place-content: center;
}
.layout_box .main_area .work_flow_area .bg_area .slide_area ul li .img_box .num_box p {
 color: #301f17;
 font-weight: 700;
 font-size: 16px;
 text-align: center;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .slide_area ul li .img_box .num_box p {
  font-size: 12px;
 }
}
.layout_box .main_area .work_flow_area .bg_area .slide_area ul li .img_box .num_box span {
 position: relative;
 top: -1px;
 line-height: 1.2;
 color: #301f17;
 font-weight: 700;
 font-size: 18px;
 text-align: center;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .slide_area ul li .img_box .num_box span {
  font-size: 15px;
 }
}
.layout_box .main_area .work_flow_area .bg_area .slide_area ul li .img_box .search_icon_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 position: absolute;
 right: 5%;
 bottom: 10%;
 z-index: 2;
 width: 14.9%;
 height: 14.9%;
 justify-content: center;
 align-items: center;
 border-radius: 50%;
 background: #ff5069;

 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
}
.layout_box .main_area .work_flow_area .bg_area .slide_area ul li .img_box .search_icon_box img {
 width: 55.77%;
 height: 55.77%;
}
.layout_box .main_area .work_flow_area .bg_area .slide_area ul li .img_box .img_item {
 width: 100%;
 height: auto;
 overflow: hidden;
 border-radius: 50%;
}
.layout_box .main_area .work_flow_area .bg_area .slide_area ul li .img_box .img_item img {
 width: 100%;
 height: auto;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.layout_box .main_area .work_flow_area .bg_area .slide_area ul li .txt_box {
 margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .slide_area ul li .txt_box {
  margin: 15px auto 0;
 }
}
.layout_box .main_area .work_flow_area .bg_area .slide_area ul li .txt_box p {
 line-height: 2.143;
 font-size: 14px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .slide_area ul li .txt_box p {
  line-height: 1.75;
  font-size: 12px;
 }
}
.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: flex-end;
 align-items: center;
 gap: 0 15px;
 margin: 50px auto 0;
 margin-right: 0;
 padding-right: 5%;

 -webkit-box-pack: end;
 -ms-flex-pack: end;
 -webkit-box-align: center;
 -ms-flex-align: center;
}
.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next {
 position: relative;
 top: 0 !important;
 right: 0 !important;
 bottom: 0 !important;
 left: 0 !important;
 width: 55px;
 height: 55px;
 border: 1px solid #ff5069;
 border-radius: 50%;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 cursor: pointer;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next {
  width: 30px;
  height: 30px;
 }
}
.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev::after,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next::after {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 width: 30px;
 height: 1px;
 background: #ff5069;
 transform: translate(-50%, -50%);
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;

 -webkit-transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev::after,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next::after {
  width: 15px;
 }
}
.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev::before,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next::before {
 content: "";
 position: absolute;
 top: 50%;
 width: 10px;
 height: 10px;
 border-bottom: 1px solid #ff5069;
 border-left: 1px solid #ff5069;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev::before,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next::before {
  width: 8px;
  height: 8px;
 }
}
.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev.swiper-button-prev::before,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next.swiper-button-prev::before {
 left: 14px;
 transform: translateY(-50%) rotate(45deg);

 -webkit-transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev.swiper-button-prev::before,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next.swiper-button-prev::before {
  left: 7px;
 }
}
.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev.swiper-button-next::before,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next.swiper-button-next::before {
 right: 14px;
 transform: translateY(-50%) rotate(-135deg);

 -webkit-transform: translateY(-50%) rotate(-135deg);
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev.swiper-button-next::before,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next.swiper-button-next::before {
  right: 7px;
 }
}
.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev:hover,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next:hover {
 border: 1px solid rgba(255, 80, 105, 0.5);
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev:hover,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next:hover {
  border: 1px solid #ff5069;
 }
}
.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev:hover:after,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next:hover:after {
 background: rgba(255, 80, 105, 0.5);
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev:hover:after,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next:hover:after {
  background: #ff5069;
 }
}
.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev:hover::before,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next:hover::before {
 border-bottom: 1px solid rgba(255, 80, 105, 0.5);
 border-left: 1px solid rgba(255, 80, 105, 0.5);
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev:hover::before,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next:hover::before {
  border-bottom: 1px solid #ff5069;
  border-left: 1px solid #ff5069;
 }
}
.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev.act_btn,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next.act_btn {
 border: 1px solid rgba(255, 80, 105, 0.5);
 cursor: auto;
}
.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev.act_btn:after,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next.act_btn:after {
 background: rgba(255, 80, 105, 0.5);
}
.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-prev.act_btn::before,.layout_box .main_area .work_flow_area .bg_area .slide_area .arrow_box .swiper-button-next.act_btn::before {
 border-bottom: 1px solid rgba(255, 80, 105, 0.5);
 border-left: 1px solid rgba(255, 80, 105, 0.5);
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li {
 position: relative;
 width: 90%;
 max-width: 960px;
 max-height: 90%;
 overflow-y: auto;
 visibility: hidden;
 margin: 0 auto;
 opacity: 0;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item {
 position: fixed;
 top: 50%;
 left: 50%;
 z-index: 10000;
 width: 90%;
 max-width: 650px;
 height: auto;
 transform: translate(-50%, -50%);

 -webkit-transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item {
  width: 90%;
 }
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item .modal_content {
 overflow-y: auto;
 padding: 50px 60px;
 border-radius: 20px;
 background: #ffffff;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item .modal_content {
  padding: 15px;
  border-radius: 10px;
 }
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item .modal_content .modal_ttl_box {
 width: 100%;
 height: auto;
 margin: 0 auto;
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item .modal_content .modal_ttl_box h3 {
 font-weight: bold;
 font-size: 20px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item .modal_content .modal_ttl_box h3 {
  font-size: 16px;
 }
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item .modal_content .content_items {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 margin: 30px auto 0;

 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 -webkit-box-align: start;
 -ms-flex-align: start;
}
@media screen and (max-width: 768px) and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item .modal_content .content_items {
  margin: 10px auto 0;
 }
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item .modal_content .content_items .txt_box {
 width: 100%;
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item .modal_content .content_items .txt_box p {
 line-height: 1.75;
 padding-left: 0.5em;
 font-size: 14px;
 text-indent: -0.5em;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item .modal_content .content_items .txt_box p {
  padding-left: 1em;
  text-indent: -1em;
 }
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item .modal_content .content_items .txt_box p br {
 display: block;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item .modal_content .content_items .txt_box p br {
  display: none;
 }
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item .modal_content .content_items .txt_box p:nth-child(n+2) {
 margin-top: 10px;
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item .modal_content .content_items .txt_box ul {
 width: 100%;
 height: auto;
 margin: 20px auto 0;
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li.modals_item .modal_content .content_items .txt_box ul li {
 padding-left: 1em;
 font-size: 14px;
 text-indent: -1em;
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li .modal_close {
 position: relative;
 width: 100%;
 height: 50px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li .modal_close {
  height: 25px;
  margin-bottom: 10px;
 }
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li .modal_close span {
 position: absolute;
 top: 0;
 right: 0;
 width: 50px;
 height: 50px;
 cursor: pointer;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li .modal_close span {
  width: 25px;
  height: 25px;
 }
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li .modal_close span::before,.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li .modal_close span::after {
 content: "";
 position: absolute;
 top: 50%;
 width: 100%;
 height: 2px;
 background: #ffffff;
 transform: translateY(-50%);

 -webkit-transform: translateY(-50%);
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li .modal_close span::before {
 transform: rotate(-45deg);

 -webkit-transform: rotate(-45deg);
}
.layout_box .main_area .work_flow_area .bg_area .modals_area ul.modals_box >li .modal_close span::after {
 transform: rotate(45deg);

 -webkit-transform: rotate(45deg);
}
.layout_box .main_area .work_flow_area .bg_area .modals_area .modal_bg {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999;
 width: 100vw;
 height: 100vh;
 visibility: hidden;
 background: rgba(31, 21, 16, 0.7);
 opacity: 0;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}
.layout_box .main_area .qa_area {
 width: 100%;
 max-width: 950px;
 margin-left: 0;
 padding: 100px 0 0;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .qa_area {
  width: 90%;
  margin: 0 auto;
  padding: 80px 0 0;
 }
}
.layout_box .main_area .qa_area .ttl_box p {
 color: #ff5069;
 font-weight: bold;
 font-size: 18px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .qa_area .ttl_box p {
  font-size: 14px;
 }
}
.layout_box .main_area .qa_area .ttl_box h2 {
 position: relative;
 left: -2px;
 font-weight: bold;
 font-weight: 400;
 font-size: 38px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .qa_area .ttl_box h2 {
  font-size: 24px;
 }
}
.layout_box .main_area .qa_area .qa_box {
 padding: 0 20px;
 border-bottom: 1px solid #c6c6c6;
 background: #ffffff;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .qa_area .qa_box {
  padding: 0 10px;
 }
}
.layout_box .main_area .qa_area .qa_box:nth-of-type(2) {
 margin-top: 40px;
 border-top: 1px solid #c6c6c6;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .qa_area .qa_box:nth-of-type(2) {
  margin-top: 20px;
 }
}
.layout_box .main_area .qa_area .qa_box:nth-of-type(2) .a_items {
 display: block;
}
.layout_box .main_area .qa_area .qa_box:hover {
 opacity: 0.75;
}
.layout_box .main_area .qa_area .qa_box .q_items {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 45px 0;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 cursor: pointer;

 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 -webkit-box-align: center;
 -ms-flex-align: center;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .qa_area .qa_box .q_items {
  padding: 20px 0 14px;
 }
}
.layout_box .main_area .qa_area .qa_box .q_items .txt_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: calc(100% - 65px);
 justify-content: flex-start;
 align-items: flex-start;

 -webkit-box-pack: start;
 -ms-flex-pack: start;
 -webkit-box-align: start;
 -ms-flex-align: start;
}
.layout_box .main_area .qa_area .qa_box .q_items .txt_box p:nth-child(1) {
 position: relative;
 top: -4px;
 color: #ff5069;
 font-weight: bold;
 font-size: 20px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .qa_area .qa_box .q_items .txt_box p:nth-child(1) {
  top: -5px;
  font-size: 18px;
 }
}
.layout_box .main_area .qa_area .qa_box .q_items .txt_box p:nth-child(2) {
 margin-left: 20px;
 font-size: 16px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .qa_area .qa_box .q_items .txt_box p:nth-child(2) {
  margin-left: 10px;
  font-size: 14px;
 }
}
.layout_box .main_area .qa_area .qa_box .q_items .arrow_box {
 display: grid;
 width: 65px;
 height: auto;

 place-items: center;
}
.layout_box .main_area .qa_area .qa_box .q_items .arrow_box span {
 width: 15px;
 height: 15px;
 border-top: 2px solid #ff5069;
 border-left: 2px solid #ff5069;
 transform: translateY(-4px) rotate(-135deg);
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;

 -webkit-transform: translateY(-4px) rotate(-135deg);
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .qa_area .qa_box .q_items .arrow_box span {
  width: 10px;
  height: 10px;
  transform: translateY(-7px) rotate(-135deg);

  -webkit-transform: translateY(-7px) rotate(-135deg);
 }
}
.layout_box .main_area .qa_area .qa_box .q_items .arrow_box.act_btn span {
 transform: translateY(2px) rotate(45deg);

 -webkit-transform: translateY(2px) rotate(45deg);
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .qa_area .qa_box .q_items .arrow_box.act_btn span {
  transform: translateY(1px) rotate(45deg);

  -webkit-transform: translateY(1px) rotate(45deg);
 }
}
.layout_box .main_area .qa_area .qa_box .a_items {
 display: none;
 padding: 0 0 45px;
}
.layout_box .main_area .qa_area .qa_box .a_items .txt_box {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: calc(100% - 65px);
 justify-content: flex-start;
 align-items: flex-start;

 -webkit-box-pack: start;
 -ms-flex-pack: start;
 -webkit-box-align: start;
 -ms-flex-align: start;
}
.layout_box .main_area .qa_area .qa_box .a_items .txt_box p:nth-child(1) {
 position: relative;
 top: -2px;
 color: #ff5069;
 font-weight: bold;
 font-size: 20px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .qa_area .qa_box .a_items .txt_box p:nth-child(1) {
  font-size: 18px;
 }
}
.layout_box .main_area .qa_area .qa_box .a_items .txt_box p:nth-child(2) {
 margin-left: 20px;
 font-size: 16px;
}
@media screen and (max-width: 768px) {
 .layout_box .main_area .qa_area .qa_box .a_items .txt_box p:nth-child(2) {
  margin-left: 10px;
  font-size: 14px;
 }
}

.fadeIn {
 visibility: visible !important;
 opacity: 1 !important;
}
/*# sourceMappingURL=style.css.map */