/* 1336pxの場合　フォントサイズ以外
 min(1rem,calc(10vw/13.66)) */

  .hd_menu li:nth-of-type(2) button {
 color: #00a445;
}
/*                        business                        */

#business .page_top {
 padding-bottom: min(7rem, calc(70vw / 13.66)) ;
}
.mv_inner {
 background: #188600;
 background: linear-gradient(90deg, rgba(24, 134, 0, 1) 0%, rgba(201, 250, 157, 1) 100%);
 position: relative;
}
.mv_sab_ttl {
 color: #00a445;
}

/*                   business_support                     */
.business_support_inner {
 width: min(136.6rem, calc(1366vw / 13.66));
 margin: 0 auto;
 position: relative;
 z-index: 1;
}
.business_support_inner::before {
 content: "";
 width: 100vw;
 height:  min(43rem, calc(430vw / 13.66));
 position: absolute;
 top:  min(5rem, calc(50vw / 13.66));
 left: calc(0px - 100vw +  min(24rem, calc(240vw / 13.66)));
 background: #ffffff;
}

.business_support_ttl h2 ,
.business_skill_ttl h2 {
 position: relative;
 text-align: left;
 display: flex;
 flex-direction: column;
}
.business_support_ttl span:first-of-type,
.business_skill_ttl span:first-of-type {
 width: fit-content;
 background-color: #8ee854;
 font-size: 2.4rem;
 color: #000000;
 position: relative;
 padding: 0 min(12rem, calc(120vw / 13.66)) 0 min(5rem, calc(50vw / 13.66));
 top: min(1rem, calc(10vw / 13.66));
 font-weight: 700;
 left: 0;
 border-radius: 0 min(3rem, calc(30vw / 13.66)) 0 0;
 clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);
 box-sizing: border-box;
 margin-left: min(10rem, calc(100vw / 13.66));
 text-align: left;
 z-index: 10;
}
.business_support_ttl span:last-of-type,
.business_skill_ttl span:last-of-type {
 width: fit-content;
 padding: min(1rem, calc(10vw / 13.66)) 0;
 padding: 0 min(5rem, calc(50vw / 13.66));
 margin-left: min(10rem, calc(100vw / 13.66));
 position: relative;
 font-size: 4rem;
 font-weight: 700;
 color: #fff;
 background-color: #000000;
 text-align: left;
 box-sizing: border-box;
 z-index: 1;
 line-height: 2.2;
}

.business_support_ttl_top {
 width: min(117rem, calc(1170vw / 13.66));
 margin: min(5rem, calc(50vw / 13.66)) auto 0;
 display: flex;
 justify-content: space-between;
 position: relative;
 z-index: 1;
}
.business_flow_top {
 width: min(28.2rem, calc(282vw / 13.66));
 height: min(28.2rem, calc(282vw / 13.66));
 box-sizing: border-box;
 border-radius: 50%;
 border: #000000 solid min(0.2rem, calc(2vw / 13.66));
 background-color: #f1f1f1;
 font-size: 2.8rem;
 line-height: 1.5;
 display: flex;
 align-items: center;
 justify-content: center;
}
.business_move_top {
 width: min(28.2rem, calc(282vw / 13.66));
 height: min(28.2rem, calc(282vw / 13.66));
 box-sizing: border-box;
 border-radius: 50%;
 border: #00a445 solid min(0.2rem, calc(2vw / 13.66));
 font-size: 2.8rem;
 line-height: 1.5;
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 opacity: 1;
}
.business_move_top::before {
 content: "";
 width: min(2rem, calc(20vw / 13.66));
 height: min(51.6rem, calc(516vw / 13.66));
 background: url(../images/business/business_arrow.svg) no-repeat;
 background-size: cover;
 background-position: bottom center;
 position: absolute;
 left: 0;
 right: 0;
 bottom: max(-51.6rem, calc(-516vw / 13.66));
 margin: 0 auto;
 clip-path: inset(0 0 100% 0);
 transition: .7s;
 transition-delay: .5s;
 transition-timing-function: linear;
}
.business_move_top.scrollin::before {
 clip-path: inset(0 0 0 0);
}

.business_support_item {
 width: min(112.5rem, calc(1125vw / 13.66));
 margin: 0 auto;
 position: relative;
 z-index: 1;
 padding-left:  min(5rem, calc(50vw / 13.66));
}
.business_support_item::before {
 content: "";
 width: 100vw;
 height: 100%;
 position: absolute;
 top: 0;
 left: calc(0px - 100vw + min(5rem, calc(50vw / 13.66)));
 background: #ffffff;
}
.business_support_item_other {
 width: min(112.5rem, calc(1125vw / 13.66));
 margin: 0 auto min(20rem, calc(200vw / 13.66));
}
.business_flow_item {
 width: min(80.3rem, calc(803vw / 13.66));
 position: relative;
}

.business_flow_box {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 gap: min(5rem, calc(50vw / 13.66));
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
}
.business_flow_item.fadein,
.business_move_block.fadein{
 opacity: 1;
 transition: none;
}
.business_line {
 width: min(80.5rem, calc(805vw / 13.66));
 fill: none;
 stroke: #000;
 stroke-miterlimit: 10;
 stroke-width: 2px;
 position: absolute;
 top: 0;
 right: 0;
}

.business_move_block {
 position: relative;
}
.business_move_block  .business_line {
 width: min(112.5rem, calc(1125vw / 13.66));
 right: auto;
 left: 0;
}



.business_flow_item_icon {
 width: min(25.6rem, calc(256vw / 13.66));
 aspect-ratio: 256 / 234;
}
.business_flow_item_06 .business_flow_item_icon {
 width: min(37.5rem, calc(375vw / 13.66));
 aspect-ratio: 375 / 300;
 border-radius:  min(2rem, calc(20vw / 13.66));
 overflow: hidden;
}
.business_flow_item_detail {
 width: min(40rem, calc(400vw / 13.66));
 text-align: justify;
}
.business_flow_item_06 .business_flow_item_detail {
 width: min(27.5rem, calc(275vw / 13.66));
}
.business_flow_item_ttl {
 font-size: 3.4rem;
 font-weight: 700;
}
.business_flow_item_txt {
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 2.25;
}

.business_move_block {
 position: relative;
}
.business_move_box {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: 0;
}

.business_move_item {
 width: min(102rem, calc(1020vw / 13.66));
 display: flex;
 justify-content: space-between;
 margin-left: auto;
 text-align: justify;
 position: relative;
 opacity: 1;
}
.business_move_item::before {
 content: "";
 width: min(2rem, calc(20vw / 13.66));
 background: url(../images/business/business_arrow.svg) no-repeat;
 background-size: cover;
 background-position: bottom center;
 position: absolute;
 left: 0;
 right: 0;
 margin: 0 auto;
 clip-path: inset(0 0 100% 0);
  transition: .7s;
 transition-timing-function: linear;

}
.business_move_item.scrollin::before {
 clip-path: inset(0);
}
.flex_reverse {
 flex-direction: row-reverse;
}
.business_move_item_img {
 width: min(45rem, calc(450vw / 13.66));
 border-radius: min(2rem, calc(20vw / 13.66));
 overflow: hidden;
}
.business_move_item_detail {
 width: min(52.5rem, calc(525vw / 13.66));
 display: flex;
 flex-direction: column;
}
.business_move_item_ttl {
 font-size: 4.5rem;
 font-weight: 700;
 color: #00a445;
 line-height: 1;
 margin-bottom: min(2.5rem, calc(25vw / 13.66));
}
.business_move_item_txt {
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 2.25;
 flex: 1;
}
.business_move_item_list {
 display: flex;
 gap: 0 min(2rem, calc(20vw / 13.66));
}
.business_move_item_list li {
 width: min(17.5rem, calc(175vw / 13.66));
 background-color: #8ee854;
 border-radius: min(1rem, calc(10vw / 13.66));
 font-size: 2.2rem;
 font-weight: 700;
 letter-spacing: 0.04em;
 text-align: center;
 padding: min(0.4rem, calc(4vw / 13.66)) 0;
 display: flex;
 align-items: center;
 justify-content: center;
}
.business_move_item_list li:first-of-type {
 width: min(14.5rem, calc(145vw / 13.66));
 background: transparent;
 font-size: 1.8rem;
 border-radius: 0;
 border: #000 solid min(0.1rem, calc(1vw / 13.66));
 position: relative;
}
.business_move_item_list li:first-of-type::before {
 content: "";
 width: min(12.5rem, calc(125vw / 13.66));
 height: min(0.5rem, calc(5vw / 13.66));
 background-color: #f1f1f1;
 position: absolute;
 top: max(-0.3rem, calc(-3vw / 13.66));
 left: 0;
 right: 0;
 margin: 0 auto;
 z-index: 1;
}
.business_move_item_list li:first-of-type::after {
 content: "";
 width: min(12.5rem, calc(125vw / 13.66));
 height: min(0.5rem, calc(5vw / 13.66));
 background-color: #f1f1f1;
 position: absolute;
 bottom: max(-0.3rem, calc(-3vw / 13.66));
 left: 0;
 right: 0;
 margin: 0 auto;
 z-index: 1;
}


.business_move_item_01::before {
 height: min(14.5rem, calc(145vw / 13.66));
 bottom: max(-12rem, calc(-120vw / 13.66));
 transform: rotate(-45deg);
}
.business_move_item_02 {
 margin-top: min(10rem, calc(100vw / 13.66));
}
.business_move_item_02::before {
 height: min(52rem, calc(520vw / 13.66));
 bottom: max(-56rem, calc(-560vw / 13.66));
 right: min(13rem, calc(130vw / 13.66));
 margin: 0;
 left: auto;
}

.business_move_item_03::before {
 height: min(14.5rem, calc(145vw / 13.66));
 bottom: max(-12rem, calc(-120vw / 13.66));
 transform: rotate(45deg);

}
.business_move_item_04 {
 margin-top: min(10rem, calc(100vw / 13.66));
}
.business_move_item_04::before {
 height: min(52rem, calc(520vw / 13.66));
 bottom: max(-56rem, calc(-560vw / 13.66));
 right: min(13rem, calc(130vw / 13.66));
 margin: 0;
 left: auto;

}

.business_move_item_05::before {
 height: min(52rem, calc(520vw / 13.66));
 bottom: max(-56rem, calc(-560vw / 13.66));
 right: min(13rem, calc(130vw / 13.66));
 margin: 0;
 left: auto;

}
.business_move_item_06::before {
 height: min(52rem, calc(520vw / 13.66));
 bottom: max(-56rem, calc(-560vw / 13.66));
 right: min(13rem, calc(130vw / 13.66));
 margin: 0;
 left: auto;
}
.business_move_item_07::before {
 height: min(62rem, calc(620vw / 13.66));
 bottom: max(-66rem, calc(-660vw / 13.66));
 right: min(13rem, calc(130vw / 13.66));
 margin: 0;
 left: auto;
}
.business_move_item_08 {
 margin-top: min(12rem, calc(120vw / 13.66));
}
.business_move_item_08::before {
 content: none;
}

.business_move_btm {
 width: 100%;
 box-sizing: border-box;
 border: #00a445 solid min(0.2rem, calc(2vw / 13.66));
 border-radius: min(3rem, calc(30vw / 13.66));
 margin: min(10rem, calc(100vw / 13.66)) 0;
 padding-bottom: min(6rem, calc(60vw / 13.66));
 position: relative;
}
.business_move_btm::before {
 content: "";
 width: min(0.2rem, calc(2vw / 13.66));
 height: min(6rem, calc(60vw / 13.66));
 background-color: #00a445;
 position: absolute;
 top: max(-6rem, calc(-60vw / 13.66));
 right: min(14rem, calc(140vw / 13.66));
}
.business_move_btm::after {
 content: "";
 width: min(0.2rem, calc(2vw / 13.66));
 height: min(11rem, calc(110vw / 13.66));
 background-color: #00a445;
 position: absolute;
 bottom: max(-11rem, calc(-110vw / 13.66));
 right: 0;
 left: 0;
 margin: 0 auto;
}
.business_move_btm_ttl {
 width: min(60rem, calc(600vw / 13.66));
 font-size: 3.4rem;
 font-weight: 700;
 padding: min(1.5rem, calc(15vw / 13.66)) 0;
 border-radius: 0 0 min(3rem, calc(30vw / 13.66)) 0;
 border-right: #00a445 solid min(0.2rem, calc(2vw / 13.66));
 border-bottom: #00a445 solid min(0.2rem, calc(2vw / 13.66));
}
.business_move_btm_txt {
 width: min(102rem, calc(1020vw / 13.66));
 margin: 0 auto;
 text-align: left;
 font-size: 1.6rem;
 font-weight: 500;
 padding: min(2rem, calc(20vw / 13.66)) 0 min(4rem, calc(40vw / 13.66));
}
.business_move_btm .business_move_item {
 margin: 0 auto;
}

.business_bottom {
 width: min(116rem, calc(1160vw / 13.66));
 margin: 0 auto;
 position: relative;
 z-index: 1;
}
.business_bottom::before {
 content: "";
 width: 100%;
 height: 100%;
 background: #ffffbe;
 background: linear-gradient(90deg, rgba(255, 255, 190, 1) 40%, rgba(142, 232, 84, 1) 100%);
 position: absolute;
 top: min(1rem, calc(10vw / 13.66));
 left: min(1rem, calc(10vw / 13.66));
 border-radius: min(15rem, calc(150vw / 13.66));
 z-index: -1;
}
.business_bottom_inner {
 width: 100%;
 box-sizing: border-box;
 border: #00a445 solid min(0.2rem, calc(2vw / 13.66));
 border-radius: min(15rem, calc(150vw / 13.66));
 background-color: #ffffff;
 padding: min(6rem, calc(60vw / 13.66)) 0;
}
.business_bottom p {
 width: min(81rem, calc(810vw / 13.66));
 margin: 0 auto;
 font-size: 3.4rem;
 font-weight: 700;
 line-height: 1.76;
 text-align: justify;
}
.business_support_el {
 position: relative;
}

.business_support_el::before {
 content: '';
 width: 100vw;
 height:  min(.2rem, calc(2vw / 13.66)) ;
 background-color: #000000 ;
 position: absolute;
 bottom:-0.05%;
 right: min(136rem, calc(1360vw / 13.66)) ;
 clip-path: inset(0 0 0 100%);
 transition: 1s;
}
.business_support_el.show::before {
  clip-path: inset(0);
}

.business_bg {
 width: min(95.1rem, calc(951vw / 13.66));
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: 0;
}
.business_bg::before {
 content: "";
 width: 100vw;
 height: 100%;
 position: absolute;
 top: 0;
 left: calc(0px - 99vw);
 background: #ffffff;
}



.business_bg {
 width: min(95.1rem, calc(951vw / 13.66));
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: 0;
}
.business_bg::before {
 content: "";
 width: 100vw;
 height: 100%;
 position: absolute;
 top: 0;
 left: calc(0px - 99vw);
 background: #ffffff;
}


.business_line {
 width: min(95rem, calc(950vw / 13.66));
 fill: none;
 stroke: #000;
 stroke-miterlimit: 10;
 stroke-width: 2px;
 position: absolute;
 top:  min(28rem, calc(280vw / 13.66));
 left: 0;
 z-index: 5;
 pointer-events: none;
}

.line_path {
  fill: none;
  stroke-dasharray: var(--total-length);
  stroke-dashoffset: var(--total-length);
  stroke-linecap: round;
  stroke-linejoin: round;
}
.line_path.is-animate {
  transition: stroke-dashoffset 2.5s linear;
}




/*                   business_skill                     */
.business_skill {
 background: #fff;
 background: linear-gradient(180deg, rgba(241, 241, 241, 1) 0%, rgba(241, 241, 241, 1) min(4.8rem, calc(48vw / 13.66)), rgba(255, 255, 255, 1) min(4.8rem, calc(48vw / 13.66)), rgba(255, 255, 255, 1) 100%);
}
.business_skill_inner {
 width: min(136rem, calc(1360vw / 13.66));
 margin: 0 auto;
}
.business_skill_txt {
 width: min(117rem, calc(1170vw / 13.66));
 margin: 0 auto;
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 2.25;
 text-align: left;
 margin: min(3.5rem, calc(35vw / 13.66)) auto min(5.5rem, calc(55vw / 13.66));
}
.business_skill_flex {
 width: min(117rem, calc(1170vw / 13.66));
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
}
.business_skill_box {
 width: min(56rem, calc(560vw / 13.66));
 box-sizing: border-box;
 border: #8ee854 solid min(0.2rem, calc(2vw / 13.66));
 padding: min(2.5rem, calc(25vw / 13.66)) 0 min(3rem, calc(30vw / 13.66));
}
.business_skill_box_ttl {
 font-size: 2.4rem;
 font-weight: 700;
 text-align: left;
 margin-left: min(5.5rem, calc(55vw / 13.66));
}
.business_skill_box_ttl span {
 font-size: 3.4rem;
 color: #00a445;
}
.business_skill_box_flex {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 0 min(2.5rem, calc(25vw / 13.66));
 margin-top: min(3rem, calc(30vw / 13.66));
}
.business_skill_box_img {
 width: min(22rem, calc(220vw / 13.66));
}
.business_skill_box_txt {
 width: min(24rem, calc(240vw / 13.66));
 font-size: 1.6rem;
 line-height: 2.25;
 text-align: justify;
}

.business_skill_item {
 width: min(117rem, calc(1170vw / 13.66));
 margin: min(5rem, calc(50vw / 13.66)) auto 0;
 display: flex;
 gap: 0 min(5rem, calc(50vw / 13.66));
 background: #8ee854;
 background: linear-gradient(90deg, rgba(142, 232, 84, 1) 0%, rgba(255, 255, 190, 1) 100%);
}
.business_skill_item_img {
 width: min(45.7rem, calc(457vw / 13.66));
 border-radius: 0 0 min(2rem, calc(20vw / 13.66)) 0;
 overflow: hidden;
 margin-bottom: min(6rem, calc(60vw / 13.66));
}
.business_skill_item_detail {
 width: min(61.5rem, calc(615vw / 13.66));
 text-align: justify;
 padding-top: min(5rem, calc(50vw / 13.66));
}
.business_skill_item_ttl {
 font-size: 3.4rem;
 font-weight: 700;
 line-height: 1.52;
}
.business_skill_item_txt {
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 2.25;
 margin-top: min(1.5rem, calc(15vw / 13.66));
}

.business_map {
 position: relative;
 z-index: 1;
 padding-top: min(15rem, calc(150vw / 13.66));
 padding-bottom: min(10rem, calc(100vw / 13.66));
}
.business_map::before {
 content: "";
 width: 100%;
 height: 100%;
 background: url(../images/business/page_bg.webp);
 background-size: cover;
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 transform: scale(-1, -1);
}
.business_map_ttl {
 width: fit-content;
 margin: 0 auto;
 padding: min(1rem, calc(10vw / 13.66)) min(6.5rem, calc(65vw / 13.66));
 position: relative;
 font-size: 4.5rem;
 font-weight: 700;
 line-height: 1.8;
 background-color: #8ee854;
 border-radius: 0 0 min(3rem, calc(30vw / 13.66)) min(3rem, calc(30vw / 13.66));
 margin-bottom: min(10rem, calc(100vw / 13.66));
}
.business_map_ttl::before {
 content: "";
 width: min(6rem, calc(60vw / 13.66));
 height: min(3rem, calc(30vw / 13.66));
 background: url(../images/business/business_map_ttl_arrow.svg) no-repeat;
 background-size: cover;
 position: absolute;
 left: 0;
 right: 0;
 margin: 0 auto;
 bottom: max(-3rem, calc(-30vw / 13.66));
}

.business_map_img {
 width: min(117rem, calc(1170vw / 13.66));
 margin: 0 auto;
 position: relative;
}
.business_map_btn {
 width: min(4.2rem, calc(42vw / 13.66));
 position: absolute;
 animation-name: move_map_btn;
 animation-timing-function: linear;
 animation-fill-mode: forwards;
 animation-iteration-count: infinite;
 animation-duration: 2s;
}


.business_map_btn::before {
 content: "";
 width: 100%;
 height: 100%;
 background: url(../images/business/business_map_btn_active.svg) no-repeat;
 background-size: cover;
 position: absolute;
 top: 0;
 left: 0;
 transition: 0.4s;
 opacity: 0;
}
.business_map_btn.show::before {
 opacity: 1;
}
.business_map_btn.show {
 transform: scale(1.5);
 animation-name: bound;
 animation-duration: 1s;
 animation-fill-mode: forwards;
 animation-iteration-count: 1;
 animation-timing-function: linear;

}
@keyframes bound {
 0% {
  transform: translateY(0%) scale(1.25);
 }
 25% {
  transform: translateY(15%) scale(1.25);
 }
 50% {
  transform: translateY(0%) scale(1.25);
 }
 75% {
  transform: translateY(15%) scale(1.25);
 }
 100% {
  transform: translateY(0%) scale(1.25);
 }
}
.business_map_btn_01 {
 top: max(-4.5rem, calc(-45vw / 13.66));
 left: min(21.5rem, calc(215vw / 13.66));
}
.business_map_btn_02 {
 top: min(35.5rem, calc(355vw / 13.66));
 left: min(9.5rem, calc(95vw / 13.66));
}
.business_map_btn_03 {
 top: min(13rem, calc(130vw / 13.66));
 left: min(51.8rem, calc(518vw / 13.66));
}
.business_map_btn_04 {
 top: min(40rem, calc(400vw / 13.66));
 left: min(42rem, calc(420vw / 13.66));
}
.business_map_btn_05 {
 top: 0;
 right: min(35.5rem, calc(355vw / 13.66));
}
.business_map_btn_06 {
 top: min(37.5rem, calc(375vw / 13.66));
 right: min(29rem, calc(290vw / 13.66));
}
.business_map_btn_07 {
 top: min(4rem, calc(40vw / 13.66));
 right: min(9rem, calc(90vw / 13.66));
}


.business_map_item {
 width: min(82rem, calc(820vw / 13.66));
 padding: min(5rem, calc(50vw / 13.66)) 0;
 background-color: #fff;
 box-sizing: border-box;
 border: #00a445 solid min(0.2rem, calc(2vw / 13.66));
 border-radius: min(3.5rem, calc(35vw / 13.66));
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 right: 0;
 margin: 0 auto;
 display: none;
}
.business_map_item_inner {
 width: min(72rem, calc(720vw / 13.66));
 margin: 0 auto;
}
.business_map_flex {
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.business_map_item_img {
 width: min(33.4rem, calc(334vw / 13.66));
 overflow: hidden;
 border-radius: min(2rem, calc(20vw / 13.66));
}
.business_map_item_detail {
 width: min(35.6rem, calc(356vw / 13.66));
 text-align: justify;
 display: flex;
 flex-direction: column;
 gap: 0 0;
}
.business_map_item_ttl {
 font-size: 3.5rem;
 font-weight: 700;
 line-height: 1.34;
}
.business_map_item_txt {
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 2.25;
 margin-top: min(2.5rem, calc(25vw / 13.66));
}
.business_map_item_list {
 width: 100%;
}
.business_map_item_list_ttl {
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-top: min(2.5rem, calc(25vw / 13.66));
}
.business_map_item_list_ttl::before,
.business_map_item_list_ttl::after {
 content: "";
 width: min(10rem, calc(100vw / 13.66));
 height: min(0.2rem, calc(2vw / 13.66));
 background-color: #000;
}
.business_map_item_list_ttl span {
 font-size: 2rem;
 font-weight: 700;
 letter-spacing: 0.06em;
 display: inline-block;
}
.business_map_item_list ul {
 display: flex;
 align-items: center;
 justify-content: space-between;
 flex-wrap: wrap;
 gap:  min(1rem, calc(10vw / 13.66)) 0;
 margin-top: min(0.5rem, calc(5vw / 13.66));
}
.business_map_item_list ul li {
 width: min(17.3rem, calc(173vw / 13.66));
 text-align: center;
 font-size: 2.2rem;
 font-weight: 700;
 letter-spacing: 0.04em;
 background-color: #d2f6bb;
 border-radius: min(1rem, calc(10vw / 13.66));
 padding: min(0.4rem, calc(4vw / 13.66)) 0;
}

.close_btn {
 width: min(2.8rem, calc(28vw / 13.66));
 height: min(2.8rem, calc(28vw / 13.66));
 position: absolute;
 top: min(1.5rem, calc(15vw / 13.66));
 right: min(1.5rem, calc(15vw / 13.66));
 transform: rotate(45deg);
}
.close_btn::before,
.close_btn::after {
 content: "";
 width: 100%;
 height: min(0.2rem, calc(2vw / 13.66));
 background-color: #00a445;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 right: 0;
 margin: 0 auto;
}
.close_btn::after {
 transform: translateY(-50%) rotate(90deg);
}

@media (hover: hover) and (pointer: fine) {
 .business_map_btn:where(:any-link, :enabled, summary):hover::before {
  opacity: 1;
 }
}

.page_banner_inner {
 background: url(../images/business/business_banner.webp) no-repeat;
 background-size: cover;
}
.banner_btn {
 background: #efffdf;
 background: linear-gradient(90deg, rgba(239, 255, 223, 1) 0%, rgba(142, 232, 84, 1) 100%);
}

@media screen and (max-width: 767px) {

 #business .page_top {
 padding-bottom: 4.5rem ;
}
 /*                   business_support                     */
 .business_support_inner {
  width: 100%;
 }
 .business_support_inner::before {
 content: "";
 width: 9.5rem;
 height: 25rem;
 top: 3rem;
 left: 0;
}
 .business_support_el {
  position: relative;
  padding-bottom: 4rem;
  margin-top: 2.5rem;
  height: 516.6rem;
 }
 .business_support_el::before {
  content: none;
 }
 body.Android .business_line {
  padding-bottom: 4rem;
 }


 .business_support_ttl span:first-of-type,
 .business_skill_ttl span:first-of-type {
  font-size: 1.4rem;
  padding: 0.4rem 4rem 0.4rem 2.5rem;
  margin-left: 2.5rem;
  top: .5rem;
 }
 .business_support_ttl span:last-of-type,
 .business_skill_ttl span:last-of-type{
  width: 29rem;
  box-sizing: border-box;
  padding: 1rem 2.5rem;
  padding-right: 0;
  margin-left: 2.5rem;
  font-size: 2.2rem;
  line-height: 1.28;
 }

 .business_support_ttl_top {
  width: 32.5rem;
  margin: 0 auto 0;
  position: relative;
  z-index: 1;
 }
 .business_flow_top {
  width: 14.1rem;
  height: 14.1rem;
  border: #000000 solid 0.2rem;
  font-size: 1.7rem;
  line-height: 1.47;
 }
 .business_move_top {
  width: 14.1rem;
  height: 14.1rem;
  border: #00a445 solid 0.2rem;
  font-size: 1.7rem;
  line-height: 1.47;
 }
 .business_move_top::before {
  width: 1.2rem;
  height: 37.7rem;
  bottom: -37.6rem;
 }

 .business_support_item {
  width: 100%;
  margin: 0 auto;
  padding: 0;
 }
 .business_support_item::before {
 content: none;
}
 .business_support_item_other {
  width: 32.5rem;
  margin-bottom: 10rem;
 }
 .business_flow_item {
  width: 19.5rem;
  flex-direction: column;
  gap: 0.5rem 0;
 }

.business_flow_item {
 width: 25.6rem;
 position: relative;
}
.business_flow_box {
 width: 19.5rem;
 margin: 0 auto;
 left: 0;
 right: 0;
 flex-direction: column;
 gap: .5rem 0;
}

.business_move_box {
 right: 2.5rem;
}
.business_move_block:nth-of-type(2) .business_move_box  {
 top: 49.2%;
}



 .business_flow_item_icon {
  width: 15.3rem;
  margin: 0 auto;
 }
 .business_flow_item_01 .business_flow_item_icon {
  aspect-ratio: 153 /79;
 }
 .business_flow_item_02 .business_flow_item_icon {
  aspect-ratio: 153 /68;
 }
 .business_flow_item_03 .business_flow_item_icon {
  aspect-ratio: 153 /139;
 }
 .business_flow_item_04 .business_flow_item_icon {
  aspect-ratio: 153 /120;
 }
 .business_flow_item_05 .business_flow_item_icon {
  aspect-ratio: 153 /123;
 }

 .business_flow_item_06 .business_flow_item_icon {
  width: 19.5rem;
  aspect-ratio: 194 / 155;
  border-radius: 1rem;
 }

 .business_flow_item_detail {
  width: 100%;
 }
 .business_flow_item_06 .business_flow_item_detail {
  width: 100%;
 }
 .business_flow_item_ttl {
  font-size: 1.7rem;
 }
 .business_flow_item_txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.75;
 }

 .business_move_item {
  width: 29rem;
  flex-direction: column;
  gap: 1rem 0;
 }
 .business_move_item::before {
  width: 1.2rem;
 }
 .flex_reverse {
  flex-direction: column;
 }
 .business_move_item_img {
  width: 100%;
  border-radius: 1rem;
  aspect-ratio: 290/ 174;
 }

 .business_move_item_detail {
  width: 100%;
 }
 .business_move_item_ttl {
  font-size: 2.2rem;
  margin-bottom: 1rem;
 }
 .business_move_item_txt {
  font-size: 1.4rem;
  line-height: 1.7;
 }
 .business_move_item_list {
  gap: 0 1rem;
  margin-top: 1rem;
 }
 .business_move_item_list li {
  width: 9.4rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  padding: 0;
 }
 .business_move_item_list li:first-of-type {
  width: 8.5rem;
  font-size: 1.1rem;
  border: #000 solid 0.1rem;
 }
 .business_move_item_list li:first-of-type::before {
  width: 7.5rem;
  height: 0.3rem;
  top: -0.15rem;
 }
 .business_move_item_list li:first-of-type::after {
  width: 7.5rem;
  height: 0.3rem;
  bottom: -0.15rem;
 }

 .business_move_item_01::before {
  height: 4rem;
  bottom: -5rem;
  transform: none;
 }
 .business_move_item_02 {
  margin-top: 6rem;
 }
 .business_move_item_02::before {
  height: 34.3rem;
  bottom: -35.8rem;
  right: 6.5rem;
 }
 .business_move_item_03::before {
  height: 5rem;
  bottom: -6.5rem;
  transform: none;
 }
 .business_move_item_04 {
  margin-top: 8rem;
 }
 .business_move_item_04::before {
  height: 40.7rem;
  bottom: -42.2rem;
  right: 6.5rem;
 }
 .business_move_item_05::before {
  height: 40.7rem;
  bottom: -42.2rem;
  right: 6.5rem;
 }
 .business_move_item_06::before {
  height: 38.3rem;
  bottom: -39.8rem;
  right: 6.5rem;
 }
 .business_move_item_07::before {
  height: 44rem;
  bottom: -45.5rem;
  right: 6.5rem;
 }
 .business_move_item_08 {
  margin-top: 3.5rem;
 }

 .business_move_item_08::before {
  content: none;
 }

 .business_move_btm {
  width: 100%;
  box-sizing: border-box;
  border: #00a445 solid 0.2rem;
  border-radius: 1.5rem;
  margin: 6.5rem 0 4.8rem;
  padding-bottom: 3rem;
 }
 .business_move_btm::before {
  width: 0.2rem;
  height: 5rem;
  top: -5rem;
  right: 0;
  left: 0;
  margin: 0 auto;
 }
 .business_move_btm::after {
  width: 0.2rem;
  height: 5rem;
  bottom: -5rem;
  right: 0;
  left: 0;
  margin: 0 auto;
 }
 .business_move_btm_ttl {
  width: 30rem;
  font-size: 1.8rem;
  padding: 0.4rem 0;
  border-radius: 0 0 1.5rem 0;
  border-right: #00a445 solid 0.2rem;
  border-bottom: #00a445 solid 0.2rem;
 }
 .business_move_btm_txt {
  width: 27.5rem;
  text-align: justify;
  font-size: 1.4rem;
  line-height: 1.75;
  font-weight: 500;
  padding: 2rem 0 1rem;
 }

 .business_bottom {
  width: 32.2rem;
 }
 .business_bottom::before {
  top: 0.4rem;
  left: 0.4rem;
  border-radius: 50%;
 }
 .business_bottom_inner {
  border: #00a445 solid 0.2rem;
  border-radius: 50%;
  padding: 8.4rem 0;
 }
 .business_bottom p {
  width: 25rem;
  font-size: 1.7rem;
 }

 .business_bg {
  width: 25.6rem;
  aspect-ratio: 256 /5231;
 }
 .business_bg_top,
 .business_bg_bottom {
  width: 100%;
 }

 .business_bg::before {
  content: none;
 }

 .business_line {
  width: 25.6rem;
  height: 100%;
  top: 0;
 }

 /*                   business_skill                     */
 .business_skill {
  background: #fff;
  background: linear-gradient(180deg, rgba(241, 241, 241, 1) 0%, rgba(241, 241, 241, 1) 3.6rem, rgba(255, 255, 255, 1) 3.6rem, rgba(255, 255, 255, 1) 100%);
 }
 .business_skill_inner {
  width: 100%;
 }
 .business_skill_txt {
  width: 32.5rem;
  font-size: 1.4rem;
  line-height: 1.75;
  text-align: justify;
  margin: 2rem auto 3rem;
 }
 .business_skill_flex {
  width: 32.5rem;
  margin: 0 auto;
  flex-direction: column;
  gap: 2.5rem 0;
 }
 .business_skill_box {
  width: 100%;
  border: #8ee854 solid 0.2rem;
  padding: 2rem 0;
 }
 .business_skill_box_ttl {
  font-size: 1.6rem;
  text-align: center;
  margin: 0;
 }
 .business_skill_box_ttl span {
  font-size: 2.2rem;
 }
 .business_skill_box_flex {
  flex-direction: column;
  gap: 1rem 0;
  margin-top: 0.5rem;
 }
 .business_skill_box_img {
  width: 17.5rem;
  margin: 0 auto;
  aspect-ratio: 175 / 144;
 }
 .business_skill_box_txt {
  width: 27.5rem;
  font-size: 1.4rem;
  line-height: 1.75;
 }

 .business_skill_item {
  width: 32.5rem;
  margin: 3rem auto 0;
  gap: 2rem 0;
  flex-direction: column;
  padding-bottom: 2rem;
 }
 .business_skill_item_img {
  width: 30rem;
  border-radius: 0 0 1rem 0;
  overflow: hidden;
  margin: 0;
  aspect-ratio: 300 /223;
 }

 .business_skill_item_detail {
  width: 27.5rem;
  margin: 0 auto;
  padding-top: 0;
 }
 .business_skill_item_ttl {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
 }
 .business_skill_item_txt {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.75;
  margin-top: 1rem;
 }

 .business_map {
  padding-top: 5rem;
  padding-bottom: 5rem;
 }
 .business_map::before {
  background: url(../images/business/business_map_bg_sp.webp);
  background-size: cover;
  transform: none;
 }
 .business_map_ttl {
  padding: 0.8rem 4rem;
  font-size: 2.5rem;
  line-height: 1.4;
  background-color: #8ee854;
  border-radius: 0 0 1.5rem 1.5rem;
  margin-bottom: 2.5rem;
 }
 .business_map_ttl::before {
  width: 3rem;
  height: 1.5rem;
  bottom: -1.5rem;
 }

 .business_map_img {
  width: 32.5rem;
  aspect-ratio: 325 / 549;
 }
 .business_map_btn {
  width: 2.4rem;
 }
 .business_map_btn_01 {
  top: -.7rem;
  left: 11rem;
 }
 .business_map_btn_02 {
  top: 35rem;
  left: 1.5rem;
 }
 .business_map_btn_03 {
  top: 20rem;
  left: 4.3rem;
 }
 .business_map_btn_04 {
  top: 45rem;
  left: 12.5rem;
 }
 .business_map_btn_05 {
  top: 11rem;
  right: 7.5rem;
 }
 .business_map_btn_06 {
  top: 38.3rem;
  right: 1rem;
 }
 .business_map_btn_07 {
  top: 6rem;
  right: 1.2rem;
 }

 .business_map_item {
  width: 32.5rem;
  padding: 2.5rem 0;
  border: #00a445 solid 0.2rem;
  border-radius: 1rem;
 }
 .business_map_item_inner {
  width: 27.5rem;
 }
 .business_map_flex {
  flex-direction: column;
  gap: 1.5rem 0;
 }
 .business_map_item_img {
  width: 100%;
  border-radius: 1rem;
 }
 .business_map_item_detail {
  width: 100%;
 }
 .business_map_item_ttl {
  font-size: 2.2rem;
  font-weight: 700;
 }
 .business_map_item_txt {
  font-size: 1.4rem;
  line-height: 1.75;
  margin-top: 1rem;
 }
 .business_map_item_list {
  width: 100%;
 }
 .business_map_item_list_ttl {
  margin-top: 1.5rem;
 }
 .business_map_item_list_ttl::before,
 .business_map_item_list_ttl::after {
  width: 8.4rem;
  height: 0.2rem;
 }
 .business_map_item_list_ttl span {
  font-size: 1.4rem;
 }
 .business_map_item_list ul {
  flex-wrap: wrap;
  gap: 1rem 0;
  margin-top: 1rem;
 }
 .business_map_item_list ul li {
  width: 13.2rem;
  font-size: 1.4rem;
  border-radius: 0.5rem;
  padding: 0.3rem 0;
 }

 .close_btn {
  width: 1.7rem;
  height: 1.7rem;
  top: 0.6rem;
  right: 0.6rem;
 }
 .close_btn::before,
 .close_btn::after {
  height: 0.2rem;
 }

 .page_banner_inner {
  background: url(../images/business/business_banner_sp.webp) no-repeat;
  background-size: cover;
 }
}