@charset "UTF-8";

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

Base CSS



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


@media screen and (max-width:667px) {
	
	html {
		font-size: 16px;
	}
	
    #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%;
    }
	

}