#sub_banner .tit {bottom: 23vw;left: 0;text-shadow: 1px 1px 27px #000000;}
#sub_banner .tit h4 {font-size: 55px;}
#sub_banner .tit h2 {line-height: 110%;font-size: 30px;}

/* application_box */
#application_box {margin-top: 5vw;margin-bottom: 5vw;}
#application_box .sub_tit_box { flex-wrap: wrap; justify-content: center; align-items: baseline; }
#application_box .sub_tit_box b { margin-right: .4em; font-size: 55px; }
#application_box .sub_tit_box b:first-letter { color: var(--primary); }
#application_box .sub_tit_box font { font-weight: bold; font-size: 40px; }
#application_box .p_txt {margin: 20px 0 60px;font-size: 1.4rem;text-align: center;}
#application_box ul { flex-wrap: wrap; justify-content: center; align-items: stretch; }
#application_box ul li { margin: 0 10px; width: calc(25% - 20px); }
#application_box ul li:first-child { border-top-left-radius: 110px; }
#application_box ul li:before { position: absolute; width: 100%; height: 100%; background: rgb(0 0 0 / 25%); display: block; top: 0; left: 0; content: ""; }
#application_box ul li >div { position: relative; margin: 50px 3vw 60px; }
#application_box ul li >div * { color: #fff; }
#application_box ul li .img { position: relative; margin: 0 auto 25px; width: 110px; height: 110px; border-radius: 50%; background: rgba(186, 45, 59, .8); display: flex; justify-content: center; align-items: center; }
#application_box ul li .img:before { position: absolute; width: calc(100% - 22px); height: calc(100% - 22px); border: 1px #fff solid; border-radius: 50%; display: block; top: 10px; left: 10px; content: ""; }
#application_box ul li .img img { width: 50%; height: 45%; }
#application_box ul li .tit { font-size: 24px; }
#application_box ul li .s_tit { font-size: 14px; }
#application_box ul li .info {margin: 15px 0 25px;font-size: 16px;text-align: inherit;}
#application_box ul li .more {margin: auto;padding: 10px;width: 120px;border: 1px #fff solid;font-size: 13px;}

@media screen and (min-width: 1271px){
	#application_box ul li .info { min-height: 145px; }
}
@media screen and (max-width: 1270px){
	#application_box ul li { margin: 10px; width: calc(50% - 20px); }
}
@media screen and (max-width: 1024px){
	#sub_banner .tit{bottom: 35vw;}
}
@media screen and (max-width: 768px){
	#application_box .p_txt br { display: none; }
	#application_box .sub_tit_box b{
    font-size: 2.3rem;
    margin-right: 0;
}
	#application_box .sub_tit_box font{
    font-size: 35px;
}
#sub_banner .tit h4 {font-size: 48px;}
#sub_banner .tit h2 {line-height: 110%;font-size: 25px;}
}
@media screen and (max-width: 640px){
	#application_box ul li { width: calc(100% - 20px); }
	#application_box .p_txt{text-align: revert;font-size: 1.0rem;margin: 20px 0 30px;}
}
@media screen and (max-width: 460px){
	#sub_banner .tit{
    bottom: 34vw;
}
	#sub_banner .tit h4 {font-size: 28px;}
#sub_banner .tit h2 {line-height: 110%;font-size: 16px;}
	#application_box .sub_tit_box font{
    font-size: 1.4rem;
}
}