/*60px*/
.page-template-page-contact .tel_ctt li.ctt_num{font-size: 6vw}

#main_btn .tl{font-size: 4vw}

/*35px*/
#reason .flex li .thum strong span,
.tl,
.tl2{font-size: 3.5vw}

/*30px*/
#main_btn .bottom_btn .tl{font-size: 3vw}

/*20px*/
#reason .flex li dt,
div#main_btn a.vc-btn2,
#message .copy p strong,
.single #news .entrysingle h3,
.blogsingle .entrybody h2 a,
.single #blog .entrysingle h3,
.faq dd h3,
.faq dt,
.sub_tl,
#main_btn .tl span,
#index #mainbnr dt{font-size: 2vw}

#reason .flex li dd{font-size: 1.6vw}

/*18px*/
#bnr ul li a,
.main_nav li a{font-size: 1.3vw}

/*16px*/
.mw_wp_form table td,
table th,
.mw_wp_form table td span,
#trouble2 li a,
body{font-size: 1.3vw}

/*14px*/
.sub_nav li a,
#foot .submenu li a,
#index #blog li dl dt,
#main_btn .bottom_btn .tl span,
#index #mainbnr dd,
.tl span{font-size: 1.2vw}

/*13px*/
th span.hissu,
#copyright{font-size: 1vw}

#mainview{margin-left: 0;margin-right: 0;}

#content .covid{margin-top: 100px;}

.main_nav li a{padding-left:0.8vw;padding-right: 0.8vw;}

#logo{padding: 2vw 2vw}
#logo img{width: 15vw}


.circle_nav li a{width: 10vw;height: 10vw;letter-spacing: 0;}

.circle_nav li a img{height: 2.5vw}

.sub_nav{margin-bottom: 0;margin-top: 1vw}
.submenu {
  top: 7.3vw;
}

.submenu dl,
.submenu dl a{font-size: 90%}

#mainview{margin-top: 5.2vw}

#menu .thum{width:30%;}
#menu .flex div{width: 100%}


.online img{width:90%;}

div#main_btn a.vc-btn2{width: 100%}

@media screen and (max-width:1250px) { 
.block,
.block2{width: 98%;margin:0 auto}
#occupation ul li{width: 16vw;margin: 0 1vw;height: 16vw;}

}