@media screen and (max-width:1200px){
    .inner {width: 100%; padding: 100px 20px}
    #main_visual .icon_1 {top: 30%;left: 25%;width: 7.8%;}
    #main_visual .icon_2 {top: 50%;left: 18%;width: 3.8%;}
    #main_visual .icon_3 {bottom: 25%;left: 26%;width: 4%;}
    #main_visual .icon_4 {top: 73%;right: 27%;width: 5%;}
    #main_visual .icon_5 {top: 45%;right: 17.7%; width: 4%;}
    #main_visual .icon_6 {top: 28%;right: 27%;width: 3.5%;}

    #section_3 .box_wrap img {width: 100px;}

    #section_5 .phone {top: -1.3%;left: 29.1%;width: 41.7%;}

    .imtxt .image {width: 50%;}
    .imtxt .image img {width: 100%}

    #section_6 .img2 {    top: 11.5%; left: 47%;  width: 45%;}

    #section_7 .image .img2 {width: 65%;}
    #section_7 .image .img3 {width: 65%;}

    #section_8 .image .img2 {width: 61%;}
    #section_8 .image .img3 {width: 61%;}
    #section_8 .image .img4 {width: 61%;}

    #section_14 img {width: 160%;}

    #footer .inner {padding: 50px 20px 20px 20px}
}
@media screen and (max-width:1000px){
    #header.scrolled {background-color: #ffffffe6; backdrop-filter: none; }
    .fixed_menu {bottom: 20px; right: 20px;}
    
    .subtitle_2 h3 {font-size: 25px;}
    .subtitle_2 h4 {font-size: 18px;}

    #main_visual .icon_1 {top: 30%;left: 20%;width: 7.8%;}
    #main_visual .icon_2 {top: 50%;left: 10%;width: 3.8%;}
    #main_visual .icon_3 {bottom: 25%;left: 17%;width: 4%;}
    #main_visual .icon_4 {top: 73%;right: 22%;width: 5%;}
    #main_visual .icon_5 {top: 45%;right: 10.7%;width: 4%;}
    #main_visual .icon_6 {top: 28%;right: 23%;width: 3.5%;}

    #section_1 .bubble_wrap {width:100%;}

    #section_4 .box_wrap {grid-template-columns: 1fr 1fr;}

    #section_5 .phone { top: -0.7%;  left: 29.5%;  width: 41.7%;}

    #section_9 .box_wrap {display: grid; grid-template-columns: 1fr 1fr;     gap: 50px 30px;}
    #section_9 .next {display: none;}
    #section_9 .box {width: auto;}

    #section_10 .back {opacity: 1}
}

@media screen and (max-width:840px){
    #main_visual {height: 70vh;}   

    #header .nav_container {padding: 0;}

    #section_2 .box_wrap .box {flex-direction: column; text-align: center;}
    #section_2 .box_wrap .box p {margin: 20px 0 0 0;}

    #section_5 .phone { top: 1.2%;  left: 29.5%;  width: 41.3%;}

    #section_12 .inner {padding: 100px 20px;}
    #section_12 .box_wrap { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
    #section_12 .box {
        position: inherit; top: auto !important; left: auto !important; right: auto !important;
        transform: none !important;
        display: block; padding: 30px;
    }
    #section_12 .box img {margin: 0 0 20px 0;}
    #section_12 .box .text .name br {display:block;}
    #section_12 .box .text .name span {margin: 0 5px 0 0;}
    #section_14 img {width: 210%;}

    #footer .inner {display: flex;  flex-direction: column;  align-items: center;  justify-content: center;}
    #footer .wrap {flex-direction: column}
    #footer .right {align-items: center; margin: 30px 0 0 0;}
    #footer .left p {display: block; text-align: center; font-size: 16px;}
    #footer .left p span {display: inline-block; width: auto; margin: 0 10px 0 0}
}


@media screen and (max-width:800px){
    #main_visual .text h2 {font-size: 54px;}
    #main_visual .text h3 {font-size: 28px;}

    .imtxt {display: block;}
    .imtxt .text {text-align: center;}
    .imtxt .image {width: 60; margin: 0 auto;}

    #section_5 .text {width: 100%;}
    #section_5 .image {width: 90%; margin: 0 auto;}
    #section_5 .phone {top: -1.5%;}    

    #section_6 .image {  transform: translateX(40px); margin: 0 auto 40px;}

    #section_7 .image .img1 {transform: translateX(-8%); margin: 40px auto 0;}
    #section_7 .image .animation {left: 18.8%;}
    #section_7 .image .img2 {top: 22%;}
    #section_7 .image .img3 {top: 67%;}

    #section_8 .image .img1 {transform: translateX(12%); margin: 0 auto 40px;}
    #section_8 .image .animation {left: 18.8%;}
    #section_8 .image .img2 {top: 13%;}
    #section_8 .image .img3 {top: 48%;}
    #section_8 .image .img4 {top: 72%;}

    #section_11 .inner {width: 100%;}

    #section_12 .box {padding: 20px;}

    #section_13 .inner {width: 100%;}


}
@media screen and (max-width:700px){
    #header .nav_menu {display: none;}
}
@media screen and (max-width:640px){
    #section_5 .phone {top: 0.1%;}

    .inner {padding:70px 20px;}

    .subtitle {margin: 0 0 40px 0;}
    .subtitle h3 {font-size: 26px; margin: 0 0 20px 0;}
    .subtitle h3 span {font-size: 26px;}
    .subtitle h4 {font-size: 16px;}

    #main_visual .text h2 {font-size: 44px;}
    #main_visual .text h3 {font-size: 22px;}

    #section_1 {height: 610px;}
    #section_1 .bubble p {font-size: 16px;}
    #section_1 .bubble_2 {top: 77px;}
    #section_1 .bubble_3 {top: 150px; left: auto;}

    #section_2 .box_wrap .box img {height: 48px;}
    #section_2 .box_wrap .box p {font-size: 18px;}

    #section_3 .box_wrap img {width: 80px;}
    #section_3 .box_wrap img:nth-of-type(3) {width: 170px;}
    #section_3 .box_wrap img:nth-of-type(2),
    #section_3 .box_wrap img:nth-of-type(4) {width: 60px;}

    #section_4 .box_wrap .box p {font-size: 17px;}

    #section_10 .inner {width: 100%;}
    #section_10 h5 {font-size: 22px; line-height: 1.4;}

    #section_11 .box p {font-size: 18px;}

    #section_12 .box_wrap {display: flex; flex-direction: column; justify-content: center; align-items: center;}
    #section_12 .box {display: flex; padding: 30px; justify-content: center; width: 80%;}
    #section_12 .box img {margin: 0 30px 0 0;}

    #section_13 .faq_question p {font-size: 18px;}
    #section_13 .faq_question span {font-size: 20px; margin: 0 10px 0 0;}
    #section_13 .faq_answer {font-size: 16px;}

    #section_14 .inner p {font-size: 20px;}
    #section_14 .call {width: 190px; padding: 12px 34px;}
    #section_14 .call img {width: 30px;}
    #section_14 .call .text p {font-size: 15px;}
}

@media screen and (max-width:570px){
    #section_5 .phone {top: 1%;}
}
@media screen and (max-width:530px){
    #section_5 .phone {top: 2%;}
}
@media screen and (max-width:480px){
    #section_5 .phone {top: 2.9%;}
}