@media screen and (max-width:1500px){
    .inner {width: 100%; padding: 100px 20px;}
    html {font-size: 14px;}
    #header .inner {padding: 30px 20px;}
    #header.fixed .inner {padding: 30px 20px;}
    #visual * {transition: none;}
    #visual .text {transform: none; left: 20px; bottom: 50px;}
    #visual .text img {width: 60px;}
    #visual img.back {display: none;}
    #visual img.back.tab {display: block;}
    #business .box.left .img_2 {width: 23%;}
    #business .box.left a {font-size: 1.2rem; width: 190px;}
    #business .box.right {padding: 60px;}
    #business .box.right .text {font-size: 1.5rem;}
    #management .box .text .title {font-size: 2.5rem;}
    #management .box .text .text {font-size: 1.6rem;}
    #last .text p {font-size: 2.2rem;}
    #last .btn_wrap {margin: 30px 0 0 0;}
    #last img {display: none;}
    #last img.mo {display: block;}
    #footer {padding: 50px 20px 150px 20px;}
    #go_top {right: 20px; bottom: 20px; transform: none;}


    #footer  {padding: 70px 0 200px 0;}
    #footer .inner {width: 100%; padding: 0 20px;}
    #footer .tell .title {font-size: 2.1rem;}
    #footer .tell .title span {font-size: 2.1rem;}
    #footer .tell .number img {width: 18px;}
    #footer .tell .number {font-size: 2.1rem;}
    #footer .tell {display: flex; margin: 0 0 40px 0; align-items: center;}
    #footer .tell img {display: none;}
    #footer .menu {gap: 0 40px;}
    #footer .menu ul li.first a {font-size: 1.4rem;}
    #footer .menu ul li a {font-size: 1.3rem;}
    #footer .btn_wrap a {width: 150px;}
    #footer .btn_wrap a p {font-size: 1.2rem;}
    #footer .inner {flex-direction: column; align-items: center;}
    #footer .tell .title {margin: 0 10px 0 0;}
    #footer .tell .bedge {margin: 0 0 0 10px;}
    #footer .tell .bedge span {font-size: 1.2rem}
    #footer .btn_wrap {display: flex; gap: 12px; margin: 50px 0 0 0}
    #footer .family {right: 50%; bottom: -60px;transform: translateX(50%); width: 473px;}
    #footer .family ul {bottom: 60px; top: auto;}
    #footer .family ul li a {font-size: 1.2rem;}
}
@media screen and (max-width:1200px){
    #visual img.back.tab {display: none;}
    #visual img.back.tab2 {display: block;}
    #solution .box .title {top: 40px; left: 43px; font-size: 1.9rem;}
    #useto .box {padding: 70px;}
    #useto .box.top .right img {width: 80%; float: right;}
    #last .text p {font-size: 1.9rem;}
}
@media screen and (max-width:1000px){
    #visual .text h2 {font-size: 3rem;}
    .title {margin: 0 0 50px 0;}
    .title h3 {font-size: 2.3rem; line-height: 1.3;}
    #case .image_wrap img.pc {display: none;} 
    #case .image_wrap img.mo {display: block;} 
    #case .image_wrap img {width: 100%; margin: 0 auto; max-width: 600px;}
    #solution .box_wrap {flex-direction: column; align-items: center;}
    #solution .box {width: 100%; max-width: 680px;}
    #solution .box .title {font-size: 2.2rem; left: 30px;}
    #solution .box img.back {display: none;}
    #solution .box img.back.mo {display: block;}
    #solution .box .bubble {width: 55%; left: auto; transform: none; right: 20px;}
    #business .box.right {padding: 30px;}
    #business .box.left .img_2 {margin: 0 -24px;}
    #business .box.left .title {font-size: 1.8rem}
    #business .box.right .title {font-size: 1.8rem}
    #management .box .text .title {font-size: 1.8rem;}
    #management .box .text .text {font-size: 1.3rem;}
    #package .main .text {margin: 2px 0;}
    #useto .box.top .left .bottomtext p {font-size: 1.2rem;}
    #useto .box.bottom .center .bottomtext p {font-size: 1.2rem;}
    #application .box_wrap { flex-direction: column; align-items: center;}
    #application .box_wrap .box {width: 100%; max-width: 410px;}
}
@media screen and (max-width:840px){
    #useto {display: none;}
    #useto_m {display: block;}
    #useto_m .box {width: 100%;margin: 0 auto;max-width: 600px;border-radius: 60px;padding: 50px 30px;display: flex;flex-direction: column;justify-content: center;text-align: center;}
    #useto_m .box_1 {background: linear-gradient(90deg, #E5EEFF, #BEBAFF);margin: 0px auto 30px;}
    #useto_m .box_2 { background: #817FFF;}
    #useto_m .box .toptext { margin: 0 0 20px 0; }
    #useto_m .box .toptext p {  font-size: 2rem;  font-family: var(--font-SB);  }
    #useto_m .box_2 .toptext p {   color: #fff; }
    #useto_m .box .bottomtext { margin: 0 0 30px 0; }
    #useto_m .box .bottomtext p {  font-size: 1.2rem; }
    #useto_m .box_2 .bottomtext p { color: #fff;}
    #useto_m .box img { width: 100%;  max-width: 410px;  margin: 0 auto; }
    #footer .tell .title span {font-size: 1.5rem;}
    #footer .tell .title {font-size: 1.5rem;}
    #footer .tell .number {font-size: 1.5rem;}
    #footer .menu ul li.first a {font-size: 1.2rem;}
    #footer .menu ul li a {font-size: 1rem;}
    #footer .btn_wrap a {width: 140px;}
    #footer .btn_wrap a p {font-size: 1rem;}
    #footer .family {width: 443px;}
}
@media screen and (max-width:800px){
    #visual img.back.tab2 {display: none;}
    #visual img.back.mo {display: block;}
}
@media screen and (max-width:740px){
    #header .menu ul {display: none;}
    #header.fixed .inner {padding: 16px 20px;}
    #business .box_wrap {flex-direction: column;}
    #business .box {width: 100%; max-width: 410px; margin: 0 auto;}
    #business .box.left .title {margin: 90px 0 20px 0;}
    #business .box.left a {margin: 0 auto 40px;}
    #business .box.right {padding: 50px 30px;}
    #ars .box_wrap .box {border-radius: 30px;}
}
@media screen and (max-width:700px){
    #last .text p {font-size: 1.6rem;/}
}