@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

.body-container-wrapper {
  padding-top: 0;
}

.AMBm10 {
  margin-bottom: 10px !important;
}

.spOnly {
  display: block;
}
.pcOnly {
  display: none;
}

.businessOutline .LinkLP1 {  background:#999 url(https://www.aainc.co.jp/img/base/Icon_NewWin_w.png) no-repeat 10px 50%; width:100%; font-size: 13px;}
.businessOutline .LinkLP1 a {  background:url(https://www.aainc.co.jp/img/base/ArrowRt16.png) no-repeat 95% 50%; color:#FFF; display:block; padding: 5px 10px 5px 30px;}
.businessOutline .LinkLP2 {  background:#999;  width:100%; font-size: 13px;}
.businessOutline .LinkLP2 a {  background:url(https://www.aainc.co.jp/img/base/ArrowRt16.png) no-repeat 95% 50%; color:#FFF; display:block; padding: 5px 10px;}
.businessOutline .LinkServiceDoc1 {
  margin: 0;
}
.businessOutline .LinkServiceDoc1 a { width:288px; border: 1px solid #999; font-size: 13px;}
.businessOutline .LinkServiceDoc a {
  border:1px solid #666;
  color:#333;
  background:url(https://www.aainc.co.jp/img/base/ArrowRt18.png) no-repeat 95% 50%;
  padding:5px 0 5px 10px;
  width:237px;
  display:block;
  text-decoration:none;
}

.businessOutline .keyVisual {
  background: url(bg.png) 50% 50% no-repeat;
  background-size: cover;
  height: 600px;
}
.businessOutline .keyVisualInner {
  max-width: 980px;
  margin: 0 auto;
  position: relative;
}
.businessOutline .keyTitle {
  font-size: 32px;
  text-shadow: none;
  padding-top: 90px;
  font-weight: 600;
}
.businessOutline .keyTitle span {
  font-size: 16px;
  color: #dd0033;
  display: block;
  margin-bottom: 15px;
}
.businessOutline .keyLead {
  margin: 50px auto 0;
  font-size: 15px;
  max-width: 980px;
  padding-right: 550px;
}

.businessOutline .keySlide {
  opacity: 0;
  transition: .4s;
}
.businessOutline .keySlide.active {
  opacity: 1;
}


.businessOutline .keySlide li {
  position: absolute;
  top: 114px;
  right: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.businessOutline .keySlide li:nth-child(2) {
  top: 54px;
  transform-origin: 50% 50%;
}

.businessOutline .keySlide li > div {
  position: relative;
  opacity: 0;
  transition: all .2s;
}

.businessOutline .keySlide li.slideActive > div {
  opacity: 1;
  transition: all .2s .2s;
}


.businessOutline .keySlide li span {
  position: absolute;
  z-index: 2;
  opacity: 0;
}
.businessOutline .keySlide li span:nth-child(1) {
  position: static;
}

/* 1 */
.businessOutline .keySlide li:nth-child(1) span:nth-child(2) {
  top: 0px;
  right: 0px;
}
.businessOutline .keySlide li:nth-child(1) span:nth-child(3) {
    top: 20px;
    right: 23px;
}
.businessOutline .keySlide li:nth-child(1) span:nth-child(4) {
    top: 160px;
    right: 79px;
}
.businessOutline .keySlide li:nth-child(1) span:nth-child(5) {
    top: 284px;
    right: 170px;
}
.businessOutline .keySlide li:nth-child(1) span:nth-child(6) {
    top: 176px;
    right: 118px;
}
.businessOutline .keySlide li:nth-child(1) span:nth-child(7) {
    top: 108px;
    right: 118px;
}
.businessOutline .keySlide li:nth-child(1) span:nth-child(8) {
    top: 40px;
    right: 118px;
}

.businessOutline .keySlide li:nth-child(1).slideActive span:nth-child(2) {
  animation: fadeInTopBottom .2s 0s forwards;
}
.businessOutline .keySlide li:nth-child(1).slideActive span:nth-child(3) {
  animation: fadeInTopBottom .2s .2s forwards;
}

.businessOutline .keySlide li:nth-child(1).slideActive span:nth-child(4) {
  animation: fadeInTopBottom .4s 1.1s forwards;
}
.businessOutline .keySlide li:nth-child(1).slideActive span:nth-child(5) {
  animation: fadeInTopBottom .4s 1.15s forwards;
}

.businessOutline .keySlide li:nth-child(1).slideActive span:nth-child(6) {
  animation: fadeInTopBottom .2s .6s forwards;
}
.businessOutline .keySlide li:nth-child(1).slideActive span:nth-child(7) {
  animation: fadeInTopBottom .2s .5s forwards;
}
.businessOutline .keySlide li:nth-child(1).slideActive span:nth-child(8) {
  animation: fadeInTopBottom .2s .4s forwards;
}


/* 2 */
.businessOutline .keySlide li:nth-child(2) {
  width: 500px;
  height: 498px;
}
.businessOutline .keySlide li:nth-child(2) span:nth-child(2) {
  top: 250px;
  right: 436px;
}
.businessOutline .keySlide li:nth-child(2) span:nth-child(3) {
    top: 292px;
    right: 267px;
}
.businessOutline .keySlide li:nth-child(2) span:nth-child(4) {
    top: 239px;
    right: 41px;
}
.businessOutline .keySlide li:nth-child(2) span:nth-child(5) {
    top: 236px;
    right: 24px;
}
.businessOutline .keySlide li:nth-child(2) span:nth-child(6) {
    top: 210px;
    right: 0px;
}
.businessOutline .keySlide li:nth-child(2) span:nth-child(7) {
  top: 0px;
  right: 3px;
}
.businessOutline .keySlide li:nth-child(2) span:nth-child(8) {
    top: 95px;
    right: 210px;
}
.businessOutline .keySlide li:nth-child(2) span:nth-child(9) {
    top: 36px;
    right: 282px;
}
.businessOutline .keySlide li:nth-child(2) span:nth-child(10) {
    top: 32px;
    right: 52px;
}


.businessOutline .keySlide li:nth-child(2).slideActive span:nth-child(9) {/* improvement */
  transform-origin: 100% 100%;
  animation: fadeInBounce1 7.0s 0s forwards;
}
.businessOutline .keySlide li:nth-child(2).slideActive span:nth-child(7) {/* ad */
  transform-origin: 0 100%;
  animation: fadeInBounce2 7.0s 0s forwards;
}
.businessOutline .keySlide li:nth-child(2).slideActive span:nth-child(3) {/* promotion */
  transform-origin: 100% 0;
  animation: fadeInBounce3 7.0s 0s forwards;
}

.businessOutline .keySlide li:nth-child(2).slideActive span:nth-child(4) {/* strategy */
  transform-origin: 0 0;
  animation: fadeInBounce4 7.0s 0s forwards;
}

@keyframes fadeInBounce1 {
  0% { opacity: 0; transform: scale(0) rotate(-10deg) translate(-60px, -60px); }
  3% { opacity: 0; transform: scale(0) rotate(-10deg) translate(-60px, -60px); }
  8% { opacity: 1; transform: scale(1.2) rotate(2deg) translate(0, 0); }
  11% { opacity: 1; transform: scale(1) rotate(0deg) translate(0, 0); }
  80% { opacity: 1; transform: scale(1) rotate(0deg) translate(0, 0); }
  88% { opacity: 0; transform: scale(.2) rotate(0deg) translate(240px, 180px); }
  100% { opacity: 0; transform: scale(0) rotate(0deg) translate(240px, 180px); }
}
@keyframes fadeInBounce2 {
  0% { opacity: 0; transform: scale(0) rotate(10deg) translate(60px, -60px); }
  8% { opacity: 0; transform: scale(0) rotate(10deg) translate(60px, -60px); }
  13% { opacity: 1; transform: scale(1.2) rotate(-2deg) translate(0, 0); }
  16% { opacity: 1; transform: scale(1) rotate(0deg) translate(0, 0); }
  80% { opacity: 1; transform: scale(1) rotate(0deg) translate(0, 0); }
  88% { opacity: 0; transform: scale(.2) rotate(0deg) translate(-320px, 220px); }
  100% { opacity: 0; transform: scale(0) rotate(0deg) translate(-320px, 220px); }
}
@keyframes fadeInBounce3 {
  0% { opacity: 0; transform: scale(0) rotate(-10deg) translate(-60px, 60px); }
  13% { opacity: 0; transform: scale(0) rotate(-10deg) translate(-60px, 60px); }
  18% { opacity: 1; transform: scale(1.2) rotate(2deg) translate(0, 0); }
  21% { opacity: 1; transform: scale(1) rotate(0deg) translate(0, 0); }
  80% { opacity: 1; transform: scale(1) rotate(0deg) translate(0, 0); }
  88% { opacity: 0; transform: scale(.2) rotate(0deg) translate(240px, -180px); }
  100% { opacity: 0; transform: scale(0) rotate(0deg) translate(240px, -180px); }
}
@keyframes fadeInBounce4 {
  0% { opacity: 0; transform: scale(0) rotate(10deg) translate(60px, 60px); }
  18% { opacity: 0; transform: scale(0) rotate(10deg) translate(60px, 60px); }
  23% { opacity: 1; transform: scale(1.2) rotate(-2deg) translate(0, 0); }
  26% { opacity: 1; transform: scale(1) rotate(0deg) translate(0, 0); }
  80% { opacity: 1; transform: scale(1) rotate(0deg) translate(0, 0); }
  88% { opacity: 0; transform: scale(0.2) rotate(0deg) translate(-240px, -180px); }
  100% { opacity: 0; transform: scale(0) rotate(0deg) translate(-240px, -180px); }
}


.businessOutline .keySlide li:nth-child(2).slideActive span:nth-child(2) {
  animation: fadeInBounceBubble1 7s forwards;
}
.businessOutline .keySlide li:nth-child(2).slideActive span:nth-child(5) {
  animation: fadeInBounceBubble2 7s forwards;
}
.businessOutline .keySlide li:nth-child(2).slideActive span:nth-child(6) {
  animation: fadeInBounceBubble3 7s forwards;
}

.businessOutline .keySlide li:nth-child(2).slideActive span:nth-child(8) {
  animation: fadeInBounceBubble4 7s forwards;
}


@keyframes fadeInBounceBubble1 {
  0% { opacity: 0; transform: scale(0) rotate(5deg) translate(0, 0); }
  26% { opacity: 0; transform: scale(0) rotate(-10deg) translate(10px, 10px); }
  28% { opacity: 1; transform: scale(1.2) rotate(-2deg) translate(0, 0); }
  31% { opacity: 1; transform: scale(1) rotate(-2deg) translate(0, 0); }
  80% { opacity: 1; transform: scale(1) rotate(-2deg) translate(0, 0); }
  88% { opacity: 0; transform: scale(.2) rotate(0deg) translate(160px, -10px); }
  100% { opacity: 0; transform: scale(0) rotate(0deg) translate(160px, -10px); }
}
@keyframes fadeInBounceBubble2 {
  0% { opacity: 0; transform: scale(0) rotate(5deg) translate(10px, 10px); }
  28% { opacity: 0; transform: scale(0) rotate(-10deg) translate(10px, 10px); }
  33% { opacity: 1; transform: scale(1.2) rotate(-2deg) translate(0, 0); }
  36% { opacity: 1; transform: scale(1) rotate(-2deg) translate(0, 0); }
  80% { opacity: 1; transform: scale(1) rotate(-2deg) translate(0, 0); }
  88% { opacity: 0; transform: scale(.2) rotate(0deg) translate(-160px, -10px); }
  100% { opacity: 0; transform: scale(0) rotate(0deg) translate(-160px, -10px); }
}
@keyframes fadeInBounceBubble3 {
  0% { opacity: 0; transform: scale(0) rotate(5deg) translate(10px, 10px); }
  33% { opacity: 0; transform: scale(0) rotate(-10deg) translate(10px, 10px); }
  38% { opacity: 1; transform: scale(1.2) rotate(-2deg) translate(0, 0); }
  41% { opacity: 1; transform: scale(1) rotate(-2deg) translate(0, 0); }
  80% { opacity: 1; transform: scale(1) rotate(-2deg) translate(0, 0); }
  88% { opacity: 0; transform: scale(.2) rotate(0deg) translate(-160px, 10px); }
  100% { opacity: 0; transform: scale(0) rotate(0deg) translate(-160px, 10px); }
}
@keyframes fadeInBounceBubble4 {
  0% { opacity: 0; transform: scale(0) rotate(5deg) translate(10px, 10px); }
  38% { opacity: 0; transform: scale(0) rotate(-10deg) translate(10px, 10px); }
  41% { opacity: 1; transform: scale(1.2) rotate(-2deg) translate(0, 0); }
  44% { opacity: 1; transform: scale(1) rotate(-2deg) translate(0, 0); }
  80% { opacity: 1; transform: scale(1) rotate(-2deg) translate(0, 0); }
  88% { opacity: 0; transform: scale(.2) rotate(0deg) translate(-60px, 120px); }
  100% { opacity: 0; transform: scale(0) rotate(0deg) translate(-60px, 120px); }
}



.businessOutline .keySlide li:nth-child(2).slideActive span:nth-child(10) {
  animation: fadeInScale 7.2s forwards;
}

@keyframes fadeInScale {
  0% {
    opacity: 0;
    transform: scale(0) translate(0, 0);
  }
  5% {
    opacity: 1;
    transform: scale(.40) translate(0, 0);
  }
  78% {
    opacity: 1;
    transform: scale(.40) translate(0, 0);
  }
  88% {
    opacity: 1;
    transform: scale(.36) translate(0, 0);
  }
  90% {
    opacity: 1;
    transform: scale(.8) translate(0, 0);
  }
  92% {
    opacity: 1;
    transform: scale(.6) translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: scale(.6) translate(0, 0);
  }
}







/* 3 */
.businessOutline .keySlide li:nth-child(3) span:nth-child(2) {
  top: 0px;
  right: 0px;
}
.businessOutline .keySlide li:nth-child(3) span:nth-child(3) {
    top: 23px;
    right: 24px;
}
.businessOutline .keySlide li:nth-child(3) span:nth-child(4) {
    top: 143px;
    right: 383px;
}
.businessOutline .keySlide li:nth-child(3) span:nth-child(5) {
    top: 0px;
    right: 81px;
}
.businessOutline .keySlide li:nth-child(3) span:nth-child(6) {
    top: 143px;
    right: 67px;
}
.businessOutline .keySlide li:nth-child(3) span:nth-child(7) {
    top: 178px;
    right: 136px;
}
.businessOutline .keySlide li:nth-child(3) span:nth-child(8) {
    top: 93px;
    right: 137px;
}
.businessOutline .keySlide li:nth-child(3) svg {
  z-index: 1;
  display: block;
  position: absolute;
  opacity: 0;
  transform: rotate(348deg);
  transform-origin: 50% 50%;
  top: -1px;
  left: 12px;
}
.businessOutline .keySlide li:nth-child(3).slideActive svg {
  opacity: 1;
  transition: all .4s 1.6s;
}
.businessOutline .keySlide li:nth-child(3).slideActive span:nth-child(2) {
  animation: fadeInTopBottom .2s 0s forwards;
}
.businessOutline .keySlide li:nth-child(3).slideActive span:nth-child(3) {
  animation: fadeInTopBottom .2s .2s forwards;
}
.businessOutline .keySlide .line {
  stroke: #dd0033;
  stroke-width: 34px;
  fill: transparent;
  stroke-dasharray: 880;
  stroke-dashoffset: 880;
  stroke-linecap: round;
  transition: all .4s 1.6s;
  opacity: 0;
  transform: rotate(504deg) scale(0) rotateY(180deg);
  transform-origin: 50% 50%;
}
.businessOutline #arrow {
  fill: none;
}
.businessOutline .keySlide .slideActive #arrow {
  fill: #dd0033;
}

.businessOutline .keySlide .slideActive .line {
  stroke-dashoffset: 0;
  stroke-width: 34px;
  opacity: 1;
  transform: rotate(197deg) scale(1) rotateY(180deg);
}


.businessOutline .keySlide li:nth-child(3).slideActive span:nth-child(4) {
  animation: fadeInTopBottom .4s 1.5s forwards;
}

.businessOutline .keySlide li:nth-child(3).slideActive span:nth-child(6) {
  animation: fadeInTopBottom .2s 1.6s forwards;
}
.businessOutline .keySlide li:nth-child(3).slideActive span:nth-child(7) {
  animation: fadeInTopBottom .2s .8s forwards;
}
.businessOutline .keySlide li:nth-child(3).slideActive span:nth-child(8) {
  animation: fadeInTopBottom .2s .6s forwards;
}





@keyframes fadeInTopBottom {
  0% {
    opacity: 0;
    transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}


.businessOutline .keySlideController {
  display: flex;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 520px;
}
.businessOutline .keySlideController li {
  margin: 0 5px;
  border-radius: 50%;
  background: #999;
  width: 10px;
  height: 10px;
  list-style: none;
}
.businessOutline .keySlideController li.current {
  background: #dc0033;
}



.businessOutline .headLineService1 {
  position: relative;
  display: flex;
  font-size: 24px;
  margin: 0 auto;
  align-items: top;
  max-width: 980px;
  padding: 80px 10px 20px;
}

.businessOutline .headLineService1 .label {
  color: #dd0033;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  margin-right: 80px;
}
.businessOutline .headLineService1 .label strong {
  display: block;
  font-size: 42px;
  font-weight: 600;
  font-family: 'Oswald', sans-serif;
  white-space: nowrap;
  line-height: 1.1;
  margin-bottom: 10px;
}
.businessOutline .headLineService1 h2 {
  padding-top: 10px;
  margin: 0 0 26px;
  text-align: left;
}
.businessOutline .headLineService1Cont p {
  color: #666;
  font-size: 13px;
  line-height: 1.8;
}

.businessOutline .serviceListPageWrap { margin: 0 auto 40px auto; font-size: 15px; position: relative;}
.businessOutline .serviceListPageWrap * { box-sizing: content-box; }
.businessOutline .serviceListPageWrap::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 400px;
  background: #f5f5f5;
}
.businessOutline .serviceListPageWrap .description { font-size: 16px; margin-bottom: 40px;}
.businessOutline .serviceListPageWrap .serviceListDetailList { max-width: 980px; margin: 0 auto; padding: 0 10px; position: relative; display: flex; flex-wrap: wrap; }
.businessOutline .serviceListPageWrap .serviceListDetailList li { max-width: 248px; margin: 0 10px 10px 0; vertical-align: top; background: #fff; border: 1px solid #e5e5e5; padding: 30px; list-style: none;}
.businessOutline .serviceListPageWrap .serviceListDetailList li:nth-child(3n+3) { margin-right: 0; }
.businessOutline .serviceListPageWrap .serviceListDetailList li .imgService { margin-bottom: 10px;}
.businessOutline .serviceListPageWrap .serviceListDetailList li h3 { font-weight: bold; font-size: 20px; position: relative; display: flex; flex-flow: column; border-bottom: 0 !important; padding-bottom: 25px !important; margin-bottom: 20px !important;}
.businessOutline .serviceListPageWrap .serviceListDetailList li h3::after { content: ""; display: block; width: 80px; height: 3px; background: #dd0033; position: absolute; bottom: 0; left: 0; }
.businessOutline .serviceListPageWrap .serviceListDetailList li h3 span:nth-child(1) { height: 3em; display: flex; align-items: center; margin-bottom: 5px; }
.businessOutline .serviceListPageWrap .serviceListDetailList li h3 span:nth-child(2) { font-size: 13px; }
.businessOutline .serviceListPageWrap .serviceListDetailList li .descriptionService { font-size: 13px; margin: 20px 0;}
.businessOutline .serviceListPageWrap .serviceListDetailList li .btnApp img{ height: 40px; padding: 10px 10px 0 0; }

.businessOutline .serviceListPageWrap .serviceListDetailListThin li { width: 408px; }
.businessOutline .serviceListPageWrap .serviceListDetailListThin li:nth-child(2n) { margin-right: 10px; }
.businessOutline .serviceListPageWrap .serviceListDetailListThin li:nth-child(3n+3) { margin-right: 10px; }
.businessOutline .serviceListPageWrap .serviceListDetailListThin li h3 { padding-bottom: 15px !important; }
.businessOutline .serviceListPageWrap .serviceListDetailListThin li h3 span:nth-child(1) { height: auto; padding-bottom: 0; }

.businessOutline .serviceListPageWrap .serviceListDetailList li .LinkServiceDoc1 a {
  width: auto;
}
.businessOutline .serviceListPageWrap .serviceListDetailListThin li .LinkLP1 {
  width: 240px;
}

.businessOutline .contactArea {
  text-align: center;
  padding: 30px 0 60px;
}
.businessOutline .ttlContactArea {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 15px;
}
.businessOutline .btnContactArea a {
  display: inline-block;
  padding: 10px;
  background: #dd0033;
  color: #fff;
  width: 300px;
}
.businessOutline .btnContactArea a:hover {
  opacity: .75;
  text-decoration: none;
  transition: all .2s;
}

.businessOutline .spOnly {
  display: none;
}
.businessOutline .pcOnly {
  display: block;
}

@media screen and (min-width: 769px) {
.businessOutline .serviceListPageWrap .serviceListDetailList li {
  display: flex;
  flex-flow: column;
}
.businessOutline .serviceListPageWrap .serviceListDetailList li .descriptionService + p {
  margin-top: auto;
}
}

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

.businessOutline .headLineService1 {
  display: block;
  padding: 45px 20px 0;
}
.businessOutline .headLineService1 .label {
  font-size: 13px;
  margin-right: 0;
}
.businessOutline .headLineService1 .label b {
  display: block;
  font-size: 22px;
  margin-bottom: 15px;
}
.businessOutline .headLineService1 h2 {
  padding-top: 10px;
  margin: 0 0 10px;
  font-size: 22px;
}
.businessOutline .headLineService1Cont p {
  color: #666;
  font-size: 13px;
  line-height: 1.8;
}
.businessOutline .serviceListPageWrap .description {
  font-size: 13px;
}






.businessOutline .serviceListPageWrap .serviceListDetailList {
  display: block;
  padding: 0 20px;
}
.businessOutline .serviceListPageWrap .serviceListDetailList li {
  width: calc( 100% - 50px );
  max-width: calc( 100% - 50px );
  padding: 25px;
  margin: 0 0 20px 0;
}

.businessOutline .serviceListPageWrap .serviceListDetailList li h3 {
  padding-bottom: 20px !important;
}

.businessOutline .serviceListPageWrap .serviceListDetailList li h3 span:nth-child(1) {
  height: auto;
  font-size: 18px;
  margin-bottom: 15px;
}
.businessOutline .serviceListPageWrap .serviceListDetailListThin li h3 span:nth-child(1) {
  margin-bottom: 0;
}
.businessOutline .serviceListPageWrap .serviceListDetailList li h3 span:nth-child(2) {
  font-size: 13px;
}

.businessOutline .keySlide li:nth-child(1).slideActive span:nth-child(2) {
  top: -60px;
  left: -60px;
  right: auto;
}
.businessOutline .keySlide li:nth-child(1).slideActive span:nth-child(2) img {
  width: 200px;
}
.businessOutline .keySlide li:nth-child(3).slideActive span:nth-child(2) {
  top: -80px;
  left: -30px;
  right: auto;
}
.businessOutline .keySlide li:nth-child(3).slideActive span:nth-child(2) img {
  width: 240px;
}


.businessOutline .keyVisual {
  background: none;
  height: auto;
  width: 100vw;
  overflow-x: hidden;
}
.businessOutline .keyVisualInner {
  background: url(bgSp.png) 50% 50% no-repeat;
  background-size: cover;
  height: 136vw;
}
.businessOutline .keyTitle {
  font-size: 5.86vw;
  text-shadow: none;
  padding: 5.86vw 20px 0;
  font-weight: 600;
  line-height: 1.2;
}
.businessOutline .keyTitle span {
  font-size: 3.4vw;
  color: #dd0033;
  display: block;
  margin-bottom: 4vw;
}
.businessOutline .keyLead {
  margin: 0;
  width: auto;
  padding: 40px 20px;
}

.businessOutline .keySlide {
  width: 520px;
  height: 590px;
  transform-origin: 0;
}

.businessOutline .keySlide img {
  max-width: none;
}

.businessOutline .keySlide li:nth-child(2) span:nth-child(10) {
  top: 22px;
  left: 12px;
}
.businessOutline .keySlide li:nth-child(2) span:nth-child(10) img {
  width: 444px;
}
.businessOutline .keySlide li:nth-child(1) {
  transform: translate(0, 40px);
}
.businessOutline .keySlide li:nth-child(3) {
  left: 44px;
  transform: translate(20px, 60px);
}

.businessOutline .keySlideController {
  top: auto;
  bottom: 20px;
  right: 10px;
}

.businessOutline .spOnly {
  display: block;
}
.businessOutline .pcOnly {
  display: none;
}

}