@media screen and (max-width:1280px) {
    html,body {font-size:18px;}

    
.cont .main_title {width: 30%;}
.cont article {width: 70%;}
    
    
.wrap_cloud {transform:scale(0.75); transform-origin: center;}
.wrap_cloud:nth-child(1) {left:-5%; top:10%;  }
.wrap_cloud:nth-child(2) {left:45%; top:95%;  }
.wrap_cloud:nth-child(3) {left:90%; top:20%;  }
.wrap_cloud:nth-child(4) {left:-2%; top:20%;  }
.wrap_cloud:nth-child(5) {left:85%; top:90%; }
.wrap_cloud:nth-child(6) {left:50%; top:60%; }
.wrap_cloud:nth-child(8) {left:-10%; top:70%; }
.wrap_cloud:nth-child(9) {left:50%; top:10%; }
    
    
/*========= main ===========*/
.main > section {height:auto; padding:80px 0;}
    
    
/*========= main1 ===========*/
.main .main1 {height:100vh; padding-top:11rem;}
    
    
/* main_mobile */
.main_mobile {display:block; padding:150px 0;}
.main_mobile article,
.main_mobile figure {width:50%;}
.main_mobile figure img {width:60%; height:auto}
.main_mobile .main_title {text-align: center; margin-bottom:0;}
.main_mobile .main_title br {display: block;}
    .main_mobile p {text-align: center;}
    

/* main5 */
.main5 {}
.main5 .apply {width:70%; margin:0 auto;}
.main5 .apply ul {position: relative;}
.main5 .apply li {width: 100%; }
.main5 .apply li.set_memo {position: static;}
.main5 .apply li label {font-size: 0.9rem;}

    
}













@media screen and (max-width:1170px) {
    .btn_nav {display:flex;}

    #header nav {display: none; flex-direction: column; align-items: center; justify-content: center; text-align: center; position:fixed; left:0; top:0; width:100%; height:100%; background-color: #fff; z-index: 100;}
    .on #header nav {display:flex}
    #header nav a {margin:1.5rem 0;}
}

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

    html,body {font-size:15px;}


    

/*========= input ===========*/
.unit {font-size: 1rem;}
.ip_comm	{font-size:1rem; height:44px}
.ip_comm.tel+.bar	{line-height:44px; }
textarea.ip_comm	{height:12.7rem; padding:0.5rem; line-height:1.5;}
.set_agree label,
.set_agree a {font-size:0.85rem;}
.btn_sm	{width:120px; height:50px; font-size:1.05rem;}

    
/*========= main ===========*/

    .main_title {margin-bottom:30px; text-align: center;}
.main_title br {display: none;}
    
.cont {display:block; }
.cont .main_title {width: 100%;}
.cont article {width: 100%;}
    
    

    
.wrap_cloud:nth-child(7) {left:20%; top:55%; }
    

/*========= main2 ===========*/
.main2 {display:block; }
.main2 figure {right:-50px; transform:scale(0.75); transform-origin: bottom center}
.main2 figure img {margin:0 ; }
    
    
.main_mobile figure img {width:80%; height:auto}


.main5 .apply {width:400px; }
.main5 figure {width: 400px; margin-top:30px; text-align: center;}
.main5 figure img {width:100%; height:auto;}

/* footer */
#footer li {font-size: 1rem; }

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}