@charset "UTF-8";

/*---------------------------------------------

Base CSS



---------------------------------------------*/

@media screen and (max-width: 2540px){
    html {
		font-size: 44.5px;
	}
}

@media screen and (max-width: 2510px){
    html {
		font-size: 44.0px;
	}
}

@media screen and (max-width: 2480px){
    html {
		font-size: 43.5px;
	}
}

@media screen and (max-width: 2450px){
    html {
		font-size: 43.0px;
	}
}

@media screen and (max-width: 2420px){
    html {
		font-size: 42.5px;
	}
}

@media screen and (max-width: 2390px){
    html {
		font-size: 42.0px;
	}
}

@media screen and (max-width: 2360px){
    html {
		font-size: 41.5px;
	}
}

@media screen and (max-width: 2330px){
    html {
		font-size: 41.0px;
	}
}

@media screen and (max-width: 2300px){
    html {
		font-size: 40.5px;
	}
}

@media screen and (max-width: 2270px){
    html {
		font-size: 40.0px;
	}
}

@media screen and (max-width: 2240px){
    html {
		font-size: 39.5px;
	}
}

@media screen and (max-width: 2210px){
    html {
		font-size: 39.0px;
	}
}

@media screen and (max-width: 2180px){
    html {
		font-size: 38.5px;
	}
}

@media screen and (max-width: 2150px){
    html {
		font-size: 38.0px;
	}
}

@media screen and (max-width: 2120px){
    html {
		font-size: 37.5px;
	}
}

@media screen and (max-width: 1990px){
    html {
		font-size: 37.0px;
	}
}

@media screen and (max-width: 1960px){
    html {
		font-size: 36.5px;
	}
}

@media screen and (max-width: 1930px){
    html {
		font-size: 36.0px;
	}
}

@media screen and (max-width: 1900px){
    html {
		font-size: 35.5px;
	}
}

@media screen and (max-width: 1870px){
    html {
		font-size: 35.0px;
	}
}

@media screen and (max-width: 1830px){
    html {
		font-size: 34.5px;
	}
}

@media screen and (max-width: 1800px){
    html {
		font-size: 34.0px;
	}
}

@media screen and (max-width: 1770px){
    html {
		font-size: 33.5px;
	}
}

@media screen and (max-width: 1740px){
    html {
		font-size: 33.0px;
	}
}

@media screen and (max-width: 1710px){
    html {
		font-size: 32.5px;
	}
}

@media screen and (max-width: 1680px){
    html {
		font-size: 32.0px;
	}
}

@media screen and (max-width: 1650px){
    html {
		font-size: 31.5px;
	}
}

@media screen and (max-width: 1620px){
    html {
		font-size: 30.5px;
	}
}

@media screen and (max-width: 1590px){
    html {
		font-size: 30.0px;
	}
}

@media screen and (max-width: 1560px){
    html {
		font-size: 29.5px;
	}
}

@media screen and (max-width: 1530px){
    html {
		font-size: 29.0px;
	}
}

@media screen and (max-width: 1500px){
    html {
		font-size: 28.5px;
	}
}

@media screen and (max-width: 1470px){
    html {
		font-size: 28.0px;
	}
}

@media screen and (max-width: 1440px){
    html {
		font-size: 27.5px;
	}
}

@media screen and (max-width: 1410px){
    html {
		font-size: 27.0px;
	}
}

@media screen and (max-width: 1380px){
    html {
		font-size: 26.5px;
	}
}

@media screen and (max-width: 1350px){
    html {
		font-size: 26.0px;
	}
}

@media screen and (max-width: 1320px){
    html {
		font-size: 25.5px;
	}
}

@media screen and (max-width: 1290px){
    html {
		font-size: 25.0px;
	}
}

@media screen and (max-width: 1260px){
    html {
		font-size: 24.5px;
	}
}

@media screen and (max-width: 1230px){
    html {
		font-size: 24.0px;
	}
}

@media screen and (max-width: 1200px){
    html {
		font-size: 23.5px;
	}
}

@media screen and (max-width: 1170px){
    html {
		font-size: 23.0px;
	}
}

@media screen and (max-width: 1140px){
    html {
		font-size: 22.5px;
	}
}

@media screen and (max-width: 1110px){
    html {
		font-size: 22.0px;
	}
}

@media screen and (max-width: 1080px){
    html {
		font-size: 21.5px;
	}
}

@media screen and (max-width: 1050px){
    html {
		font-size: 21.0px;
	}
}

@media screen and (max-width: 1020px){
    html {
		font-size: 20.5px;
	}
}

@media screen and (max-width: 990px){
    html {
		font-size: 20.0px;
	}
}

@media screen and (max-width: 960px){
    html {
		font-size: 19.5px;
	}
}

@media screen and (max-width: 930px){
    html {
		font-size: 19.0px;
	}
}

@media screen and (max-width: 900px){
    html {
		font-size: 18.5px;
	}
}

@media screen and (max-width: 870px){
    html {
		font-size: 18.0px;
	}
}

@media screen and (max-width: 840px){
    html {
		font-size: 17.5px;
	}
}

@media screen and (max-width: 810px){
    html {
		font-size: 17.0px;
	}
}

@media screen and (max-width: 780px){
    html {
		font-size: 16.5px;
	}
}

@media screen and (max-width: 750px){
    html {
		font-size: 16.0px;
	}
}

@media screen and (max-width: 720px){
    html {
		font-size: 15.5px;
	}
}

@media screen and (max-width: 690px){
    html {
		font-size: 15px;
	}
}

@media screen and (max-width:667px) {
	
	html {
		font-size: 14.6px;
	}
	
    #friend .wrapper.line .sub_catch {
        padding-left: 10%;
    }
	

}

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

	html{
		font-size: 14.5px;
	}
	
    #friend .wrapper.line .sub_catch {
        padding-left: 10.2%;
    }

}

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

	html{
		font-size: 14px;
	}
	
    #friend .wrapper.line .sub_catch {
        padding-left: 10.4%;
    }
	

}

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

	html{
		font-size: 13.5px;
	}

    #friend .wrapper.line .sub_catch {
        padding-left: 10.6%;
    }
	
	
}

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

	html{
		font-size: 13px;
	}

    #friend .wrapper.line .sub_catch {
        padding-left: 10.8%;
    }
	
	
}

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

	html{
		font-size: 12.5px;
	}

    #friend .wrapper.line .sub_catch {
        padding-left: 11%;
    }
	
}

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

	html{
		font-size: 12px;
	}
	
    #friend .wrapper.line .sub_catch {
        padding-left: 11.2%;
    }

}

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

	html{
		font-size: 11.5px;
	}
	
    #friend .wrapper.line .sub_catch {
        padding-left: 11.4%;
    }

}

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

	html{
		font-size: 11px;
	}
	
    #friend .wrapper.line .sub_catch {
        padding-left: 11.6%;
    }

}

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

	html{
		font-size: 10.5px;
	}

    #friend .wrapper.line .sub_catch {
        padding-left: 11.8%;
    }
	
}

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

	html{
		font-size: 10px;
	}
	
    #friend .wrapper.line .sub_catch {
        padding-left: 12.0%;
    }
	

}

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

	html{
		font-size: 9.5px;
	}
 #friend .wrapper.line .sub_catch {
        padding-left: 12.2%;
    }

}

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

	html{
		font-size: 9px;
	}
	#information ul.list a[target="_blank"] {
		background-size: 5% auto;
    padding: 0% 12px 0% 0% !important;
}
 #friend .wrapper.line .sub_catch {
        padding-left: 12.4%;
    }
	

}