@charset "UTF-8";
body { background-color: #f5f5f5; color: #555; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }

main { margin: 0 auto; width: 100%; }

h1, h2, h3 { font-weight: 600; }

.btn { transition: all 0.2s linear; }
.btn:hover { transition: all 0.2s linear; opacity: 0.7; }

header { text-align: right; padding-top: 53px; }
header img { width: 210px; height: 38px; }

.main-visual { padding-top: 53px; font-weight: 600; margin-bottom: 150px; }
.main-visual .copy { width: 63%; position: relative; }
.main-visual .copy p:nth-of-type(1) { font-weight: 600; padding: 0 77px; font-size: 5rem; line-height: 174%; letter-spacing: 0.3rem; margin-bottom: 0; }
.main-visual .copy .text-medium { font-size: 6.5rem; letter-spacing: -0.3rem; }
.main-visual .copy .text-large { font-size: 9.5rem; }
.main-visual .copy p:nth-of-type(2) { position: relative; font-size: 3rem; margin: 0 58px; letter-spacing: 0.22rem; max-width: 929px; text-align: center; font-weight: 600; }
.main-visual .copy p:nth-of-type(2):before { position: absolute; content: ""; display: block; background-color: #1a1a1a; left: 0; top: -20px; width: 100%; height: 1px; }
.main-visual .copy p:nth-of-type(2):after { position: absolute; content: ""; display: block; background-color: #1a1a1a; left: 0; bottom: -15.7px; width: 100%; height: 1px; }
.main-visual .bg-line { position: relative; font-size: 12.5rem; letter-spacing: 0.5rem; padding-right: 33px; }
.main-visual .bg-line:after { position: absolute; content: ""; display: block; background-color: #FFAAF9; opacity: 0.86; left: -17px; bottom: 51px; width: 100%; height: 62px; z-index: -1; transform: rotate(-3.5deg); }
.main-visual .bg-line span { font-size: 8rem; }
.main-visual .badge { position: absolute; display: block; width: 325.8609px; height: 333.8643px; right: -168px; top: -102px; z-index: -1; }
.main-visual h1 { margin-bottom: 66px; }
.main-visual h1 img { max-width: 1011px; height: auto; margin-left: 15px; margin-top: 5px; }
.main-visual .button { width: 37%; padding-top: 302px; }
.main-visual .button p:nth-of-type(1) { margin-bottom: 43px; }
.main-visual .button p:nth-of-type(3) { position: relative; height: 300px; margin-bottom: 45px; }
.main-visual .button p:nth-of-type(3) img { width: 394px; height: 300px; position: absolute; top: 28px; right: 33px; }
.main-visual .btn-arrow { width: 613px; height: 103px; padding-left: 137px; }
.main-visual .btn-arrow:before { position: absolute; content: ""; display: block; background-repeat: no-repeat; }
.main-visual .contact { letter-spacing: 1.2rem; }
.main-visual .contact:before { background-image: url("../images/icon-mail.svg"); background-size: 48px; left: 57px; top: 34px; width: 48px; height: 35px; }
.main-visual .document { letter-spacing: 0.2rem; }
.main-visual .document:before { background-image: url("../images/icon-doc.svg"); background-size: 44px 54px; left: 60px; top: 27px; width: 44px; height: 54px; }
.main-visual p:last-of-type { font-weight: 500; font-size: 0.6rem; letter-spacing: 0.037rem; }
/*20260116add START*/
.main-visual .copy{
  white-space: nowrap;
}
.main-visual .bg-line{
  font-size: 10rem;
  padding-right: 12px;
}
.main-visual .copy p:nth-of-type(1){
  font-size: 3.8rem;
}
.main-visual .copy .text-medium{
  font-size: 5rem;
}
.main-visual .copy .text-large {
  font-size: 7.1rem;
}
/*20260116add END*/
.btn-arrow { position: relative; background: #fff; color: #555; text-decoration: none; padding: 25px 113px; font-size: 2.5rem; display: block; border-radius: 60px; box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4); }
.btn-arrow:after { position: absolute; content: ""; display: block; background-image: url("../images/icon-arrow.svg"); background-size: 54px; background-repeat: no-repeat; right: 54px; top: 26px; width: 54px; height: 54px; }

.onayami { border: 6px #ABADD6 solid; width: 100%; border-radius: 47px; position: relative; padding: 89px 50px 85px; z-index: 0; margin-bottom: 79px; }
.onayami h2 { position: absolute; top: -31px; left: 0; right: 0; text-align: center; z-index: 2; font-size: 3.1rem; letter-spacing: 0.1rem; }
.onayami h2:after { position: absolute; content: ""; display: block; background: #f5f5f5; top: 13px; left: 50%; transform: translateY(-50%) translateX(-50%); width: 43%; height: 54px; z-index: -1; }
.onayami .card { background: #fff; border: 6px #ABADD6 solid; border-radius: 50px; text-align: center; font-size: 1.5rem; padding: 50px 25px 3px; font-weight: 600; }
.onayami .card img { max-width: 262px; height: 189px; }
.onayami .card p:nth-of-type(2) { margin-top: 32px; min-height: 5rem; }

.title-fukidashi { text-align: center; font-size: 400%; position: relative; background-color: #7C7CBE; color: #fff; z-index: 2; padding: 4rem 0 3.2rem; letter-spacing: 0.5rem; margin-bottom: 8rem; }
.title-fukidashi:after { position: absolute; content: ""; display: block; width: 0; height: 0; border-style: solid; border-right: 140px solid transparent; border-left: 140px solid transparent; border-top: 84px solid #7C7CBE; border-bottom: 0; bottom: -124px; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: -1; }

.sub-title { font-size: 3rem; font-weight: 600; text-align: center; letter-spacing: 0.25rem; margin-bottom: 64px; }

.easy-automation { text-align: center; font-weight: 600; margin-bottom: 113px; }
.easy-automation .bg-gradation { max-width: 507px; border-radius: 41px; padding: 3.9rem 2rem 1rem; background-image: linear-gradient(111deg, #6566c2, rgba(255, 255, 255, 0)), linear-gradient(285deg, #2f1e66, rgba(255, 255, 255, 0)), linear-gradient(7deg, #2f1e66, rgba(255, 255, 255, 0)); color: #fff; margin: 0 auto; }
.easy-automation .bg-gradation p { font-size: 2rem; line-height: 132%; }
.easy-automation h3 { font-size: 4.8rem; margin-bottom: 22px; }

.ai-automation { background-color: #6363B1; padding-bottom: 100px; position: relative; margin-bottom: 0; }
.ai-automation:after { position: absolute; content: ""; display: block; background-image: url("../images/bg-wave.svg"); background-size: 100% auto; background-repeat: no-repeat; right: 0; bottom: -307px; width: 100%; height: 422px; z-index: -1; }
.ai-automation .sub-title { color: #fff; }
.ai-automation .wrap img { margin-bottom: 23px; width: 97.8%; }

.btn.default { max-width: 1036px; margin: 0 auto; padding: 31px 0; font-size: 3rem; font-weight: 600; border-radius: 75px; }
.btn.default:after { right: 70px; top: 40px; }

.voice { margin-top: 231px; position: relative; }
.voice .sub-title { font-size: 2.3rem; letter-spacing: 0.19rem; }
.voice .fukidashi { position: absolute; border: 6px solid #ABADD6; display: inline-block; margin-bottom: 20px; border-radius: 28px; font-weight: 600; background-color: #fff; letter-spacing: 0.2rem; }
.voice .fukidashi:before { content: ""; position: absolute; bottom: 0; left: 32%; border-style: solid; border-width: 25px 15px 0 15px; border-color: #ABADD6 transparent transparent; translate: -50% 100%; }
.voice .fukidashi:after { content: ""; position: absolute; bottom: 6px; left: 32%; border-style: solid; border-width: 20.5px 10.8px 0 10.8px; border-color: #ffffff transparent transparent; translate: -50% 100%; }
.voice .fukidashi p:last-of-type { font-size: 1.5rem; margin-bottom: 0px; }
.voice .fukidashi p:first-of-type { font-size: 1.6rem; margin-bottom: 10px; position: relative; }
.voice .fukidashi p:first-of-type:before { position: absolute; content: ""; display: block; background-image: url(../images/img-double-quotation.svg); background-size: 107px; background-repeat: no-repeat; left: -101px; top: -95px; width: 107px; height: 107px; }
.voice .wrap { min-height: 426px; }
.voice .first { padding: 54px 28px 16px 27px; top: 37px; left: 206px; }
.voice .first p:first-of-type:before { left: -56px; top: -108px; }
.voice .first:before { left: 20.5%; border-width: 58px 22px 0 22px; }
.voice .first:after { left: 20.5%; border-width: 47.5px 17.8px 17.8px; }
.voice .second { top: -7px; right: 147px; padding: 54px 49px 46px 27px; }
.voice .second:before { left: 16%; border-width: 60px 21px 0 21px; }
.voice .second:after { left: 16%; border-width: 49.5px 15.8px 0 15.8px; }
.voice .third { bottom: -34px; left: 405px; padding: 47px 0 18px 11px; }
.voice .third p:first-of-type:before { left: -52px; top: -111px; }
.voice .third:before { left: 20.3%; border-width: 41px 19px 0 19px; }
.voice .third:after { left: 20.3%; border-width: 33.5px 14.8px 0 14.8px; }
.voice .forth { bottom: -59px; right: 211px; padding: 29px 64px 8px 86px; }
.voice .forth p:first-of-type { margin-bottom: 2px; }
.voice .forth p:first-of-type:before { left: -114px; top: -76px; }
.voice .forth:before { left: 20%; border-width: 49px 22px 0 22px; }
.voice .forth:after { left: 20%; border-width: 40.5px 17.8px 0 17.8px; }
.voice .wrap { position: relative; }
.voice .wrap img.d-none { position: absolute; display: block; left: 143px; bottom: -211px; width: 276px; height: 402px; z-index: 1; }

.reason { position: relative; overflow: hidden; width: 100%; text-align: center; margin-top: 147px; }
.reason:before { mix-blend-mode: multiply; position: absolute; content: ""; display: block; background-image: url("../images/bg-line.svg"); background-size: 2064px auto; background-repeat: no-repeat; right: -75px; top: 118px; width: 2064px; height: 100%; z-index: 3; }
.reason .title-fukidashi { margin-bottom: 2rem; }
.reason h2 { z-index: 2; }
.reason .text-reason { position: relative; z-index: 5; text-align: center; }
.reason .text-reason img { margin: 0 auto; width: 100%; }
.reason .sub-title { font-size: 3.8rem; margin-bottom: 103px; }
.reason .group-btn { padding: 96px 114px 39px; background: #7C7CBE; border-radius: 78px; box-shadow: 0px 5px 15px 0px #abb4ce; margin-bottom: 131px; }
.reason .group-btn h3 { color: #fff; font-size: 3rem; }
.reason .group-btn .btn { margin-top: 48px; padding: 35px 89px; font-weight: 600; font-size: 2.7rem; text-align: left; margin-bottom: 95px; border-radius: 68px; }
.reason .group-btn .btn:after { top: 41px; right: 78px; }
.reason .winactor { width: 1065px; font-weight: 600; margin: auto; font-size: 2.8rem; padding-left: 209px; letter-spacing: 0.24rem; }
.reason .winactor:before { position: absolute; content: ""; display: block; background-image: url("../images/icon-earth.svg"); background-size: 48px 44px; left: 175px; top: 34px; width: 48px; height: 44px; }
.reason .winactor:after { display: none; }
.reason p:last-of-type { text-align: center; }
.reason p:last-of-type img { max-width: 1000px; margin-top: 214px; margin-bottom: 359px; }

footer { background: #ccc; padding: 2.45rem 23px; font-size: 1.27rem; letter-spacing: 0.08rem; }

@media (min-width: 1680px) { .wrap { max-width: 1920px; padding-right: 93px; padding-left: 93px; }
  .reason .wrap { z-index: 4; position: relative; text-align: center; max-width: 1597px; padding-right: 0; padding-left: 0; margin: 0 auto; }
  .reason .min { max-width: 1356px; padding-right: 0px; padding-left: 0px; } }
@media (max-width: 1680px) { .main-visual .bg-line { font-size: 8rem; letter-spacing: 0; }
  .main-visual .copy { width: 58%; }
  .main-visual .copy .text-medium { font-size: 3.4rem; letter-spacing: 0.3rem; }
  .main-visual .copy .text-large { font-size: 6rem; }
  .main-visual .copy p:nth-of-type(1) { padding: 0; letter-spacing: 0; font-size: 3rem; }
  .main-visual .copy p:nth-of-type(2) { margin: 0 64px 0 0; font-size: 1.8rem; }
  .main-visual h1 img { max-width: 538px; }
  .main-visual .badge { width: 254px; height: 298px; right: -43px; top: -138px; }
  .main-visual .button { padding-top: 97px; }
  .main-visual .button p:nth-of-type(1) { margin-bottom: 29px; }
  .main-visual .button p:nth-of-type(3) { height: 270px; margin-bottom: 0; }
  .main-visual .button p:nth-of-type(3) img { width: 326px; height: 269px; top: 0px; }
  .main-visual .contact { letter-spacing: 0; }
  .main-visual .contact:before { background-size: 35px; left: 39px; top: 31px; width: 35px; }
  .main-visual .document:before { background-size: 30px 54px; left: 42px; top: 16px; width: 30px; height: 54px; }
  .main-visual .btn-arrow { font-size: 1.5rem; padding: 25px 77px 25px 92px; width: 100%; height: 87px; }
  .main-visual .btn-arrow:after { background-size: 39px; background-repeat: no-repeat; right: 16px; top: 24px; }
  .onayami { padding: 63px 50px 51px; }
  .onayami h2 { top: -22px; font-size: 2.1rem; }
  .onayami .card { font-size: 1.1rem; padding: 50px 21px 3px; }
  .title-fukidashi { font-size: 2.5rem; letter-spacing: 0.2rem; }
  .sub-title { font-size: 2.3rem; letter-spacing: 0.1rem; }
  .easy-automation h3 { font-size: 3rem; }
  .easy-automation .bg-gradation p { font-size: 1.5rem; }
  .btn.default { max-width: 885px; padding: 25px 0; font-size: 2.3rem; }
  .btn.default:after { right: 47px; top: 31px; background-size: 46px; }
  .voice .sub-title { font-size: 2rem; letter-spacing: 0.15rem; }
  .voice .fukidashi { padding: 36px 35px 16px 35px !important; width: 78%; position: relative; top: unset !important; bottom: unset !important; left: unset !important; right: unset !important; margin: 0 auto 65px auto; display: block; }
  .voice .fukidashi p:first-of-type:before { background-size: 85px !important; left: -66px !important; top: -80px !important; }
  .voice .fukidashi:before { left: 20.3% !important; border-width: 41px 19px 0 19px !important; }
  .voice .fukidashi:after { left: 20.3% !important; border-width: 33.5px 14.8px 0 14.8px !important; }
  .voice .fukidashi p:last-of-type { font-size: 1.3rem; }
  .voice .forth br { display: none; }
  .voice .wrap img.d-none { left: -41px; bottom: -211px; width: 228px; }
  .reason .wrap { z-index: 4; position: relative; }
  .reason .sub-title { font-size: 2.9rem; margin-bottom: 87px; }
  .reason .group-btn { padding: 71px 114px 17px; }
  .reason .group-btn h3 { color: #fff; font-size: 2.3rem; }
  .reason .group-btn .btn { margin-top: 35px; padding: 27px 61px; font-size: 2rem; margin-bottom: 67px; }
  .reason .group-btn .btn:after { right: 37px; top: 28px; background-size: 47px; }
  .reason .winactor { width: 850px; font-size: 2rem; padding: 25px 113px; }
  .reason .winactor:before { background-size: 40px 44px; left: 114px; top: 25px; width: 40px; }
  .reason p:last-of-type img { margin-top: 169px; } }
@media (max-width: 1199.98px) { .main-visual .copy p:nth-of-type(1) { font-size: 2.8rem; }
  .main-visual .badge { width: 186px; height: 298px; right: -98px; top: -165px; } /*202601修正*/
  .main-visual .copy p:nth-of-type(2) { font-size: 1.6rem; }
  .main-visual .btn-arrow { font-size: 1.2rem; padding: 13px 64px 13px 88px; width: 100%; height: 70px; line-height: 42px; }
  .main-visual .contact:before { background-size: 28px; left: 39px; top: 23px; width: 35px; }
  .main-visual .document:before { background-size: 24px 39px; left: 41px; top: 16px; }
  .main-visual .btn-arrow:after { background-size: 28px; background-repeat: no-repeat; right: 2px; top: 19px; }
  .onayami { padding: 63px 20px 27px; }
  .onayami h2:after { width: 54%; }
  .onayami .card { font-size: 0.95rem; padding: 50px 17px 0px; }
  .onayami .card img { max-width: 207px; max-height: 140px; }
  .onayami .card p:nth-of-type(2) { min-height: 3rem; }
  .easy-automation h3 { font-size: 2.5rem; }
  .easy-automation .bg-gradation { padding: 2.3rem 2rem 1rem; }
  .easy-automation .bg-gradation p { font-size: 1.2rem; }
  .ai-automation { padding-bottom: 0; }
  .ai-automation:after { bottom: -421px; }
  .reason .sub-title { font-size: 2.5rem; }
  .reason .group-btn .btn { font-size: 1.5rem; }
  .reason .group-btn .btn:after { right: 22px; top: 28px; background-size: 34px; } }
@media screen and (max-width: 768px) { header { text-align: left; padding-top: 1.5px; }
  header img { margin-left: 9px; width: 51px; height: 10px; }
  .main-visual { padding-top: 0; margin-bottom: 29px; }
  .main-visual .d-block p:first-of-type { position: relative; height: 268px; margin-bottom: -4px; }
  .main-visual .d-block p:first-of-type img:first-of-type { position: absolute; display: block; width: 304px; height: 268px; top: -16px; left: 31px; right: 0; margin: 0 auto; }
  .main-visual .d-block p:first-of-type img:last-of-type { position: absolute; display: block; width: 92px; height: 70px; right: 6px; bottom: -7px; }
  .main-visual .d-block p:nth-of-type(n+2) { text-align: center; margin-bottom: -7px; }
  .main-visual .d-block p:nth-of-type(n+2) img { width: 254px; }
  .main-visual .text-end { width: 76%; margin: 6px 0 10px auto; padding-right: 10px; font-size: 0.3rem !important; }
  .onayami { padding: 0; border: none; margin-bottom: 17px; }
  .onayami h2 { font-size: 1.2rem; margin-bottom: 13px; position: inherit; }
  .onayami h2:after { display: none; }
  .onayami .card { padding: 18px 21px 7px; border: 2px #ABADD6 solid; border-radius: 18px; width: 190px; margin: 0 auto 12px; }
  .onayami .card img { max-width: 98px; max-height: 69px; }
  .onayami .card p:first-of-type { margin-bottom: 11px; }
  .onayami .card p:nth-of-type(2) { margin-top: 0; min-height: 0; font-size: 0.59rem; margin-bottom: 0; }
  .onayami .col-12:first-of-type img { width: 98px; height: 69px; }
  .onayami .col-12:nth-of-type(2) img { width: 50px; height: 66px; margin-bottom: 3px; }
  .onayami .col-12:last-of-type .card { padding: 18px 3px 19px; }
  .onayami .col-12:last-of-type img { width: 87px; height: 70px; margin-bottom: 2px; }
  .title-fukidashi { font-size: 0.75rem; letter-spacing: 0.09rem; padding: 0.7rem 0 0.7rem; margin-bottom: 1.8rem; }
  .title-fukidashi:after { border-right: 32px solid transparent; border-left: 32px solid transparent; border-top: 21px solid #7C7CBE; bottom: -29px; }
  .sub-title { font-size: 0.715rem; margin-bottom: 11px; }
  .easy-automation { margin-bottom: 26px; }
  .easy-automation h3 { font-size: 2rem; margin-bottom: 8px; }
  .easy-automation .bg-gradation { width: 291px; border-radius: 13px; padding: 16px 1rem 14px; margin-bottom: 5px; }
  .easy-automation .bg-gradation p { font-size: 0.7rem; margin-bottom: 0; }
  .ai-automation { padding-bottom: 26px; }
  .ai-automation:after { bottom: -421px; background-image: url(../images/sp/bg-jidoka.svg); }
  .ai-automation .sub-title { margin-bottom: 16px; font-size: 0.78rem; }
  .ai-automation .wrap { font-weight: 600; font-size: 0.8rem; color: #fff; }
  .ai-automation .wrap img { width: 100%; margin-bottom: 8px; }
  .ai-automation .wrap .d-block { margin-bottom: 3px; }
  .btn.default { max-width: 276px; padding: 6px 0 6px 21px; font-size: 0.8rem; text-align: left; letter-spacing: 0.05rem; margin-top: -13px; }
  .btn.default:after { right: -18px; top: 8px; background-size: 14px; }
  .voice { margin-top: 82px; }
  .voice .sub-title { font-size: 0.5rem; letter-spacing: 0.06rem; margin-bottom: 7px; }
  .voice .wrap { min-height: 343px; }
  .voice .d-block { text-align: center; }
  .voice .d-block img { width: 297px; margin: 0 auto; display: block; }
  .voice .d-block p:nth-of-type(2) { margin-top: -33px; }
  .voice .d-block p:nth-of-type(3) { margin-top: -31px; }
  .voice .d-block p:nth-of-type(4) { margin-top: -29px; }
  .reason { margin-top: 24px; }
  .reason:before { background-image: url(../images/sp/bg-line.svg); background-size: 450px auto; width: 450px; right: -17px; top: 28px; }
  .reason .title-fukidashi { margin-bottom: 0; }
  .reason .text-reason + img { width: 114%; margin-left: -20px; }
  .reason .sub-title { font-size: 1rem; margin-top: -11px; line-height: 204%; margin-bottom: 20px; }
  .reason .sub-title span { font-size: 1.6rem; display: block; margin: 0 auto; }
  .reason .group-btn { padding: 35px 21px 13px; margin-bottom: 27px; border-radius: 21px; }
  .reason .group-btn h3 { font-size: 0.9rem; }
  .reason .group-btn .btn { margin-top: 14px; padding: 7px 25px; font-size: 0.6rem; letter-spacing: 0.05rem; margin-bottom: 25px; }
  .reason .group-btn .btn:after { right: -15px; top: 6px; background-size: 16px; }
  .reason .winactor { width: 80%; font-size: 0.8rem; padding: 6px 0 6px 24px; letter-spacing: 0.1rem; }
  .reason .winactor:before { background-size: 16px 44px; left: 30px; top: -6px; width: 16px; }
  .reason p:last-of-type img { margin-top: 40px; width: 249px; margin-bottom: 35px; }
  footer { padding: 0.5rem 17px; font-size: 0.5rem; letter-spacing: 0; } }

/*20251223add*/
@media (min-width: 850px) and (max-width: 991.98px) {
  .container {
    max-width: 850px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
  .main-visual > .row{
    justify-content: center;
  }
  .main-visual .bg-line {
    font-size: 4.8rem;
    padding-right: 0.5rem;
  }
  .main-visual .bg-line:after{
    left: 2px;
    bottom: 0;
  }
  .main-visual .copy p{
      line-height: 1.2;
  }
  .main-visual .copy .text-medium{
    font-size: 2.3rem;
  }
  .main-visual .copy .text-large{
    font-size: 4rem;
  }
  .main-visual h1{
    margin-bottom: 40px;
  }
  .main-visual .copy p:nth-of-type(1){
      font-size: 2.5rem;
  }
  .main-visual .copy p:nth-of-type(2){
      font-size: 1.1rem;
      margin: 0;
  }
  .main-visual h1 img{
    max-width: 380px;
  }
  .main-visual .btn-arrow{
    font-size: 1.1rem;
    letter-spacing: 0;
    padding: 13px 64px 13px 62px;
  }
  .main-visual .button{
    padding-left: 0;
    padding-right: 0;
  }
  .main-visual .document:before{
    background-size: contain;
    left: 30px;
    top: 20px;
    width: 21px;
  }
  .main-visual .contact:before{
    background-size: contain;
    left: 27px;
    top: 25px;
    width: 23px;
  }
  .main-visual .button p:nth-of-type(3) img{
    width: 260px;
    right: 0;
  }
  .main-visual .badge {
    right: -75px;
    top: -154px;
  }
  .onayami .card{
    margin: 0 auto 12px;
    max-width: 600px;
  }
  .title-fukidashi{
    font-size: 1.8rem;
    margin-bottom: 6rem;
  }
  .easy-automation h3{
    font-size: 2rem;
  }
  .sub-title{
    font-size: 1.8rem;
  }
  .title-fukidashi:after{
    border-right: 130px solid transparent;
    border-left: 130px solid transparent;
    bottom: -95px;
  }
  .btn.default{
    max-width: 700px;
    font-size: 1.6rem;
  }
  .btn.default:after{
    top: 23px;
  }
  .voice .sub-title{
    font-size: 1.5rem;
  }
  .voice .fukidashi p:first-of-type{
    font-size: 1.3rem;
  }
  .voice .fukidashi p:last-of-type{
    font-size: 1.1rem;
  }
  .reason .sub-title{
    font-size: 1.8rem;
    margin-bottom: 60px;
  }
  .reason .group-btn{
    padding: 71px 55px 17px;
    border-radius: 50px;
    margin-bottom: 90px;
    border-radius: 40px;
  }
  .reason .group-btn .btn{
    font-size: 1.2rem;
  }
  .reason .group-btn h3{
    font-size: 1.8rem;
  }
  .reason .winactor{
    width: 100%;
    max-width: 600px;
    width: 100%;
    font-size: 1.4rem;
  }
  .reason .winactor:before{
    left: 54px;
  }
  .reason p:last-of-type img{
    margin-top: 90px;
  }
  .reason p:last-of-type img{
    max-width: 500px;
  }
  .reason p:last-of-type img{
    margin-bottom: 90px;
  }
  footer .wrap .container{
    font-size: 16px;
  }
  .easy-automation .bg-gradation{
    padding: 2.3rem 1rem 1rem;
    height: 100%;
    width: 100%;
  }
  .easy-automation h3{
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1199.98px){
  .main-visual .badge{
    width: 195px;
  }

}
@media screen and (min-width: 768px) and (max-width: 991.98px){
  .main-visual .copy p:nth-of-type(1){
    font-size: 2rem;
    line-height: 180%;
  }
  .main-visual .badge {
    width: 152px;
    right: -58px;
  }
}